Mastering HTML & CSS: Build 15 Professional Projects in 15 Hours 2023

[@huxnwebdev]

Timestamp 👇 00:00 Course Overview 02:11 - HTML & CSS Course Setup 05:56 - What is HTML? 13:35 - Structure of HTML 24:17 - Headings & paragraphs In HTML 29:50 - Comments In HTML 34:30 - Lorem Ipsum 38:52 - Lists in HTML 45:54 - Images In HTML 1:00:34 - Links & Hyperlinks In HTML 1:09:55 - Forms & input In HTML 1:26:48 - Video & Audio In HTML 1:32:52 - Semantic HTML 1:42:14 - Typographic Tags In HTML 1:42:14 - HTML Project 2:00:49 - What Is CSS 2:03:04 - 3 Ways To Write CSS 2:12:37 - CSS Colors In Depth 2:31:02 - CSS Unites In Depth 2:46:49 - CSS Fonts In Depth 3:07:57 - CSS Box Model In Depth 3:21:57 - CSS Background Properties In Depth 3:34:01 - Master CSS Gradients 3:38:14 - Master CSS Filters 3:44:08 - CSS Advance Selectors 4:02:37 - CSS Pseudo Selectors 4:08:53 - Display Properties In Depth 4:18:52 - All About CSS Icons 4:24:20 - Text Shadow and Box Shadow In CSS 4:28:32 - CSS Inheritance In Depth 4:36:44 - Position Properties 4:48:35 - Master CSS Flexbox 5:22:26 - Flexbox Froggy 5:39:38 - Master CSS Grid 6:25:09 - Grid Garden Game 6:35:14 - CSS Calc() Function 6:40:06 - Master CSS Mix-blind-mode 6:52:17 - CSS is() Function 6:59:28 - CSS Before and After 7:04:22 - CSS not() Function 7:14:46 - CSS Variables In Depth 7:20:06 - DRY CSS 7:27:16 - CSS Transformation, Transitions & Animations In Depth 7:50:12 - CSS Media Queries 8:02:08 - Master HTML & CSS Emits 8:29:11 - HTML & CSS Coffee Landing page Project 9:14:33 - HTML & CSS The Art Landing Page Project 9:44:07 - HTML & CSS Hoodies Landing Page Project 10:24:04 - HTML & CSS Barbers Landing Page Project 11:16:34 - HTML & CSS Chairs Landing Page Project 12:13:21 - Bonus Projects For Beginners 12:24:49 - Build Creative Loading Animation In CSS 12:31:26 - Build Custom Scrollbar In CSS 12:38:30 - Build Image Hover Effect In CSS 12:48:43 - Build Creative Image Hover Effect In CSS 13:12:33 - Build Modern & Creative Cards In CSS 13:33:26 - Build CSS ToolTip 13:40:52 - Build CSS Accordion Project 13:53:28 - Build CSS Scrollbar 13:57:15 - Image Background Text 14:01:28 - Outro

[@pandipatipavan3804]

Please provide the code files and the links in the description as soon as possible for free 🙏

[@huxnwebdev]

@@pandipatipavan3804 Here 👇👇 github.com/HuXn-WebDev/HTML-And-CSS-Masterclass

[@pandipatipavan3804]

@@huxnwebdev Thank You so much brother 🙏

[@johnwickgaming3174]

@@huxnwebdev you are the best of the best out there....this html css course is so underrated.... I checkedout your channel but didnt found a clear playlist of videos for learnng frontend web development and then ultimately fullstack....can you guide on this clearly

[@Heart_Beats-72]

Please if possible provide certificate for this and your other course too .....

[@ezioboy5777]

wow i was so upset about coding stuff since am from non it background and i wanted to learn no matter what . i have looked up for many videos but their explanation was not that suitable for the beginners like me later on i found you video in my yt home page suggestion and thank god i clicked it on it . your teaching style is very soothing with better pace and you explain every single step more than one time like any kid is able to understand it . i genuinely thank you i hope your channel grows fast . Need more content like this , you dont know how much happy i am . thank you sir! 🙏

[@huxnwebdev]

