Learn HTML5 and CSS3 From Scratch - Full Course

  • 862

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