{"id":15423208,"url":"https://github.com/5t3ph/howtowebdev","last_synced_at":"2025-09-05T17:41:49.621Z","repository":{"id":84151651,"uuid":"232348376","full_name":"5t3ph/howtowebdev","owner":"5t3ph","description":"The source files repository for the video series for beginners to web development - \"Learn How to Make a Website with Steph\" - available on YouTube: https://www.youtube.com/channel/UC8qc2AyBbNmvgIky6236nHA","archived":false,"fork":false,"pushed_at":"2020-04-06T01:43:48.000Z","size":64,"stargazers_count":18,"open_issues_count":0,"forks_count":11,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-14T15:56:11.186Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://thinkdobecreate.com/learnwebdev","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/5t3ph.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-01-07T14:59:05.000Z","updated_at":"2024-11-29T15:34:17.000Z","dependencies_parsed_at":null,"dependency_job_id":"3c172e02-ed9e-4c70-8b74-f2212a5fb019","html_url":"https://github.com/5t3ph/howtowebdev","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/5t3ph/howtowebdev","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5t3ph%2Fhowtowebdev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5t3ph%2Fhowtowebdev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5t3ph%2Fhowtowebdev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5t3ph%2Fhowtowebdev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/5t3ph","download_url":"https://codeload.github.com/5t3ph/howtowebdev/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5t3ph%2Fhowtowebdev/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273792723,"owners_count":25169182,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-05T02:00:09.113Z","response_time":402,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-01T17:40:52.880Z","updated_at":"2025-09-05T17:41:49.600Z","avatar_url":"https://github.com/5t3ph.png","language":"HTML","funding_links":["https://www.patreon.com/join/howtowebdev/checkout?rid=4390962"],"categories":[],"sub_categories":[],"readme":"# Learn How to Make a Website with Steph\n\nAre you interested in website development but have no idea where to start? Do you currently have little to no prior experience with web development? Then this video course is for you!\n\n## Things You'll Learn:\n\n- Foundations: What HTML and CSS are and how to use them\n- Terminology critical for understanding, using - and Googling ;) - web development\n- About accessibility: best practices to ensure your website is viewable and usable by users of all abilities (low vision, blind, motor impaired, etc.)\n- How to work with images and typography\n- How to format your website for mobile devices (responsive design)\n- How to test your website and prepare it for different browsers\n- How to add basic animation\n- Tips on thinking like a developer\n- About using version control (Github) for storing your source files and managing changes\n- How to publish your final website\n\nAt the course conclusion, you'll be able to build frontend experiences using modern techniques, and have a solid foundation for continuing to learn intermediate and advanced topics.\n\n[**Learn more about the course \u003e**](https://thinkdobecreate.com/learnwebdev)\n\n[**Subscribe for access to all video courses \u003e**](https://www.youtube.com/channel/UC8qc2AyBbNmvgIky6236nHA/)\n\n[**Support this project on Patreon \u003e**](https://www.youtube.com/channel/UC8qc2AyBbNmvgIky6236nHA/) and get early access to new videos!\n\n_This repository will be kept updated as new videos are released for the corresponding YouTube video series._\n\n## Course Video Links\n\n\u003e As the video course is updated, links to videos and corresponding source code will be updated with each title.\n\n_Subject to change slightly as videos are recorded_\n\n[**View series schedule \u003e**](https://thinkdobecreate.com/learnwebdev#schedule)\n\n### START HERE: Foundations\n\n[Course Introduction / Meet Steph](https://youtu.be/YYU-dJ7_UZo)\n\n1.  [Getting Started #1: Setup Working Environment](https://youtu.be/C1jGdht7E44)\n\n2.  [HTML Basics #1: Parts of an HTML File](https://youtu.be/ClUgsHxXwTc)\n\n3.  [HTML Basics #2: Essential Elements](https://youtu.be/j2daxQRmk0w)\n\n4.  [HTML Basics #3: Semantic Structure](https://youtu.be/8wdjZTfnhXs)\n\n5.  [HTML Basics #4: Blog Layout](https://youtu.be/NWCO-XHpVP0)\n\n6.  [HTML Basics #5: Card Layout](https://youtu.be/k6MFToyik9c)\n\n7.  [Accessibility Basics #1: Creating Interfaces for All Web Users](https://youtu.be/F0iNy65L3_w)\n\n8.  [CSS Basics #1: Intro to CSS / How to Write CSS](https://youtu.be/CUlPI1f_pPE)\n\n9.  [CSS Basics #2: Layout and the Box Model](https://youtu.be/J3Pi4VyQCiI)\n\n10. [CSS Basics #3: Essential Properties and the Class Selector](https://youtu.be/P-xGz-jghTg)\n\n11. [CSS Basics #4: Understanding the Cascade](https://youtu.be/RhyaNtJ8Cpg)\n\n12. [Accessibility Basics #2: Structure and Styling Considerations](https://youtu.be/Aif7KlEd1fk)\n\n13. [CSS Basics #5: Style a Blog Layout](https://youtu.be/e6nBu5aFK8M)\n\n14. [CSS Basics #6: Style a Card Layout](https://youtu.be/WtQMRsYWgzM)\n\n15. [CSS Basics #7: Browser Compatibility](https://youtu.be/YqNUfZAesOY)\n\n16. [CSS Basics #8: Responsive Design](https://youtu.be/y_SX7m5NAM4)\n\n### Capstone Website Project: Unicorn Space Tours\n\n[**Get early access \u003e**](https://www.patreon.com/join/howtowebdev/checkout?rid=4390962) by becoming an Official Patron for \\$3/month!\n\n[Preview the final project \u003e](https://unicorn-space-tours.netlify.com/)\n\n1.  Setup For a Website Project\n\n2.  Dissecting a Web Design Layout\n\n3.  Translating a Design into Semantic HTML\n\n4.  Header Typography\n\n5.  Footer and Alignment Utilities\n\n6.  Main Content and About Section\n\n7.  Tour Package Cards\n\n8.  Header Graphics\n\n9.  About Section Graphics\n\n10. Tour Package Graphics\n\n11. Navigation\n\n12. Booking Page and Form\n\n13. Responsive Mobile View\n\n14. Animation\n\n15. Basics of Browser Testing / Automated Prefixing\n\n16. Version Control\n\n17. Publish the Website\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F5t3ph%2Fhowtowebdev","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F5t3ph%2Fhowtowebdev","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F5t3ph%2Fhowtowebdev/lists"}