Learn HTML & CSS and build your first website! You'll also go beyond the basics covered in most other courses. You'll learn the fundamentals of web development and start your path to becoming a Web Developer. This crash course is part of Andrei's "Complete Web Developer in 2024 Coding Bootcamp" which is the most up-to-date and one of the highest-rated web development courses online 🤩 With Andrei's bootcamp you'll go even deeper by learning JavaScript, React, SQL, Node.js, and much more so that you can get hired as a Developer in 2024 👇 🔥 Andrei's Coding Bootcamp: https://zerotomastery.io/courses/coding-bootcamp/ 👍 Subscribe for more free tutorials & exclusive content: https://links.zerotomastery.io/youtube Use code: YTCODING10 to get 10% OFF (for life!) ========== ⏲ Timestamps: 00:00 HTML & CSS Course Intro 02:05 Browsing The Web 08:14 Breaking Google 11:24 Exercise: Break Google Yourself 11:46 The Internet Backbone 17:25 Traceroute 19:58 Exercise: Running Traceroute 20:36 DEVELOPER FUNDAMENTALS I 23:53 What Does a Developer Do? 25:42 WWW vs Internet 29:21 HTML, CSS, Javascript 34:35 DEVELOPER FUNDAMENTALS: II 37:39 Developer History 40:57 Exercise: Adding CSS and JavaScript to Tim's website - (http://info.cern.ch/hypertext/WWW/TheProject.html) 41:23 Build Your First Website 49:21 Text Editor 49:48 DEVELOPER FUNDAMENTALS: III 53:28 How To Ask Questions 53:56 HTML Tags 1:02:45 HTML Tags 2 1:04:44 Self-Closing HTML Tags 1:10:27 Anchor Tag 1:15:29 Q&A: index.html 1:17:44 Q&A: Relative vs Absolute Path 1:21:40 HTML Forms 1:32:46 HTML Forms 2 1:36:06 Submitting A Form 1:44:33 HTML Tags 3 1:48:34 HTML vs HTML 5 1:55:20 Copy A Website 1:57:55 HTML Challenge 1:59:12 HTML Lesson Files (https://links.zerotomastery.io/html-css-crash-course) 1:59:41 Exercise Files: Code-Along 2:00:07 Your First CSS 2:13:58 CSS Properties 2:24:43 CSS Selectors 2:41:25 Text & Font 2:49:06 Images In CSS 2:53:22 Box Model 2:58:39 px vs em vs rem 3:01:53 Critical Render Path 3:05:59 Flexbox 3:14:34 CSS 3 3:22:57 Responsive UI 3:24:46 Exercise: Robot Animation (https://links.zerotomastery.io/html-css-crash-course) 3:25:47 Robot Starter Files 3:26:25 Robot Solution 3:26:51 Evolving Technology 3:31:48 Bootstrap Intro 3:35:56 Bootstrap 3:44:57 Bootstrap 5 Update 3:49:25 Exercise: Changing Versions - (https://getbootstrap.com/) 3:50:03 Bootstrap Grid 3:55:30 Free Resources - (https://zerotomastery.io/resources) 3:56:01 Exercise: Landing Page ("LP") 3:57:05 Exercise: LP 2 4:01:13 Exercise: LP 3 4:09:46 THE HR TAG 4:10:25 Exercise: LP 4 4:18:59 Button Hover Update 4:19:26 Exercise: LP 5 4:31:08 Note: Upcoming Videos - (https://mailchimp.com/en/help/add-a-signup-form-to-your-website/) 4:31:35 Exercise: Adding Email Subscribe Form 4:41:06 Quick Note: Upcoming Video 4:41:35 Exercise: Putting Your Website Online 4:50:33 Quick Note: Upcoming Video 4:51:04 DEVELOPER FUNDAMENTALS: IV 4:58:29 Using Templates 5:01:57 Landing Pages by Students - (https://github.com/zero-to-mastery/Coding_Challenge-8) 5:02:25 Section Overview 5:04:25 CSS Grid vs Flexbox vs Bootstrap 5:09:15 Quick Note: grid-gap to gap 5:09:45 CSS Grid 1 5:17:50 CSS Grid 2 5:22:14 CSS Grid 3 5:28:49 CSS Grid 4 5:36:05 CSS Grid 5 5:38:11 Exercise: CSS Layout 5:41:58 Solution: Navigation Bar 5:50:45 Solution: Navigation Bar 2 5:55:17 Solution: Cover 6:00:07 Solution: Project Grid + Footer 6:09:10 Quick Note: Upcoming Video - (https://zerotomastery.io/resources/) 6:09:31 Solution: Prettify 6:16:39 The Truth About CSS 6:20:39 Intro To Javascript 6:22:29 Where To Keep Learning & How To Get Hired as a Developer? ========== 💥 Who is Andrei's Full Coding Bootcamp for? https://zerotomastery.io/courses/coding-bootcamp/ ◾ You... if you loved this 6-hour crash course (the first 6 hours of Andrei's full course) and want to go deeper and keep learning and mastering web development with 34 MORE hours of lessons + more projects & 200+ MORE bonus resources ◾ You want to learn to code and have the skills and confidence to build your own websites and web apps ◾ Anyone who is sick of endless beginner tutorials, wants to go beyond the basics, and wants a clear step-by-step guide to getting hired in 2024 ◾ You want to learn REAL industry skills that are necessary to get hired as a Web Developer in 2024 and earn a higher salary ◾ You want to start your own business or become a freelancer ◾ You want one course to teach you everything in one place from a Senior Developer that actually has real-world experience ========== Graduates of Zero To Mastery are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, Shopify + other top tech companies. Many are also working as top-rated Freelancers getting paid $1,000s while working remotely around the world 🎓 Here are just a few of them: https://zerotomastery.io/testimonials This could be you 👆 ========== Take Andrei's Full Coding Bootcamp 👉 https://zerotomastery.io/courses/coding-bootcamp/ #zerotomastery