Welcome to the second video in the WEB DEVELOPMENT series!
If you're interested in learning to code or diving into the world of web development, these courses are perfect for you.
In this second video, I'll guide you step by step to help you style your web pages using CSS. Plus, we’ll upload two complete projects as repositories on GITHUB and publish them as websites.
No prior programming experience is needed. Start with the HTML course and then continue with this amazing CSS course to take your first steps in this exciting field. Here’s the link to the first course: https://youtu.be/bNV6iw13Rnk
My goal is to equip you with the knowledge needed to create your own web pages and web applications without having to spend money on expensive programming courses.
-- Course Sections --
00:00:00 Introduction
00:00:52 Overview
00:06:56 Basic Syntax
00:13:30 Selectors
00:38:35 Comments
00:44:20 Colors
00:58:22 Background
01:06:45 Borders
01:16:47 Units of Measurement
01:20:39 Margin
01:27:46 Padding
01:31:39 Height & Width
01:38:57 Text
01:56:30 Fonts
02:10:47 Icons
02:16:36 Lists
02:20:20 Tables
02:28:28 Display & Visibility
02:34:28 Position
02:47:37 Z-Index
02:50:37 Overflow
02:52:53 Float
02:55:19 Combined Selectors
03:01:00 Pseudo-classes
03:10:29 Pseudo-elements
03:16:01 Opacity
03:19:43 Navigation (NavBar)
03:31:01 Attribute Selectors
03:35:32 !important
03:38:50 Animations
03:51:29 Transitions
03:55:59 Media Queries (Responsive)
04:04:06 FlexBox
04:18:28 Grid
04:33:15 Project 1 - Introduction
04:35:20 Project 1 - ChatGPT & DALL·E 2
04:37:58 Project 1 - CSS Styling
05:16:27 Project 1 - Github
05:20:57 Project 1 - Netlify
05:23:26 Project 2 - Introduction & Styling
06:09:12 Project 2 - Github & Netlify
06:11:31 Conclusion
-- Important Links for the Course --
📂Project 1 Structure Repository: https://github.com/sergiecode/estructura-proyecto1-curso-css
📂Project 1 Final Repository: https://github.com/sergiecode/proyecto-curso-css
📂Project 2 Final Repository: https://github.com/sergiecode/proyecto2-css-sergie-code
-- My Social Media --
📸 Instagram: https://www.instagram.com/sergiecode
🧑🏼💻 LinkedIn: https://www.linkedin.com/in/sergiecode/
🕊️ Twitter: https://twitter.com/sergiecode
📽️ YouTube: https://www.youtube.com/@SergieCode
😺 Github: https://github.com/sergiecode
👤 Facebook: https://www.facebook.com/sergiecodeok
🎞️ TikTok: https://www.tiktok.com/@sergiecode