Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=zJSY8tbf_ys


Duration: 21:14:42
1,994,615 views
65,909

Learn JavaScript, HTML, and CSS in this Frontend Web Development course. In this massive course, you will go from no coding experience to having the essential skills of a frontend web developer. You will learn various web development technologies and create a few projects along the way.

✏️ Course from Zach Gollwitzer. Check out his channel: https://www.youtube.com/c/ZachGollwitzer

💻 Code and Resources: https://github.com/zachgoll/fullstack-roadmap-series/blob/main/free-code-camp.md

⌨️ (00:00:00) Introduction
⌨️ (00:04:45) Your first JavaScript program
⌨️ (00:28:14) What is JavaScript?
⌨️ (00:56:04) JavaScript variables
⌨️ (01:45:28) Basic JavaScript challenges
⌨️ (01:45:54) JavaScript operators
⌨️ (02:39:10) 5 more JavaScript challenges
⌨️ (02:50:09) JavaScript functions, conditionals, loops
⌨️ (03:55:03) 25 Beginner JavaScript practice problems
⌨️ (06:07:47) Built-in JavaScript methods
⌨️ (06:25:46) Callback functions
⌨️ (06:45:53) JavaScript primitives
⌨️ (06:54:04) JavaScript Dates
⌨️ (07:02:21) Regular Expressions
⌨️ (07:25:01) JavaScript String methods
⌨️ (07:40:45) JavaScript Array methods
⌨️ (08:16:41) Math utilities with JavaScript
⌨️ (08:23:11) Error types and other JavaScript concepts
⌨️ (08:39:15) 10 Beginner / Intermediate JavaScript practice problems
⌨️ (10:02:33) HTML Crash Course
⌨️ (11:00:10) "About me page" HTML challenge
⌨️ (11:02:51) Document Object Model (DOM)
⌨️ (12:23:56) HTML + JavaScript "Meme Generator" challenge
⌨️ (13:12:17) CSS Crash Course
⌨️ (14:11:49) The CSS Box Model
⌨️ (14:36:46) Most common CSS properties
⌨️ (15:43:51) Frontend Mentor CSS "Pricing Card" challenge
⌨️ (17:11:16) Introduction to responsive web design
⌨️ (18:16:27) CSS Flexbox Crash Course
⌨️ (19:40:45) Frontend Mentor CSS Flexbox "Testimonials" challenge
⌨️ (21:13:27) Final thoughts and next steps

🎉 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-09-20Code a Minecraft Clone with JavaScript, React, Three.js – Tutorial
2022-09-16Jenkins Tutorial – How to Deploy a Test Server with Docker + Linux (Full Course)
2022-09-14Learn HTML & CSS – Full Course for Beginners
2022-09-13NoSQL vs SQL – Which Type of Database Should You Use?
2022-09-12React Coding Interview Prep – 30 Questions and Answers
2022-09-07Angular for Beginners Course [Full Front End Tutorial with TypeScript]
2022-08-31React JavaScript Framework for Beginners – Project-Based Course
2022-08-30CSS Tutorial – Full Course for Beginners
2022-08-2920 Beginner Python Projects
2022-08-25Game Development with LÖVE 2D and Lua – Full Course
2022-08-24Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)
2022-08-22Azure Developer Associate (AZ-204) — Full Course Pass the Exam!
2022-08-18Learn C Programming with Dr. Chuck (feat. classic book by Kernighan and Ritchie)
2022-08-15Stardew Valley Game Clone with Python and Pygame – Full Course
2022-08-11Event-Driven Architecture with React and FastAPI – Full Course
2022-08-10HTML / CSS Tutorial – Create an Order Summary Component
2022-08-09Python for Beginners – Full Course [Programming Tutorial]
2022-08-04Blazor Server App with .NET 6 and Syncfusion UI Components – Full Course
2022-08-01Industry Level REST API using .NET 6 – Tutorial for Beginners
2022-07-28JavaScript Game Development Course for Beginners
2022-07-25Create An Elementor WordPress Website – Elementor Tutorial For Beginners 2022