Thank you so much for your amazing comment buddy it means a world to me and I'm super happy that my content was helpful for you 🥂

[@harshavardhanreddy1907]

@@huxnwebdev your content is amazing. They way you teach is amazing It will help everyone even a people who know only basic english

[@consciousgains_]

Today is 15/10/2024, I'm starting this course with the goal of becoming a Full Stack Developer, let's do this!

[@samredae3657]

Keep going , im starting the course today 17/10/2024

[@consciousgains_]

@@samredae3657 Let's gooo

[@Kushal-r6d]

@@samredae3657 keep going I am starting it on 1 november

[@AmeerMavia-c4f]

I have started at 4th November

[@consciousgains_]

@@AmeerMavia-c4f You got this!

[@edilsonpaul-en]

Never give up guys and don't be impatient... I was stucky at the begin trying to learn everything fast ("the fastest way to learn and get a jod"). It just delayed my progress, and I realize that it is a process and it works in different way for different process, don't neglect the background. I wish I found this course later 'cause he covered all necessary content to master this tecnologies. Currently I am in CSS Dry, and I believe that after this tutorial I will be able to build my own project.

[@mohammadhp6273]

O M G , I cant believe this video is free ! You r the best , thanks 🙏

[@huxnwebdev]

It is free and always will be, I'm glad you've enjoyed my content 🥂

[@FGod-n4x]

@@huxnwebdev yes me too.

[@player64real]

Today, Wednesday, June 5th, 2024, I'm starting this course, with the goal of becoming a Full Stack Developer! EDIT: Wow so many likes thanks for the support I've learned this course but still have a long path to go

[@jeandiallo8307]

Keep going ❤

[@player64real]

@@jeandiallo8307 thanks!

[@shankarnadar981]

I am Also Studying Full Stack Development From Here. Lets We learn from here

[@Fullstack_web.developer]

❤❤😊

[@alfawwazaltabatibi]

update us

[@Pamya-h4k]

Today 30th June 2024 I have started this amazing video. so far i have completed initial few minutes and i have loved your teaching style and i am really excited about this course and just looking forward to learn many more things from you.

[@AmritpalSinggh29]

Today 2 august i started this course for web development course

[@edilsonpaul-en]

I wanna become a Full-Stack Developer and this channel has everything that I need... Here's my plan: 1- Finish this full course: *build 15 projects with help, than remake by my own. 2- Learn JS: *I will watch the Full-Stack tutorial in this channel; *I will build 30 JS projects following tutorial, then remake by my own. 3- Level up my game with framework: *Css: Sass, Taiw... *JS: React, Node.js (I am not sure about it, I am banking on the Full-Stack tutorial. After this my mind will be clear). 4- Build real Full-Stack projects with OpenAI API; 5- Keep learning while earning(you are ready to deploy a job).

[@billalupdyqadir]

Today is 17 October 2024, and i'm learning this course a lot of education I'm proud of you Pro thanks Alot. From 🇸🇴 8:05:57

[@justinacatherineeze1283]

Today,20th of June,2024,I am switching to full stack with this course.

[@FM_8327]

I am right behind you!

[@siccomeloso2399]

I would recommend you guys to study data structures and algorithms. HTTP, SSH, REST, TCP/IP layers, etc.. and all these stuff if you really want to become a real full-stack developer. Greetings.

[@aarmfeed7477]

Is it helpful till now .

[@Balaji-ix6mf]

How is it going on?

[@justinacatherineeze1283]

@@Balaji-ix6mf going smoothly. Thank you

[@Glorian692]

longlive my brother. thanks for this wonderful lecture. from zero to hero

[@huxnwebdev]

You're welcome my brother ❤️

[@ParfaitDaniel]

i'm french speaking, despite this matter your lesson have very easy for me. thank you for your teaching

[@0_.tabbby._0]

Started 5 days ago and just finished the tutorial Thank you for this amazing tutorial I learned a lot ✨️🌹

[@HạXuân-l7l]

Your videos have been a game-changer in my journey to becoming a web developer. Your clear, passionate teaching style has not only educated me but also inspired me to push my boundaries. Thank you Huxn.

[@MaCristinaEcal]

