Learn HTML5 and CSS3 From Scratch - Full Course

HTML and CSS are essential skills to have for a career in web development.HTML is a markup language that is used developing web pages. CSS is a language responsible for layout and styling of the web pages.

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.

JavaScript Table Filter or Search | How to add Filter In HTML CSS Table
☞ https://morioh.com/p/51dbc30377fc

CSS Input Label Animation | HTML Form Placeholder Above Inputs
☞ https://morioh.com/p/3c65931d3f9c

HTML vs HTML5 - What’s the Difference?
☞ https://morioh.com/p/813df0e74a14

Power up HTML5 with JavaScript
☞ http://learnstartup.net/p/rJmRCFcbl

Mastering HTML5 Programming - The Easier Way
☞ http://learnstartup.net/p/rkg9u2z4l

Learn How To Create Mobile Apps With HTML5
☞ http://learnstartup.net/p/S1_PBYhHe

⌨️ (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

Course from John Smilga. Check out his channel: https://www.youtube.com/codingaddict

John’s course on Udemy: https://www.udemy.com/in-depth-html-css-course-build-responsive-websites/?couponCode=ONLYTEN

Suggest:

☞ Intro to HTML & CSS - Tutorial

☞ Learn HTML5 and CSS3 For Beginners - Crash Course

☞ CSS Tutorial - Zero to Hero (Complete Course)

☞ Visual Studio Code setup for HTML CSS and JavaScript | VS Code setup for beginners

☞ Developing in HTML5 with JavaScript and CSS3

☞ Build a website using HTML CSS and JavaScript | Food to go Website