Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website

[@javascriptmastery]

📚Tailwind CSS Starter Kit: resource.jsmastery.pro/tailwind-starter-kit

[@abhinasregmi9742]

link not working

[@ethan.creates]

tried it out with two emails but couldn't receive anything, checked spam as well.

[@javascriptmastery]

Try again, it works for me

[@badis6717]

it worked for me too, thanks jsm

[@coding-master-shayan]

Hi, sir which theme are you using in vs code?

[@thierrymemel]

Dear Adrian, As I was watching your course, there was a moment at 2:26:08 where you questioned if your teaching style and content delivery were resonating. Let me assure you today: your course has been immensely valuable to me. Personally, I appreciate the effectiveness of your teaching methods, allowing me to grasp concepts more efficiently. Your approach to teaching Tailwind CSS is exceptional, and I want to highlight a few key points. First and foremost, your clear and concise explanations have made complex concepts more accessible, enhancing my understanding of Tailwind CSS significantly. Your pacing and organization of the course are commendable. The way you structure lessons and provide a step-by-step guide has made the learning process smooth and enjoyable. In addition, the Nike website project is a brilliant choice, as it allows us to see the application of Tailwind CSS in a context that mirrors real-world scenarios. The attention to detail and the effort you put into preparing the course materials, including assets, has undoubtedly accelerated my learning curve. What sets your course apart is your meticulous preparation of assets, ready for us to use. This has significantly increased my learning speed, enabling me to concentrate more on the core content without being distracted by the search for additional resources. Your thoughtful approach to providing practical tools has streamlined the learning experience for me. Thank you so much for your dedication to teaching. Your efforts have not gone unnoticed, and I genuinely feel more equipped and confident in my JavaScript skills because of your course. Blessings to you, and may you continue to inspire and educate many others. I love you brother ❤ Best regards, Thierry MEMEL from 🇨🇮

[@christianndeh6292]

Dude, So glad to find a comment from Ivory Coast. I'm from the same country and I thought I was the only African to follow this channel. What a nice surprise!

[@dreamsachiever212]

@@christianndeh6292 a guy from Burkina here

[@austinmonde3164]

​@@christianndeh6292 speaking of being African, You are not the only one. Zambia here

[@FitsumTafese-q1v]

@@christianndeh6292 no u are not the only one from Africa , here from Ethiopia (land of the origin of man kind )

[@aintEvanescence]

agreed, his teaching style is GOATED. 🤌

[@pidtkrathepnom9347]

TBH, It's awesome. In less than 3 months, I had a better foundation and was able to expand on my own projects until I finally got a job. This channel is Gold.

[@javascriptmastery]

Thanks for sharing!

[@eliastefera8574]

Your way of teaching is unmatched! It's apparent you carefully prepare your videos in the best way possible for people to easily learn the materials. You are amazing!

[@javascriptmastery]

Wow, thank you!

[@tishukr930]

I Just clicked on this video by curiosity but couldn't stop watching.This is one of the best tutorials on the tailwind with lot of things that people usually miss out on. I can't believe how good this is for a sub 3 hr tutorial

[@javascriptmastery]

Wow, thanks! That means a lot!

[@6.squash.936]

When the world needed him the most, He returned 🙏❤️

[@javascriptmastery]

Always🥳

[@avinashvagh6796]

Adrian: The Last TailwindMaster 🔥😌

[@lastspoil5547]

Is this easy to learn? I still have to learn React 😂

[@6.squash.936]

@@lastspoil5547 first learn React

[@earnstein7607]

This is a masterpiece, I did not only learn tailwind. I know have the best way to always structure my code and components. Thank you so much

[@kamsiyonnaobi2242]

2:26:38 Your teaching style provides a glimpse into the industry standard of building and structuring applications. This has always been the standout feature of JSM. Here's my recommendation. You could deliberately leave out certain features of the application to challenge us to build them on our own. Additionally, you can continue to provide ideas on how we can improve the application that you have built. Alternatively, you can avoid building complete applications so that students are forced to finish them before adding them to their portfolio. 😅

