Create a Design System with CSS - Web Development Course

Channel:
United States freeCodeCamp.org
Subscribers:
11,200,000
Published on ● Video Link: https://www.youtube.com/watch?v=lRaL-8qZ0mM


Duration: 6:45:14
346,228 views
10,564

Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the interactive Scrimba version of this course by clicking here: https://scrimba.com/learn/spacetravel

💻 Code on GitHub: https://github.com/kevin-powell/space-tourism

In this course you will first learn how to build your own design system and then learn how to implement the entire website with the design system using CSS, HTML, and JavaScript.

At the end, you will have a neat project to add your portfolio in addition to have sharpened your CSS and design skills.

The design for the course has been created by FrontendMentor. You can get the design files from their page: https://www.frontendmentor.io/challenges/space-tourism-multipage-website-gRWj1URZ3

⭐️ Course Contents ⭐️
⌨️ (0:00:00) The design system
⌨️ (2:04:12) The homepage
⌨️ (3:02:25) Navigation
⌨️ (4:17:48) The destination page
⌨️ (5:29:33) The tabs

Twitter links:
🔗 Follow Kevin Powell on Twitter: https://twitter.com/kevinjpowell
🔗 Follow FrontendMentor on Twitter: https://twitter.com/frontendmentor
🔗 Follow Scrimba on Twitter: https://twitter.com/scrimba

YouTube links:
⭐️ Kevin Powell: https://www.youtube.com/kepowob
⭐️ Scrimba: https://www.youtube.com/c/Scrimba

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2022-02-24Flutter Course for Beginners – 37-hour Cross Platform App Development Tutorial
2022-02-23Linux Operating System - Crash Course for Beginners
2022-02-22NestJs Course for Beginners - Create a REST API
2022-02-17C++ Programming Course - Beginner to Advanced
2022-02-16How to Learn from Free University Courses (Audit Classes Online)
2022-02-15iOS Development Course - Use Swift 5 and UIKit to Build a Netflix Clone
2022-02-14The Foundations of Entrepreneurship - Full Course
2022-02-10Blockchain Development: Querying with Open APIs Course
2022-02-09Developer Career Questions ANSWERED (featuring a bunch of experienced developers)
2022-02-08Revit Tutorial for Beginners - Building Information Modeling [3D Design Course]
2022-02-07Create a Design System with CSS - Web Development Course
2022-02-03Unreal Engine 5 - Beginner's Tutorial (with Blueprint)
2022-02-02Great Design With User Research - Design a Mobile App Using Figma
2022-02-0120 Award-Winning JavaScript Games – js13kGames 2021 Winners
2022-01-31Go and AWS - Code and Deploy a Serverless API
2022-01-272D Game Development with GDevelop - Crash Course
2022-01-26Computer Vision and Perception for Self-Driving Cars (Deep Learning Course)
2022-01-25React & TypeScript - Course for Beginners
2022-01-24AutoCAD for Beginners - Full University Course
2022-01-20AWS Cloud Development Kit (CDK) Crash Course
2022-01-19Kubernetes Course - Full Beginners Tutorial (Containerize Your Apps!)