This tutorial is fantastic! Simple to follow and comprehend. I'm glad I came across it. Thank you!

[@Harry03122]

For your Explanation Patience Take a bow 🙇‍♂️ 👏 ❤

[@kenchibuko]

your tutorial gives me all i want to learn in HTML, CSS & JAVASCRIPT. Thank you Mr Huxn. I will love to learn more from you

[@ThiagoSilva-dj9qz]

Share knowledge is one of the most beautiful thing a human being can do. Does not matters what you know, what really matters is what you do with your knowledge! 🎉❤ Tks!

[@anashamarashid2581]

just to let you know because of your full stack course I got 4 job offers. If I could pay you back for your work, I would and i mean it. Thanks for setting up my life

[@riyapriyadarshi181]

is this true???? is it a full stack course?

[@anashamarashid2581]

@@riyapriyadarshi181 go to his account then the 20 video full stack playlist. bro teaches CRAZY!! his course is 86 hours and crazy thing.. ITS free bro im not even joking

[@Newbie-new-new]

Are you kidding?

[@sayardutta1525]

How much prior work experience you have which technologies?

[@Akteo45]

Today 7th September 2024 at 16 years old I started this course for web dev

[@VertexSphere]

Super

[@meetparmar7026]

mee tooo

[@ChrisL-z5h]

Starting my journey into learning Web Dev fully today with this video! on 7/09/24

[@Rayhanranadev]

This tutorial is amazing for those who are interested in learning HTML and CSS fundamentals deeply. It is explained exceptionally well. Keep up the good work! Best of luck man !

[@huxnwebdev]

Thanks for your amazing review on the course buddy means a lot 🥂🥂

[@Rayhanranadev]

@@huxnwebdevYou deserve that

[@pomeroseguitars]

Thanks!

[@huxnwebdev]

Thanks for supporting my work buddy, means a lot to me 💖

[@hepsibhakondaveeti1344]

​Me class chuste job vastundha ante job ravatniki ee video use avuthundha sir.plzz reply .​@@huxnwebdev

[@AlexPo-dd1ll]

I am starting this course today! I am glad I finally found this course.

[@Tandon_Aryan]

Do you complete this course?

[@Free95175]

Exceptionally Extraordinary.

[@Fovaromoviehub]

You are an exceptional TouTube teacher thanks so much for this video's❤❤

[@ansarpazeez]

fantastic class

[@bishmie708]

superb. thank u

[@sathishrachuri517]

thankyou so much ❤❤ from india

[@6.squash.936]

Amazing video Maybe one of the best html css video on KZbin. I wanted to brush up my Css skills and binged the entire video I can say everything you told is correct and all so you taught how to read Docs I will check other videos on your channel next.😊 Thank you HuXn for your work🎉❤

[@jessicaedigs2717]

I so love this genius! Thank you! You're so much a master at what you do! Thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you thank you....

[@huxnwebdev]

haha You're so much welcome dear, I'm glad my content was helpful for you🥂

[@PropetaSaBiblia]

The best tutorial ever! watched multiple tutorial but this one is the best

[@huxnwebdev]

I'm glad my content was helpful for you ❤️

[@edwilstamaria7745]

This video was like a 6 month full stack web dev course. Thank you so much for helping me for free. 👐🙏🙏 Hope you have a healthy and happy life.

[@Aminul_Ali_11]

thank you from india, I am glad that I found your channel❤,

[@zeinebsioud-ot5wb]

Your way of teaching is just amazing. This is my first journey into web development, and finding you is like finding a treasure. You go through so many details in such simple ways.

[@pandeynikhilone]

Bro you teach in a really fun way, thanks for tut.

[@whamjampamham]

Amazing work, keep going!!

[@shahmeerirfan8563]

king stuff i swear this is the best html and css tutorial on youtubee, i came alonggg

[@ndubuisimiracle5689]

You are the best,you gave the video and the file for free and the playlist took hours to make.Thank you.

[@charlestoneoyoo]

Mad respect to you HuXn. This was a super course...you explained everything in details...I really loved how you expound on them and make it easier for understanding...integrating the mini concepts of VS Code also worked a great magic in my learning journey, now looking forward to the projects. Thank you

