Learn HTML and CSS -- Build Google, Twitter and Facebook!
4.4 (435 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
19,082 students enrolled

Learn HTML and CSS -- Build Google, Twitter and Facebook!

A course for anyone trying to get their feet wet in the world of UI Design/Web Development or Front-end Development
4.4 (435 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
19,082 students enrolled
Created by Michael Perrone
Last updated 3/2020
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 22.5 hours on-demand video
  • 3 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Students will learn two of the three pillars of Web/Front End Development, HTML and CSS. We will start from the absolute beginning, breaking down every line of code in HTML. We then will move on to twenty hours of CSS content. I teach you what you need to know, and don't bother teaching you filler material that you'll never use. You will learn how to create a layout for a website that is responsive and has animations. You will learn how to create navigation bars, dropdown menus, how to include images on your own webpage, and so much more. We will have projects that show us how to solve problems and create solutions that real companies have had to solve. The course is free, give it a shot!
Requirements
  • Have a computer and be ready to learn!!!
Description

This course was made for anyone who is interested in HTML and CSS. HTML and CSS are two of the three pillars of Web Development. Maybe you have just a small interest in Web Development and you want to see what it's all about? I don't blame you, the job market is booming right now. Web Developers are being treated like any other Software Developer now in the work place. But... becoming a Web Developer isn't easy, it takes a lot of work. You don't have to be a genius, I surely am no genius. However, you have to want to learn, to become a better version of yourself. To push yourself everyday to learn something new. That type of person is who this course is for. Someone interested in learning, solving problems, and taking on new challenges. HTML and CSS are two things that are going to help you get started with Web Development.

Not a total beginner? No problem, we cover some intermediate material in this course too. Actually, tons of intermediate material is covered in this course. You will learn to create real website layouts, understanding how real companies solve problems everyday when it comes to building their apps and web pages. We cover things like flex-box, animations, and more! There is something in this course for everyone. I hope you enjoy the course, and I want to thank you for checking it out. I wish you the best on your software development journey :)

Who this course is for:
  • Anyone who wants to get started or learn more about CSS HTML and Web Development.
Course content
Expand all 124 lectures 22:42:07
+ Introduction
4 lectures 21:13
IMPORTANT!
00:17
Introducing... me!
05:58
IMPORTANT! Course material and Setting up our Code Editor
05:59
+ Getting Started with HTML
19 lectures 03:02:38
Introducing HTML
12:59
The Browser Developer Console
07:06
Setting up our HTML Document
12:35
Head and Title HTML Tags
06:40
More HTML Elements!
11:00
Span HTML Element
08:32
Div HTML Element
07:57
Checking out the first Website ever created
02:44
Button HTML Element
03:59
Lists in HTML
11:16
Anchor Tags in HTML
10:15
Image Tags in HTML
10:29
Image notes and Input Setup
05:13
HTML Inputs
20:52
HTML Input Notes
04:43
Dropdowns!
03:46
HTML Labels
04:31
HTML Tables
08:02
Reviewing HTML
29:59
+ Introducing CSS!
16 lectures 02:07:51
A quick update about the course
00:49
CSS Introduction
10:49
Setting up Link Tag in HTML
04:50
Our First Css Styles
16:17
Clearing up our last Video with some Comments
10:50
What is Px?
04:31
Margin Defaults in CSS
09:21
The Box Model and Elaborating on Margins
14:55
Margin Shorthand Property
07:58
Clearing up Margin with Comments
02:52
Introduction to the Border
05:26
More About Borders!
10:28
A little more about Borders :)
06:40
Padding!!!
08:31
Box-Model Review
05:54
Fonts!!!
07:40
+ Selecting Elements In CSS
5 lectures 47:24
Introduction to Selecting HTML Elements in CSS
12:27
Introduction to Classes in CSS
10:57
Selector Specificity in CSS
10:32
Selector Specificity Continued
11:01
Some Comments About Selector Specificity
02:27
+ Our First Project
14 lectures 02:34:43
Introducing our first Project!
06:45
Working on the Google Nav Bar
08:49
Setting up the Blue Letter in the corner... just a warning this video gets crazy
09:30
Setting up the Middle Google Letters
14:01
Adding the Google Search Bar
07:43
Adding the Google Search Buttons
09:27
Adding the Google Footer
17:15
Google Project Review
14:54
An introduction to the Pseudo Class Hover
14:16
Spicing up our Buttons
07:19
Adding some effects to our Search Bar
11:21
Using Focus Pseudo Class on Buttons
06:32
Active Pseudo Class
10:30
+ Colors and Units
5 lectures 01:04:45
Colors
09:10
What are REM's?
14:47
And also EM's!
22:32
VW and VH
16:15
A bit more on VH and VW
02:01
+ Introduction to Flexbox
12 lectures 02:38:09
Introduction to Flexbox
06:15
Justify Content in Flexbox
24:16
Align-Items in Flexbox
14:25
Flex-direction in Flexbox
16:57
A little more on Flex-direction
16:01
Flex-wrap in CSS
07:10
Align-content in CSS
10:02
Flex-Flow in CSS
03:38
Align-self in CSS
06:21
Order in Flex Box
09:33
Flex-Grow in Flex Box
06:02
Flex-box Froggy!!!
37:29
+ The Twitter Project
13 lectures 02:30:09
Introducing the Twitter Project
07:05
Getting Started with our Twitter Project
16:44
A quick notice :(
00:22
Adding Icons to our Project
10:32
Adding Fonts to our Project
06:57
Gradients in CSS
07:28
Working more on our Twitter Project
16:11
Finishing the right side of our Twitter Project
11:16
Position Absolute in CSS
11:51
Creating the Login Form in the Twitter Project
19:43
Finishing the Footer
09:59
Animations in our Twitter Project
17:15
Twitter Project Review
14:46
+ Media Queries in CSS
7 lectures 01:53:24
Intro to Media Queries
04:55
Writing our first Media Query
19:01
Making the Login Form Disappear
17:10
Moving the Log in Form down!
15:52
Ipad and Iphones with Media Queries
16:07
Media Query Review
15:55
Media Query Clean-up
24:24