[@olayinkataiwohassan5877]

This is my probably my first time ever commenting on a yt channel! Bro you’re LITERALLY fire itself! From your composure, your use of words, sounds so basic and soothing to the ear! I’m still 25mins in but damn well done!

[@MazharulIslam-wj3zw]

Hey Adrian, Do not need to change your teaching style. It is a best video I watched about TailwindCSS. I have learned how quickly create a landing page using TailwindCSS. It was an amazing experience after watching you. Thank you

[@serpico8832]

I find this course and all of your other courses to be perfect for actually learning the proper way to develop and use tools like Tailwind. You do a great job of explaining why things are done, and the process is repeated enough times to really get the points. I am very grateful for your content!

[@John-eq5cd]

Thanks!

[@akingbayiojo4609]

The way your taking this course is fine and honestly the best I've come across. I'm not usually a fan of long tutorials or videos but watching you doesn't feel like that for me. I hope you continue to do more videos as you go on in life. Thank you for what you do. I can't appreciate you more.

[@nikhil4yourhelp670]

Just completed the full tutorial and build of the page thank you for the great content

[@davidmesaros9733]

Wow, this course is absolutely amazing !! The instructor is explaining in simple words tough concepts and keywords. Thank you so much for providing this material for free

[@syntaxXP]

thank you so much man best outube channel in the world

[@a-factoracademy]

The only online teacher reading my mind... I'm grateful 🙏🏾

[@javascriptmastery]

Thanks! 🙏🏾

[@prashlovessamosa]

Thank you Adrian for knowledge very grateful to you.

[@jotasenator]

I think the same

[@chad8519]

Always good stuff. These tutorial projects give plenty to learn from but leave enough to do some experimenting yourself.

[@AmitSaha_15]

Completed! Added some hover and scroll animations from my side. A huge thanks and gratitude to you...

[@CosmicAmusement]

I was looking for tailwind CSS yesterday night, and today you made a video on it. Perfect Timing 👍

[@abdelrahmanzaitoun4402]

yeah, same😂

[@javascriptmastery]

Perfect!

[@mattoattacko]

I doubt anyone from JSM will see this, but your videos are excellent. The only thing I change when watching the videos is increase the playback speed to 1.25, though I think the regular speed is perfectly fine.

[@laxmiprasanna4092]

Excellent work. Please do 3 to 5 hour courses of all technologies used inside your project videos. So that we can follow along. I was not watching most of your prisma nextjs videos because I dont understand them yet.

[@javascriptmastery]

Great suggestion!

[@bhaskargowda-3955]

​@@javascriptmasteryyes please ❤

[@christcombiccombichrist2651]

​@@javascriptmasterywhen will the full next.js ebook be coming out?. I already stated that read alot and video demo don,t really work for me.

[@javascriptmastery]

@@christcombiccombichrist2651 it'll come alongside the full nextjs 13 course

[@ValentineHunter]

This course is amazing. Asides teaching you Tailwind which it does so well. it also shows you how to build a landing page with react as well as show you the proper way you should structure your code. Now my codes can be a lot cleaner. Thanks a bunch Adrian. Your videos are a lifesaver 👏👏❤❤

[@GreenPear-mz4dl]

hey Adrian, i get used to with your speed, it's perfect, clear easy to understand.

[@AmbrozeSE]

You asked if your teaching is fine; i'd say its perfect to me. The voice, exciting level, volume, speed..etc etc. I have gone through some of your other videos and this particular one is my best so far because here you explain some stuff like flex does this, flex-1 does that. Please always explain some of them because css is not so easy for many beginners and we need to see and know what a certain line of code does--- and what the opposite do. Thank you again.

[@AmbrozeSE]

For example; what you did at 2:27:08 , that's just perfect. And u dont have to do it in the entire video but bits of that explanation here and there is perfect. You deserve more success my brother. And I look forward to enrolling in your courses.

