How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course
Learn how to build a responsive website from scratch with HTML, CSS, and JavaScript.
✏️ This course was created by Jessica Chan.
🔗 Jessica's YouTube Channel: https://www.youtube.com/thecodercoder
🔗 Jessica's Twitter: https://twitter.com/thecodercoder
💻 Starter files from Fontend Mentor: https://www.frontendmentor.io/challenges/easybank-landing-page-WaUhkoDN
💻 Source code on GitHub: https://github.com/thecodercoder/fem-easybank
🔗 Responsive Design for Beginners course: https://coder-coder.com/responsive/
⭐️ Course Contents ⭐️
⌨️ (0:00) Introduction
⌨️ (0:30) Part 1: Setup and Navigation Bar
⌨️ (49:52) Part 2: Animated Hamburger Menu
⌨️ (1:21:28) Part 3: Animated Mobile Menu
⌨️ (1:43:56) Part 4: Responsive Hero
⌨️ (2:39:24) Part 5: 4-Column Features (flexbox)
⌨️ (3:16:58) Part 6: 4-Column Articles (CSS grid)
⌨️ (4:04:56) Part 7: Footer
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Видео How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course канала freeCodeCamp.org
✏️ This course was created by Jessica Chan.
🔗 Jessica's YouTube Channel: https://www.youtube.com/thecodercoder
🔗 Jessica's Twitter: https://twitter.com/thecodercoder
💻 Starter files from Fontend Mentor: https://www.frontendmentor.io/challenges/easybank-landing-page-WaUhkoDN
💻 Source code on GitHub: https://github.com/thecodercoder/fem-easybank
🔗 Responsive Design for Beginners course: https://coder-coder.com/responsive/
⭐️ Course Contents ⭐️
⌨️ (0:00) Introduction
⌨️ (0:30) Part 1: Setup and Navigation Bar
⌨️ (49:52) Part 2: Animated Hamburger Menu
⌨️ (1:21:28) Part 3: Animated Mobile Menu
⌨️ (1:43:56) Part 4: Responsive Hero
⌨️ (2:39:24) Part 5: 4-Column Features (flexbox)
⌨️ (3:16:58) Part 6: 4-Column Articles (CSS grid)
⌨️ (4:04:56) Part 7: Footer
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Видео How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course канала freeCodeCamp.org
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![I Challenged The CSS King To A CSS Battle](https://i.ytimg.com/vi/-QgJgZCJvo4/default.jpg)
![Learn web development as an absolute beginner](https://i.ytimg.com/vi/ysEN5RaKOlA/default.jpg)
![How I learned to code and landed a job (no CS degree!)](https://i.ytimg.com/vi/jA14r2ujQ7s/default.jpg)
![What it's like to use a De-Googled phone in real life? (Q&A of concerns)](https://i.ytimg.com/vi/mqSCmT5S-2w/default.jpg)
![Learn JavaScript - Full Course for Beginners](https://i.ytimg.com/vi/PkZNo7MFNFg/default.jpg)
![Jessica Chan challenged me to CSSBattle](https://i.ytimg.com/vi/XA5m-iiTru0/default.jpg)
![](https://i.ytimg.com/vi/JNf0s8hkIrs/default.jpg)
![Why Most Self-Taught Programmers FAIL](https://i.ytimg.com/vi/GOdyt07HTyY/default.jpg)
![HTML Tutorial for Beginners: HTML Crash Course [2021]](https://i.ytimg.com/vi/qz0aGYrrlhU/default.jpg)
![React JS Crash Course 2021](https://i.ytimg.com/vi/w7ejDZ8SWv8/default.jpg)
![The Odin Project vs freeCodeCamp - What's The Best Free Website To Learn Web Development in 2021?](https://i.ytimg.com/vi/Y9mTrj0oR8A/default.jpg)
![Learn Python - Full Course for Beginners [Tutorial]](https://i.ytimg.com/vi/rfscVS0vtbw/default.jpg)
![Build a Responsive Website | HTML, CSS Grid, Flexbox & More](https://i.ytimg.com/vi/p0bGHP-PXD4/default.jpg)
![APIs for Beginners - How to use an API (Full Course / Tutorial)](https://i.ytimg.com/vi/GZvSYJDk-us/default.jpg)
![How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS](https://i.ytimg.com/vi/NQP89ish9t8/default.jpg)
![Learn Sass In 20 Minutes | Sass Crash Course](https://i.ytimg.com/vi/Zz6eOVaaelI/default.jpg)
![12 Beginner Python Projects - Coding Course](https://i.ytimg.com/vi/8ext9G7xspg/default.jpg)
![HTML5 & CSS Development: Learn How to Build a Professional Website | Udemy, Jordan Hudgens](https://i.ytimg.com/vi/5bMdjkfvONE/default.jpg)
![Sass Crash Course](https://i.ytimg.com/vi/nu5mdN2JIwM/default.jpg)
![How to Build A Landing Page?💥 Best Landing Page Builder For Free🔥](https://i.ytimg.com/vi/oVI4-2tfWgk/default.jpg)