[@huxnwebdev]

Thanks for the positive feedback buddy and I'm glad my content was helpful for you 🤝

[@andydataguy]

Recently understood that I have to actually learn CSS/HTML if I want to really be great at nocode (ironic lol...). Stoked to go through this course!

[@sayardutta1525]

October 28 2024, i am starting my journey in dreams to be a full stack developer, I'm extremely slow learner though, but I'm getting good vibes from you

[@ali-abbasi1122]

just in 20th minute, so far among several famous channel e.g. free code camp etc, i found this is the best youtube channel for those have not programming backgorund, thank you sir for these free recources and your efforts

[@ishmealsasposankoh9827]

Can you be my accountability partner? It's just a way for us to hold each other accountable to learn full stack web development

[@ThatDev05]

SO WHAT YOU'LL LEARN In This Course❓ Chapters: 00:00 - Course Overview 00:02 - HTML and CSS Course Setup 00:05 - What is HTML 00:13 - Structure of HTML 00:24 - Headings and paragraphs In HTML 00:29 - Comments In HTML 00:34 - Lorem Ipsum 00:38 - Lists in HTML 00:45 - Images In HTML 1:00:34 - Links and Hyperlinks In HTML 1:09:55 - Forms and input In HTML 1:26:48 - Video and Audio In HTML 1:32:52 - Semantic HTML 1:42:14 - Typographic Tags In HTML 1:42:14 - HTML Project 2:00:49 - What Is CSS 2:03:04 - 3 Ways To Write CSS 2:12:37 - CSS Colors In Depth 2:31:02 - CSS Unites In Depth 2:46:49 - CSS Fonts In Depth 3:07:57 - CSS Box Model In Depth 3:21:57 - CSS Background Properties In Depth 3:34:01 - Master CSS Gradients 3:38:14 - Master CSS Filters 3:44:08 - CSS Advance Selectors 4:02:37 - CSS Pseudo Selectors 4:08:53 - Display Properties In Depth 4:18:52 - All About CSS Icons 4:24:20 - Text Shadow and Box Shadow In CSS 4:28:32 - CSS Inheritance In Depth 4:36:44 - Position Properties 4:48:35 - Master CSS Flexbox 5:22:26 - Flexbox Froggy 5:39:38 - Master CSS Grid 6:25:09 - Grid Garden Game 6:35:14 - CSS Calc Function 6:40:06 - Master CSS Mix-blind-mode 6:52:17 - CSS is Function 6:59:28 - CSS Before and After 7:04:22 - CSS not Function 7:14:46 - CSS Variables In Depth 7:20:06 - DRY CSS 7:27:16 - CSS Transformation, Transitions and Animations In Depth 7:50:12 - CSS Media Queries 8:02:08 - Master HTML and CSS Emits 8:29:11 - HTML and CSS Coffee Landing page Project 9:14:33 - HTML and CSS The Art Landing Page Project 9:44:07 - HTML and CSS Hoodies Landing Page Project 10:24:04 - HTML and CSS Barbers Landing Page Project 11:16:34 - HTML and CSS Chairs Landing Page Project 12:13:21 - Bonus Projects For Beginners 12:24:49 - Build Creative Loading Animation In CSS 12:31:26 - Build Custom Scrollbar In CSS 12:38:30 - Build Image Hover Effect In CSS 12:48:43 - Build Creative Image Hover Effect In CSS 13:12:33 - Build Modern and Creative Cards In CSS 13:33:26 - Build CSS ToolTip 13:40:52 - Build CSS Accordion Project 13:53:28 - Build CSS Scrollbar 13:57:15 - Image Background Text 14:01:28 - Outro

[@katlehomotumi9895]

This is not tutorial but a blessing ❤❤❤❤❤❤.

[@DanBauer]

You're an absolutely fantastic teacher. Great work, man, this is awesome.

[@EEG-price]

Just starting with this course...great so far. I will comment again if I complete this 😮

[@MoazPro-k4w]

Did you ?

[@Tom-fx8sd]

Thanks sir 🙏🙌💯🙇🏻