[@karansawant5121]

I watched the video completely. I've build it completely with you side by side . And now for sure i will try to give it a go by my own and then i will deploy the version i am going to build. Though I am little confuse about how can i toggle the navbar by clicking on hamburger icon. As like your other videos i learned alot from this video also. I have a huge respect towards you for the content you provide. Thank you so much for doing this❤

[@javascriptmastery]

Amazing, good luck!

[@ofjdaz]

hey could you complete it without buying the hostinger plan?

[@Discoverworldwithme.]

bro how can we connect tailwind with our html

[@temesgentikabo3151]

You're just mind reader❤...tons of love From Ethiopia 🥰🥰

[@javascriptmastery]

Greetings to Ethiopia!

[@saloni6242]

I followed your instructions and felt like only this way i could complete my project. I never thought i would feel so helpless at any work, the way setting up different tools, frameworks in my laptop. I hate it. Because of you i am somewhat relieved😄😄

[@hugosandoval9013]

I completed this project today and there is just one thing i have to say. You did an excellent job, i learned a lot. 🎉🎉🎉

[@MarouaneChf]

Thank you so much JSM for this amazing and helpful course, I've enjoyed watching and following you through this course, So after I've finished and built my copy of this landing page using Vuejs and Tailwindcss I can say that I'm now able to start building my projects using Tailwindcss, and I don't forget to share that I got an idea about how React works, it looks like it's similar to Vuejs so I decided to learn React and add it to my skills.

[@nikhil2735]

You made me feel that I can do a lot with tailwind. There are no suggestions to point, you are awesome 🙌

[@ArneNoedel]

They way you talk is ideal for me, very chill and explaining. It's fun to learn and make sites with these vids.

[@sketchmaniac1941]

Man I loved it!! Thanks a lot for such a great course ❤

[@DevBoy-hd4kr]

You are one of the best youtubers who teaches consepts throughout real projects, I'm impressed by the quality of your videos, just the complexity of the introductions you make is a masterpeice, and throughout the course, your voice and the way you teach was exceptional. thank you!

[@mheyrie]

Your Teaching method, speed, how you speak is perfect.....Thank you for all you do

[@markjaysonalabazo1569]

I've seen so many courses here in KZbin, but this is the only video taht actually helped me understand Tailwind XD

[@hydro6527]

My favourite teacher learned lot from this channel still learning something new. Indebt to this channel and so thankful.

[@javascriptmastery]

Thanks!

[@thecomicpunch2888]

Just finished the course. This is more than a course of Tailwind, this teaches how to build a "landing" with React which is so great. I did everything, I've learned a lot. THANK YOU!

[@bruvhellnah]

Does this require knowledge of react in anyway?

[@thecomicpunch2888]

@@bruvhellnah I had some knowledge in react. You can follow the course and achieve the goal. But maybe I recommend to take a tiny course of react before to go with this one.

[@bruvhellnah]

@@thecomicpunch2888 Appreciate the reply.. would you also recommend having some knowledge of plain css before this course? also does this cover tailwind in depth - i come from a backend background, css seems tough thats all lol

[@thecomicpunch2888]

@@bruvhellnah I guess the basics of Tailwind, this is a very extense tool to cover all the topics. Yes, you should have CSS knowledge before talking the course.

[@ankitdas2197]

it is smooth My project was done in 4 days thank you

[@MichaelToce]

I watched a few of your other videos and realized after deployment that we never changed the tab title and icon. So on this video I paused before we went into the nav bar and changed it myself... low and behold I unpause the video and we actually changed it this time! HAHA

[@zehranoor7799]

just finished this project and now feeling accomplished! :))) thanks a lot for making this easy to understand. I really like the way u talk and ur selection of words are really impressive (y) it also helps me to improve my English as well ':)

[@Asphalt-w4x]

it's more than a tailwindcss masterclass, it's an entire application development methodology. thank you sir

[@abdelrahmanzaitoun4402]

I was procrastinating about starting my tailwind journey, now it is perfect time

