HTML y CSS Course from ZERO (Complete)
The most complete and didactic HTML & CSS course has arrived on the internet.
SYLLABUS:
00:00 - Introduction
02:35 - Understanding the WEB
13:38 - Understanding HTML and CSS
26:10 - Code Editor
-- BASIC HTML --
35:02 - Structure of a Tag
45:48 - Structure of a WEB Page
51:58 - Paragraphs and Headings
1:00:09 - Lists
1:10:45 - Links (Basic)
1:26:09 - Images and Paths
1:41:40 - Forms
-- BASIC CSS --
1:56:45 - Introduction to CSS
2:08:24 - Selectors (Basic)
2:18:04 - Text and Font Properties
2:44:56 - External Fonts
2:55:25 - Box Model
3:07:04 - Padding and Margin
3:37:57 - Borders
3:53:43 - Box Sizing
4:02:09 - Colors
4:25:16 - Units
4:50:29 - Backgrounds, Gradients & Shadows
5:31:15 - Practical Exercise
-- ADVANCED HTML --
5:38:02 - Metatags, Comments & Icons
5:57:18 - Textarea and Labels
6:24:18 - Select, Datalist & Option
6:33:02 - Fieldset and Legend
6:44:35 - Details and Summary
6:51:34 - Links (Advanced)
7:04:12 - Tables
7:22:25 - Audio and Video
7:34:10 - Lazy Loading
7:39:37 - Deprecated HTML
7:49:10 - Semantic HTML
7:57:42 - Web Accessibility
-- INTERMEDIATE CSS --
8:19:58 - Selectors (Advanced)
8:36:14 - Inheritance, Cascade & Specificity
9:04:51 - Pseudo-classes
9:30:38 - Pseudo-elements
9:37:51 - BEM Methodology
9:49:33 - Display
10:03:21 - Relative and Absolute Positioning
10:26:36 - Modal Windows
10:35:20 - Fixed and Sticky Position
10:43:28 - Transitions
10:56:53 - Overflow
11:01:49 - Text Flow Control
11:11:54 - Object-fit and Object-position
11:16:34 - Outline
11:25:13 - Emmet (reused material)
-- CSS FLEXBOX --
11:43:11 - Introduction to Flexbox
11:56:29 - Flex Direction, Flex Wrap & Flex Flow
12:17:33 - Alignment on Axes
12:34:59 - Order
12:41:37 - Flex Basis, Shrink & Grow
12:59:10 - Align Self
13:02:42 - Layout with Flexbox
-- RESPONSIVE DESIGN --
13:35:25 - Flexible Blocks & Multimedia
13:56:07 - SRCSET and SIZES Attributes
14:10:17 - Picture, Source and Media
14:21:18 - Media Queries
14:29:57 - “Holy Grail” Exercise with Flexbox
14:48:36 - Mobile First
14:55:08 - Feature Queries
14:59:01 - Container Queries
-- CSS GRID --
15:05:11 - Introduction to Grid
15:12:50 - Creating a Grid
15:24:54 - “auto” and “fr” Units
15:34:24 - Repeat and Minmax
15:42:18 - Implicit and Explicit Grid
15:53:34 - Dynamic Grid (and responsive)
16:04:54 - Grid Column and Grid Row
16:14:52 - Grid Flow: Dense
16:19:34 - Grid Areas
16:35:06 - Alignment with Grid
16:53:28 - Subgrid
17:02:14 - Creating a WEB Page
-- ANIMATIONS --
18:02:13 - Transitions (Recap)
18:13:13 - Animations
18:29:19 - Animated Buttons & Typewriter Effect
18:52:42 - Scroll-based Animations
19:07:35 - Animation Range
19:17:33 - Integrating Animations in a Web
19:29:14 - Animations, Fulfilling the Promise
-- WEB HOSTING --
19:31:07 - Introduction to WEB HOSTING
19:57:59 - Upload Your Website to the INTERNET
--- ADVANCED SECTION ---
20:09:16 - Filter and Backdrop Filter
20:29:30 - Transform
20:40:54 - Min, Max and Clamp
20:54:26 - Variables (custom properties)
21:05:50 - Calc Function
21:14:58 - Scroll Properties
21:22:31 - Initial Letter
21:27:28 - Viewport Units (Large, Small, Dynamic)
21:32:45 - Min-content, Max-content & Fit-content
21:39:19 - Color Mix Function
--- FINAL PROJECTS ---
21:49:41 - Sidebar Menu & Chatbox (project 1 & 2)
22:43:47 - Flip Card & One-Page View (project 3 & 4)
23:21:42 - Accordion Menu (project 5)
--- HOW TO CONTINUE ---
23:42:39 - How to Keep Learning
-- END --
NOTE: In the YouTube chapters, you’ll see that some classes are combined. This is due to YouTube’s limit (it only allows 100 video chapters), so I had to merge the 13 chapters that exceeded the limit into other chapters. Nevertheless, this does not affect the course content in any way.
I hope you enjoy this, which took me so much time to create, all 100% free, as always.
On this page of the site you can watch the video online HTML y CSS Course from ZERO (Complete) with a duration of hours minute second in good quality, which was uploaded by the user Soy Dalto 17 March 2024, share the link with friends and acquaintances, this video has already been watched 3,828,775 times on youtube and it was liked by 124 thousand viewers. Enjoy your viewing!