[@SaraNadaf-re3ym]

I just love your teaching HuXn ❤‍🔥❤‍🔥❤‍🔥❤‍🔥

[@AmikulaPavani]

this is the best video to learn html and css for sure! great work huxn! you are the best!! thank you for all these videos and keep going!!🙇‍♀

[@reginoolivencia3552]

use justify-content:space-around istead of center for the footer

[@HezronWanjiku]

Today am starting full stack developer with this course on 29th July 2024

[@OlawaleEsther-s2s]

Today, 1 September 2024, i started this course for web dev

[@bharathk6475]

Great video

[@FGod-n4x]

wonderful content covered everything in detail , awesome bro , atlast found a creator like u 🤩🤩🤩🤩🤩🤩🤩🤩

[@alijaffer8726]

And there it goes boom💥

[@RashmiRashmi-rw4ek]

Thank you sooooo much for your quality type of vedios🥰🥰🥰🥰🥰🥰

[@TitanicLab]

lots of love from india 🇮🇳 i watch many video whats i learn from multiple video you explain in one video. he is Amazing teacher .. amazing content beat whole youtube html css tutorials

[@nikhil8236]

Start krdu me bhi?

[@TitanicLab]

@nikhil8236 I think see apna college first

[@nikhil8236]

@@TitanicLab ok bro

[@ayo-ju5sv]

Hey Huxn, I can so much see the joy and passion in your heart when you recording this video for us, thank you so much for all you do, GOD BLESS YOU .🙏

[@abuchijohn04]

Today,11th of September 2024,I am starting my journey to becoming a full stack developer with this course.

[@nikhil8236]

Progress?

[@kennethpatague5207]

Hi HuXn, the images.txt for The Art Project on your repo is missing. Can you add it? Great tutorial by the way.

[@huxnwebdev]

You don't have to download images, just copy and paste this code and it'll work for you just fine 👇 github.com/HuXn-WebDev/HTML-And-CSS-Masterclass/blob/main/12.%20Landing%20Pages/2.%20The%20Art/index.html

[@code-crazee]

Thank you so much sir

[@huxnwebdev]

You're welcome 😊

[@prithvirajbagoria]

After watching this course I am thinking that he is an industry level GOD in web development . His way of teaching is also better than my college professors . Your worthy of having million + subscribers.

[@HarishKumar-e5h7h]

Hello huxn i searching a good resources for full stack developer finally i got the good mentor Ur saving my time to watch all the resources at one place i hope soon i will become a full stack developer . And try to provide real time projects to crack the interviews. and i expecting data stuctures and algorithm playlist from u . I'm from india and try to provide ur linked in profile so that i will connect u 😊😊

[@huxnwebdev]

DSA course is already in my list buddy just need time to record it, thanks for your amazing comment 🤜

[@HarishKumar-e5h7h]

@@huxnwebdev thanks buddy pls share ur linked in profile

[@sudhakarpandey7372]

@@huxnwebdev DSA in Java Please

[@inukaasith7]

I don't usually comment. but my god this is so awesome. thank you so much for this 🙏

[@Mamagarden2024]

One of the best video for html css tutorial

[@nambyrajao1736]

Thank you for this superb video

[@codingbrains1]

Thank you Bro😃 This was the best Course for HTML&CSS that exists on KZbin Hands Down!!!.... I finally have learnt it....

[@huxnwebdev]

I'm glad it was helpful, See you in my JavaScript Bootcamp 🤜

[@Geekyharis]

I'm starting this course from Today Tuesday 12/11/2024

[@Binge_movie12]

Just want to say ❤ you Made me master in development

[@zoygaming7345]

Thank you so much

[@huxnwebdev]

You're welcome 🥂🥂

[@informatiqueisfutur-ve2ro]

best web dev video 😶

[@mahendranath2504]

Nice thank you so much

[@huxnwebdev]

Most welcome 😊

[@thilinalakshan3070]

Superb...Thank you very much. 😃👍

[@allengeorge15]

7 hrs into this and man you're l'm astonished.

[@daviesemmanuel8047]

Just completed the video😁...Huxn keep making great content man, we're all here for it