[@javascriptmastery]

Enjoy!

[@cape_YT_]

It's like you can read minds , was about to start Tailwind and this dropped , thanks Adrian.

[@javascriptmastery]

Enjoy!

[@saaanniiii]

Randomly finding you through the youtube algorithm has been one of the best things 😍😍 I have subscribed to your newsletter as well which keeps me updated always. Thank you Adrian ❤

[@javascriptmastery]

Welcome aboard!

[@youcefmantas4944]

Your the best i swear !!!! Thank you so much for the video , the kit and the news letter

[@SoverignBeing2023]

Wow this breakdown of Tailwind has been incredibly helpful. Thank you for putting out such helpful content and breaking it down easily!

[@Sandeep-m4i7g]

Here's some feedback as a beginner developer: Strengths: I really appreciate the vast amount of knowledge you shared. You have a lot of expertise in the subject. | Area for Improvement: For beginners like me, it can be helpful to slow down sometimes and delve deeper into specific concepts before moving on. In a beginner class, assuming no prior knowledge can be beneficial.

[@arthur333able]

Just amazing. I can't thank Adrian enough for such incredible content! Have truly learned a lot!

[@frtrash766]

What a good video, now i feel a bit confortable with playing with tailwindcss and learning a bit of react. Feels good the way you explain everything and the pace you use to talk.

[@cwhite7002]

This course is probably the most informative that I've done versus all the courses JM have created by going over the tailwind configs and touching on tailwind base/components/utilities. Always had problems wrapping my head on how the CSS fits together with your created layers and how it works perfectly with Desktop and mobile. Can you please do a video on how you created all the layers and the thought processes?

[@PegahAboltakhti]

не стоило сомневаться даже, это топпп

[@RubabMubashar]

