# codingtrain/website-archive

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/codingtrain-website-archive).**

5,743 stars · 5,475 forks · JavaScript · MIT · archived

## Links

- GitHub: https://github.com/CodingTrain/website-archive
- Homepage: https://codingtrain.github.io/website-archive/
- awesome-repositories: https://awesome-repositories.com/repository/codingtrain-website-archive.md

## Topics

`art` `design` `education` `hacktoberfest` `learning` `youtube`

## Description

This is an archived snapshot of the first version of the Coding Train website, preserving its original static structure and content. It serves as a static site archive, storing pre-rendered HTML pages and assets for direct delivery without server-side processing.

The site organizes tutorial and challenge content as individual HTML files within a directory structure that mirrors the site hierarchy, using hyperlinks and browser-native navigation to move between pages. It manages the entire website source code and content revisions using Git for collaborative contribution and history tracking, and generates the static site by manually assembling HTML files and assets without automated build tools or templating engines.

The archive provides a curated collection of beginner-friendly creative coding video tutorials and challenges hosted on YouTube, with YouTube video players embedded directly into web pages using iframe elements. It also includes a platform for displaying individual coding challenge projects with descriptions and links to their video walkthroughs, and a repository for submitting and reviewing tutorials, coding challenges, and community projects for publication.

## Tags

### Content Management & Publishing

- [Static Site Archivers](https://awesome-repositories.com/f/content-management-publishing/static-site-archivers.md) — Stores pre-rendered HTML pages and assets for direct delivery without server-side processing.
- [Static Content Organization](https://awesome-repositories.com/f/content-management-publishing/static-content-organization.md) — Organizes tutorial and challenge content as individual HTML files within a directory hierarchy.
- [Static Websites](https://awesome-repositories.com/f/content-management-publishing/static-websites.md) — Preserves the original content and structure of the first Coding Train website as a static archive.
- [Content Contribution Workflows](https://awesome-repositories.com/f/content-management-publishing/content-contribution-workflows.md) — Provides processes for submitting tutorials, coding challenges, and community projects for review and publication. ([source](https://thecodingtrain.com/Guides/content-contribution-guide.html))

### Development Tools & Productivity

- [Manual HTML Assemblies](https://awesome-repositories.com/f/development-tools-productivity/build-time-asset-processing/manual-html-assemblies.md) — Generates the static site by manually assembling HTML files and assets without automated build tools.

### Education & Learning Resources

- [Curated Video Archives](https://awesome-repositories.com/f/education-learning-resources/creative-coding-education/curated-video-archives.md) — Provides a curated collection of beginner-friendly creative coding video tutorials and challenges hosted on YouTube. ([source](https://codingtrain.github.io/website-archive/))
- [Educational Repositories](https://awesome-repositories.com/f/education-learning-resources/educational-repositories.md) — Serves as a repository for submitting and reviewing tutorials, coding challenges, and community projects for publication.
- [Coding Challenges](https://awesome-repositories.com/f/education-learning-resources/coding-challenges.md) — Showcases individual coding challenge projects with descriptions and links to their video walkthroughs. ([source](https://codingtrain.github.io/website-archive/))

### Web Development

- [Standard Iframe Embeds](https://awesome-repositories.com/f/web-development/api-integrations/player-control-interfaces/youtube/standard-iframe-embeds.md) — Embeds YouTube video players directly into web pages using iframe elements for tutorial playback.