Learn HTML5 and CSS3 From Scratch - Full Course

  • 2019-08-21 09:44 AM
  • 113

HTML and CSS are essential skills to have for a career in web development. In this course we will cover both languages from the scratch and by the end of the course you will be creating your own projects.

HTML is a markup language that is used developing web pages. CSS is a language responsible for layout and styling of the web pages.

⌨️ (0:45:00) Heading & Paragraphs
⌨️ (0:55:00) Images
⌨️ (1:22:00) Links
⌨️ (1:39:00) Lists
⌨️ (1:45:00) Tables, forms, columns
⌨️ (2:00:00) Checkboxes, selection buttons (action value forms, no method)
⌨️ (2:15:00) Keyboard Shortcuts
⌨️ (2:27:00) Learning Resources (very useful) w3schools.org
⌨️ (2:32:00) First HTML Website (“Coffee Junkie”)
⌨️ (3:14:00) Setting up for CSS
⌨️ (3:21:00) Color style for heading
⌨️ (3:28:00) Internal/External CSS
⌨️ (3:42:00) Internal has priority over external css
⌨️ (4:29:00) Color Properties, Value, RGB
⌨️ (4:58:00) Absolute Values - Font Size, Width, Height, Pixels
⌨️ (5:32:00) Calc () math functions
⌨️ (5:33:00) Typography
⌨️ (5:57:00) Text alignment
⌨️ (6:15:00) CSS Box models
⌨️ (6:33:00) Outline
⌨️ (6:39:00) Block elements
⌨️ (6:44:00) Horizontal Centering
⌨️ (7:06:00) Inspect (elements) of browser
⌨️ (7:28:00) Last Rule Order (images; properties, position, size, repeat)
⌨️ (7:49:00) Display:flex;
⌨️ (8:15:00) Float; clear/left/right
⌨️ (8:43:45) Media queries
⌨️ (8:57:00) index, static pos
⌨️ (9:06:00) Pseudo elements (p::before/after)
⌨️ (9:27:00) Basic Selectors
⌨️ (10:00:00) Transform translate transition:property
⌨️ (10:35:00) Animation
⌨️ (11:03:48) Free Icons
⌨️ (11:09:00) Text shadow
⌨️ (11:26:00) Emmet - web developer toolkit

Thanks for reading
If you liked this post, share it with all of your programming buddies!
Follow me on Facebook | Twitter

Further reading

The Web Developer Bootcamp
Build Responsive Real World Websites with HTML5 and CSS3
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Web Design for Beginners: Real World Coding in HTML & CSS
Foundation CSS Framework - Crash Course for Beginners
Animating SVG with CSS
The CSS Handbook: a handy guide to CSS for developers
11 Amazing CSS You Shouldn’t Miss
How to build a reusable card modal using Vue.js and Tailwind CSS

Suggest