👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
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/professional-react-nextjs
👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript
👉 Professional CSS Course: https://bytegrad.com/courses/professional-css
👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (BIG update soon): https://email.bytegrad.com
ALL RESOURCES (the copy-paste stuff): https://github.com/ByteGrad/HTML-CSS-Course/blob/main/resources.txt
FINAL CODE (get stuck? check this): https://github.com/ByteGrad/HTML-CSS-Course/tree/main/final-code
0:00 Section 0 – Intro
3:18 Section 1 – HTML & CSS Fundamentals (Most Common Concepts)
7:17 Overall structure in HTML
15:52 p-tag
18:00 h1, h2, h3, etc.
20:22 button
21:28 a-tag
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 Right-click and inspect
1:04:47 Colors (hex, rgba, built-in)
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 (Live-Server 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 (z-index)
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