[@munkhtuyaotgonbaatar3381]

yes i was thinking about it

[@Ranawatcher]

Hey, My brother Hussain I just wanted to take a moment to express my appreciation for the amazing content you provide on your KZbin channel all the time. and this course is just clear, understandable and just Amazing. Your videos are incredibly helpful and have been a valuable resource for me and i hope for all too. Your dedication to sharing your knowledge is truly inspiring, and I encourage you to keep up the fantastic work. Looking forward to more insightful content from you brother . Fi Amanillah 😊

[@RaymondMakuka]

you are the best man.. you are the best

[@PatrickBateman_speaks]

Hey Huxn, can you do a GIT tutorial like this? Many thanks for your hardwork 🎉

[@huxnwebdev]

Already in my list buddy 🥂

[@enablingskillsfoundation3529]

love you HuXn Sir

[@saidurkhan1307]

❤ really awesome tutorial sir.....❤thank u so much ❤

[@huxnwebdev]

Most welcome 😊

[@sriwonsingha]

wow !! Thank You

[@ElixerProgramming]

The flex-end / flex-start was intended for flexbox, grid.

[@deelakaransilu814]

Thank you 💖

[@ronlynn8530]

This is amazing man what you are doing is truly cool I am learning more from your videos than anything I've done including free code camp the odin project and a fundamentals bootcamp it helps you are funny as well keep it up.

[@huxnwebdev]

Appreciate your love buddy means a lot 🤜

[@Hopeful_M.B]

Thank you Huxn.❤

[@amalmurikkoli7629]

Hi, will you make a HTML Canvas tutorial course?

[@maryamliaquat9709]

11th oct 2024, Starting my Fullstack Developer Journey Today! 🫶🏻

[@Денис-Наумов]

Yeeeeeeee

[@ashwinibg-t5h]

thank you so much sir 😊

[@Ethiopianprogrammers]

🎉finally i got the master 👌 could you please work django full course ?

[@endrikelmendi-f1e]

its been funn and good to learn html and css from you your a grat techer and funn also

[@FightClub_and_Football]

Thanks you brother for this 🙏🏿🙏🏿🙏🏿

[@studiosmuse6136]

Hello HuXn WebDev, excellent html and css course. It's a shame that it doesn't have subtitles to understand more. I hope you can upload it with subtitles. thank you hug

[@huxnwebdev]

Bro there is option for subtitle enable that and you'll get auto-generated subtitles.

[@studiosmuse6136]

@@huxnwebdev Hello, yes there is an option... but this tutorial does not have subtitles. All the other tutorials they have can be translated, but this one just can't. Anyway, thank you very much for sharing your projects to the community.

[@anashamarashid2581]

@@studiosmuse6136 ur trippin dawg there's captions

[@chuky422]

cool, thanks. CSS has always been like what huh ? now you explained the why's!

[@Uchenna_stephen]

Thanks so much for this video

[@adhipp3095]

oh my goodness ! This tutorial is amazing

[@uniq6318]

It's great buddy

[@johnwickgaming3174]

you are the best of the best out there....this html css course is so underrated.... I checkedout your channel but didnt found a clear playlist of videos for learnng frontend web development and then ultimately fullstack....can you guide on this clearly

[@huxnwebdev]

Here is everything you need to know to become a Front-End Developer 👇 kzbin.info/www/bejne/mIikdKKVpdt-rsk And here is everything you need to become a Backend Developer 👇 kzbin.info/www/bejne/fmS7en2PerWXq9U

[@johnwickgaming3174]

@@huxnwebdev would you recommend to go in order from top bottom in the front end track and then do the backend track in the same top-bottom skipping the ones already covered in the frontend track?

[@huxnwebdev]

That's exactly what you should do plus you can skip the GSAP & DOM courses in the front-end playlist because I've already convered that in my Complete JavaScript Bootcamp

[@johnwickgaming3174]

@@huxnwebdev thanks sir ....I just love you ...didn't expect you will reply this early ...you are so humble ...I am your biggest fan now ....love you....will be updating you on my progress sir . THANK YOU ♥️

[@huxnwebdev]

I'm glad i could help 🤝