CSS Tutorial – Full Course for Beginners
September 5, 2024 2024-09-05 14:02
CSS Tutorial – Full Course for Beginners
In this in-depth course, you will learn about all the key features of CSS. This is the most comprehensive CSS course we’ve published to date. So if you want to become an expert in Cascading Style Sheets, this is the course for you.
✏️ Course from Dave Gray. Check out his channel: http://youtube.com/DaveGrayTeachesCode
💻 Course Resources: https://github.com/gitdagray/css_course
🎥 Dave’s HTML course: https://youtu.be/kUMe1FH4CHE
⭐️ Course Contents ⭐️
(0:00:00) Intro
(0:01:08) Chapter 1: Start Here
(0:14:50) Chapter 2: Selectors
(0:34:41) Chapter 3: Colors
(0:51:13) Chapter 4: Units & Sizes
(1:11:56) Chapter 5: Box Model
(1:37:08) Chapter 6: Typography
(2:00:29) Chapter 7: Styling Links
(2:16:37) Chapter 8: List Styles
(2:32:31) Chapter 9: Mini Project
(2:45:04) Chapter 10: Display
(3:00:21) Chapter 11: Floats
(3:12:46) Chapter 12: Columns
(3:34:30) Chapter 13: Position
(3:57:53) Chapter 14: Flexbox
(4:21:39) Chapter 15: Grid Layout
(4:46:33) Chapter 16: Images
(5:32:40) Chapter 17: Media Queries
(5:58:59) Chapter 18: Card Project
(6:33:21) Chapter 19: Pseudo
(6:52:56) Chapter 20: Variables
(7:20:28) Chapter 21: Functions
(7:50:05) Chapter 22: Animations
(8:37:33) Chapter 23: Organization
(8:57:23) Chapter 24: Final Project
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
source
Comments (38)
@user-wc6ec3pl4j
Finally finished this in 3 weeks 😂🎉
@FelixShaw-q5o
Clarabelle Trafficway
@user-rb9pn2zu6x
I will continue to work hard
@KimberlyTran-u9d
Robinson Robert Thompson Patricia Rodriguez Susan
@MichaelGamble-l8x
Zulauf Ports
@lifeWsTo
Here's the start of my journey. This is about to completely change my life. I've already learned html or at least the basics of it and that took 5 days. I've already made a project with JUST html with no outside help other than my notes. Now it's time to learn CSS. I will watch this full video while taking notes and go back to the project and add CSS to it then start a new project with html and CSS.
Day 1(September 3rd) – 1:40:04
Day 2(September 4th) – 2:44:24
@MarcusGarzon-v5u
Grace Wall
@LancelotBertha-w3r
Macejkovic Rest
@tarupathak
Amazing Instructor and WOWWWWWW Teaching skills, very comprehensive and so so good. Genius Organization of lessons, absolutely amazing.
-Your Student from somewhere in India.
@SumaiyaAzad-g7m
Walker Amy Lewis Anthony Gonzalez Shirley
@HillAlva-z7b
Martinez Daniel Walker Susan Johnson Kevin
@BeckCaesar-r8l
Grady Ridges
@JoanneNaylor-f6d
Wilson Jessica Gonzalez Jeffrey Johnson Thomas
@MartinBicknell-k1g
Jones Steven Jackson Laura Miller Brenda
@LouisGabrielle-m6l
Fay Terrace
@ClareCliff-l7i
Romaguera Pass
@EvansEddie-o9n
Cole Springs
@BorisValenta
For those contemplating diving into a 6hr course…DO IT. His basic & foundational HTML/CSS explanations are in a league of it's own! This course is an amazing combination of audio and visual learning. You will not regret investing your time into this tutorial!!
@SFMC_Wizard
I have always been reluctant to create my own webpages despite being good in JS but CSS has always been a nightmare to me and made me stopped doing fun with my skills but today I started this video with a fear in mind that I will not learn anything after even watching everything from this long video but do you know what, Somehow I used flexbox and got successful without even reaching that section, I don't know how to thank you enough💌
@muhammadnumansaleem
Why didt explain div and nav
@TheTherapist-os1pr
Day 3/5 Chapter 20
@EdgarFournier-g5d
I wanted to say THANK YOU I got my first web dev job! I started 9 months ago with this course and now I made a portfolio based on React Typescript projects and will start into my first frontend engineer job in July =) Believe in yourself guys! You can make it!
@konora_notoroki
10:07:49
@IrisFields-e7o
Thompson Gary White Jessica Martin Angela
@bidishchakraborty272
Finally I ended this marathon stream
The last project was pretty good to create..
It was certainly exhausting
@DetlefKoch-g6o
I wanted to say THANK YOU I got my first web dev job! I started 9 months ago with this course and now I made a portfolio based on React Typescript projects and will start into my first frontend engineer job in July =) Believe in yourself guys! You can make it!
@jopike7579
The only thing that makes this better than the one I made is a nice white one ☝️ and I love 🥰 it so much I think it would fit in a nice 👍 shirt and a black shirt too and fits me so well I love the colour too much to be honest lol I think I like it too but it looks like a dress I like it better than my other clothes but it doesn’t have to look 2:54:11 css code xxx
@wendysburgers4326
Mukbang while learning, thank you really help
@auxlyrics2533
someone explain to me why am exhousted?
@IzuobaSomtochukwu-ue8zn
I've finally completed the course
Great course tho but sometimes if code along with him
I'll be having a different result than what he gets
@HafsaMalik-hn4ej
Day 01 (18 Aug) 34:40
Day 02 (19 Aug) 51:08
Day 03 (20 Aug) 1:11:50
Day 04 (21 Aug) 1:37:04
Day 05 (22 Aug) 2:00:24
Day 06 (23 Aug) 2:45:00
Day 07 (24 Aug) 3:12:41
Day 08 (25 Aug) 3:57:47
Day 09 & Day 10 — Break for practice
Day 11 (28 Aug) 4:46:28
Day 12 (29 Aug) 5:32:34
Day 13 (30 Aug) 6:33:15
Day 14 (30 Aug) 7:20:22
Day 15 (31 Aug) 7:49:59
Day 16 (01 Sep) 8:37:27
Day 17 (02 Sep) 9:28:20
Day 18 (03 Sep) Finished
Thanks a lot Sir Dave Gray and freeCodeCamp for providing this amazing tutorial for free 🙂
@MiloslavaHorova
والله احبك من قلبي لانك تشرح من قلب وحبه حبه وفاهم ان الاغلب من الصفر سبحان الله عشان كذا محبوب من الكل .. اخوك عامر من السعوديه
@SvenRavn
To me, CSS is the most frustrating part of web development. In programming the same code should run the same no matter the user, with CSS the exact same CSS produces different results depending on the browser. It's not fair. It's getting better but it's still annoying. Plus at my day job we still support IE11.
@BrunaMiranda-l3q
Been an unemployed father, decided to learn how to code. Appreciate the videos very much.
@portfedh
This was amazing. Thank you for taking the time to make this.
@emmanueljapheth2299
I previously started to watch the video but only made it to the four-hour point before stopping. Last week, I restarted the video and have been combining it with the W3Schools tutorial, which has greatly improved my understanding. I'm now at the three-hour mark and aim to complete the CSS course by next week. Thank you sir.
@yellthuralynn8526
14:55 10:21 am august 12
@hammad_me
Day1 (8 Aug) : 0:00