Full HTML & CSS Course For Beginners (6+ HOURS!) | Build Your First Website Today!

Опубликовано: 04 Январь 2023
на канале: Zero To Mastery
42,047
982

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/codi...
👍 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/The...)
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-c...)
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-c...)
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-s...)
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/Co...)
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/codi...

◾ 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/codi...

#zerotomastery