NEW React & Next.js Course: https://bytegrad.com/courses/professi...
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
Add auth to your app FAST: https://bit.ly/3QOe1Bh

NEW React & Next.js Course: https://bytegrad.com/courses/professi...
Professional JavaScript Course: https://bytegrad.com/courses/professi...
Professional CSS Course: https://bytegrad.com/courses/professi...

Discord: all my courses have a private Discord where I actively participate
Email newsletter (BIG update soon): https://email.bytegrad.com

ALL RESOURCES (the copypaste stuff): https://github.com/ByteGrad/HTMLCSS...
FINAL CODE (get stuck? check this): https://github.com/ByteGrad/HTMLCSS...

0:00 Section 0 Intro
3:18 Section 1 HTML & CSS Fundamentals (Most Common Concepts)
7:17 Overall structure in HTML
15:52 ptag
18:00 h1, h2, h3, etc.
20:22 button
21:28 atag
24:24 img
26:19 ul and li
27:40 div
29:51 span
31:48 form and input (and textarea)
34:30 External resources in HTML
40:03 header, main and footer
45:37 Including CSS in HTML
50:53 Selectors
54:40 Font styling
57:27 Box model (padding, border, margin)
1:01:16 Rightclick and inspect
1:04:47 Colors (hex, rgba, builtin)
1:07:24 Block and inline
1:09:26 Centering
1:13:12 Transform
1:16:02 :hover and :focus
1:18:05 Transitions
1:19:31 Animations
1:21:56 Inheritance
1:24:18 Automatic reload (LiveServer extension)
1:28:32 Section 2 Project 1 (Evento)
2:54:12 Section 3 Intermediate HTML & CSS
2:57:15 Semantic tags in HTML
3:05:04 CSS terminology
3:07:12 CSS reset
3:09:30 Shorthands (margin, padding)
3:12:35 Flexbox for layouts
3:24:14 Position absolute and relative
3:27:31 Advanced centering
3:33:06 Advanced selectors
3:35:11 CSS variables / custom properties
3:39:31 ::before & ::after
3:44:22 Stacking order (zindex)
3:47:23 Responsiveness for mobile, tablet, etc. (@media)
3:53:00 Section 4 Project 2 (ArtistFinder)
6:00:46 Section 5 Next steps

#htmlcsscourse #htmlcssfullcourse #htmlcss #htmlcss #webdevelopment #coding #programming