Incredible Adrian, The Way Of Your Teaching Is Too Good Man. I M Zero At Tailwind CSS. After That Video And Practicing On Projects I m Now Expert In That. All Thanks To You I Don`t Know React But Still Making This Project I Know Basics Now I M Going To Dive In React And Wil Become Expert In That (Hope So). Again Thank You Man :) You Are Amazing

[@hoanghai_0725]

It's exciting free course on KZbin. I searched so many resource, with purchase course and free course. But with your channel, I find my passion in Web Development. I watched 4 video tutorial in this week, and now I have more knowledge in TailwindCSS. Thank you for your channel. 😍

[@javascriptmastery]

Wow, thank you!

[@ayeshask8564]

your apprach of teaching is reallly understandable and the resources are really valuable for me one thing i do while watching your videos is changing the playback speed to 0.75 as your speed is little fast for me. last but not leat i would like to thank you for creating such useful resources and making my learning journey easy and enjoyable, THANK YOU once again!!

[@sangameshkyatappanavar]

hahahaha That is just sooooo much lovely and sweet of you Adrian!! at 2:22:26, your pace of teaching is phenomenal per see. There is not a single flaw I could find in your teaching things and clarifying as crystal clear considering your expounding of topics wherever necessary 😊💗. Your way of explanation is amazingly inspiring, which ignites us to learn it! Keep it up brother or a great teacher!! Love you! 💗

[@samwilson4597]

this hands down the best channel for developers to improve their skills

[@javascriptmastery]

Thank you!

[@JoshuaMega-f6l]

I’m so happy being part of this project

[@AsmaKhan-qf6gd]

sir I don't Know How Can I thank you? YOU did a great job we learned alot from this. Your way of teaching is just as easy as ABC from now on I will just follow you.

[@3illanon145]

Another one dropped, right after threads 🔥🔥🔥🔥🔥

[@javascriptmastery]

Yess! 🔥

[@gonereng]

Just finished the course and I want to thank you a lot for this amazing course. I really liked the approach you teached us tailwind, for me the typing speed was sometimes too fast, but then again I can simply pause the video or slow down the playback speed. Looking forward to take your nextjs courses next.

[@parthadhikari00]

I felt your approach more like I'm mugging up a pre-written code, like rather than building the shoecard first you should make the state and tell us what will be stored in that state

[@sougatadas_yt]

It has been a phenomenal build , thank you Adrian.

[@javascriptmastery]

Thanks!

[@bigjoe100]

Adrian, you are the best I have seen so far when it comes to responsive web design just completed the project and looking to publish it on my LinkedIn also I will be adding the cart page to make it an e-commerce website for shoes. Thanks, Adrian for all you do.

[@ofjdaz]

02:25:22 you asked us how we are liking this course so far and how's your method for us. My answer is: It's so good that I've watched many tutorials but this is the first one in months I'm completing. I want to say I've been liking it a lot. Your pace is very very good. And I have nothing but good things to say. And only because you asked for suggestions, here are mine: 0) I have caught a couple of typos with tailwind classes (maybe 2 during the whole video which is very impressive, I have an eye for detail) here and there but there's the repo with the code so we can always check. 1) I was thinking maybe some things be explained further, for example in the special offer components you have three cards and on mobile screen sizes we can see how the last one stacks up to the full width, and the magic there is the flex-1 utility class from tailwind, maybe focusing on those small details that I think are not mentioned but you have them there. However I truly feel you're teaching tailwind and not the basics of css, so it's fine. 2) After finishing a component, I'd suggest a pause of maybe 1 second so we can see the code while it's there in the video. I'd rather be typing with you in the video than copy the code from the source code because I learn by doing. So if you pause for 1 second it might give us more time to stop the video at the right time :) This is an AMAZING course and I think your work is superb.

[@hossam_cj]

As you asked us about how you were speaking, you are fantastic, I'm from Egypt, and English it's not my first language, but الحمد لله I understand every single word coming out from your mouth, you have اللهم بارك clear explanation, very organized, and working from 0 to intermediate as they sayin, I hope you organize the other Front-End stuff, backend stuff, like really working environment, real work tasks, explain to us how you receive it from your manager, how you start working on it, How you search and testing it, I know it's kinda like how you are actually working on your videos, but I'm talking about your own big tasks, and thank you for this beautiful content, Thank your god a lot about giving you the ability to work hard and clean like this .

[@piyushpatil6874]

The Best Tailwind Course ❤ ❤ ❤

[@mohammadhani110]

I was looking for a tailwind tutorial yesterday and found your video today ❤ Thanks

[@javascriptmastery]

You’re welcome 😊

[@AmanKumar-nb4oh]

Thank man ,your project is good ,it gives the best version to learn tailwindcss.

[@ahmedrashed180]

Mr. Adrian you are a great instructor, this is my recommnedation to anyone want tailwind beginner

[@torrid4560]

Of course dive into this wonderful tutorial now !!

[@javascriptmastery]

Amazing!

[@lorenacamara6249]

This tutorial is amazing! It was incredibly helpful and easy to follow. I really appreciate the time and effort you put into creating it. Thank you so much for sharing your knowledge!

[@spacticals]

thanks for such a grear project . but there is a suggetion . please use dark modes of all pages if available otherwise it effects our eyes too much. Otherwise this project is juist a LIT🔥🔥🔥🔥🔥🔥

[@abdelrahmanmagdy3706]

Best of the Best tutorials I've ever walked through, thank you so much man 🙏

[@dlouhavideacz]

Pro TIP: play it on 0.75 speed. For me it's definetly better 😁 and I have to say, that it would be better to first put content in divs and than style it so we can better imagine the work that CSS is doing. Thx for this video, I have learned a lot!

[@Nulimitz]

I have not liked Tailwind. I always go to Bootstrap for everything. This makes me want to learn Tailwind more. So many options. Thank you Adrian!

[@michellehuerta9576]

Hello, I just discovered your channel and I have subscribed without hesitation. Thanks for the video, it has helped me a lot to understand how tailwind works and now I can apply it to my work.

[@javascriptmastery]

Great to hear!

[@ayushsharma4894]

You are great brother, all thanks to you i could finally take a step towards completing my web dev journey. You are awesome

[@soumadip_banerjee]

Need a beginner friendly NODE/EXPRESS/MONGO_DB in-depth course from u Adrian! Loved this one by the way ❤️👌🏻

[@javascriptmastery]

Great idea!

[@dywa_varaprasad]

thanks mate

[@BenOdari]

​@@javascriptmasterybest teacher

[@thiranaembuldeniya3848]

That whould be great!

[@sanketkere7722]

@@javascriptmasteryplease

[@NotYour_Gurlyy]

Excellent i've just started learning Tailwind and find a perfect tutorial ❤

[@javascriptmastery]

Glad it was helpful!

[@MomojimohYusuf]

Your way of teaching is unmatched it's apparently you carefully prepare your videos in the best way possible to people

[@juxtapose2125]

woah, this is awesome. been finding a tailwind tut cuz ive been wanting to switch from css LOL, this was a nice find. thanks man!

[@Kokouvi_el_mejor]

Don't tell me that i'm Dreaming. Thanks ADRIAN

[@javascriptmastery]

You're not! :D

[@davidt510]

Really enjoyed following along with this tutorial. One bit of feedback I had though...in the customer review section, unless the blurb of feedback is roughly the same size, the separate reviews don't sit flush beside each other. It stands out a little if one has a lot of text in the feedback are and another doesn't.

[@TizianoMontenegro07]

One of the best programming chanels, thank you for share.

[@yassinechritt8816]

this video is simply TOP TIER!! :)

[@stark_202]

Adrian is the real Batman 🫡🙌🏻

[@julianm080808]

Thanks for your this awesome tutorial, God bless you and keep it up.

[@shorthub_69]

I can't thank you enough! As I'm a back-end dev I always hated writing so much css styles and those annoyed me honestly. I always wanted something easier to handle and works amazing at the same time . Since it's release I have tried it once before but I stopped due to lack of spare time to learn. Now, I have made 1-2 hours of time to learn new skills and ended up on your tutorial. I have looked upon many youtube vidoes but this is the best. Explains everything. most importantly You are awesome !

[@saraalmaqbali8479]

This is the best course ever. Easy, simple and you learn a lot of things. Please keep going we love u ❤

[@michaelriccelli8483]

I think the tone and speed of these tutorials/course - being free on youtube - are great. Maybe take a bit of an extra second at times to explain a bit more about anything that is new. The architecture itself taught me a lot about react. I will be using this structure to build websites moving forward.

[@TextCraze]

Great course. Also I love the way you teach and explain things.

[@javascriptmastery]

I appreciate that!

[@vishalpanchal2003]

thank you so much buddy, you are a the best tutor anyone can have for web dev using js

[@aditya2005_found]

Very well explained!

[@ogundipeorobola5304]

Great tutorial on TailwindCss. With you, web development looks much easier👏🙌

[@domoknows3275]

incredible tutorial. my first intro to tailwind as I start up a new web app and I'm going to use a lot of this to get started!

[@protongaming437]

At 35:50 time, the script is document.addEventListener("DOMContentLoaded", () => { const toggleDark = document.getElementById('toggleDark') toggleDark.addEventListener('click', function() { if(document.documentElement.classList.includes('dark')) { document.documentElement.classList.remove('dark') } else { document.documentElement.classList.add('dark') } alert("click!") }); });

[@alifhasanshahOfficial]

This tutorial is one of the best resources for learning tailwind. If anyone completes this tutorial with patience, he or she can make a beautiful website. Thank you so much, Adrian, for your effort. Your tutorial is much better than some paid courses on the internet.

[@javascriptmastery]

Glad it was helpful!

[@TejasMore-y5r]

truly loved it ...... we nee more on tailwind like this at least 2 more please 🙏

[@avi_5827]

Thank you so much this was much needed for me.... and also I requested for this one... Thank you Adrian 🙏

[@javascriptmastery]

You got it!