Aprenda a usar o Tailwind CSS em 30 minutos (v4.0)

Want to learn more about our Complete Full Stack Course? Click the link below to secure your spot in the next class: https://lp.hashtagtreinamentos.com/fu... TO ACCESS THE FREE HTML AND CSS MINICOURSE (LANDING PAGE): https://pages.hashtagtreinamentos.com... ----------------------------------------------------------------------- 📁 Files Used in Video: https://dlp.hashtagtreinamentos.com/f... 💻 Video recommendation: Learn Bootstrap in 24 minutes: Quick and Practical Guide    • Aprenda Bootstrap em 24 minutos: Guia Rápi...   How TailwindCss Helps You with Your Projects Commercials    • Como o TailwindCss te Ajuda em seus Projet...   ----------------------------------------------------------------------- If you prefer the video in text format: https://www.hashtagtreinamentos.com/t... ----------------------------------------------------------------------- TO HIRE HASHTAG FOR YOUR COMPANY: https://www.hashtagtreinamentos.com/t... ----------------------------------------------------------------------- Want to style your web pages quickly and easily? With Tailwind CSS, you can create modern layouts without having to write traditional CSS! In this video, I'll show you, in a practical and objective way, how to integrate Tailwind CSS 4.0 into your project and explore its features to style a page from scratch. We'll apply utility classes directly to the HTML, ensuring an agile and efficient workflow. In just 30 minutes, you'll learn how to develop responsive and stylized interfaces, taking advantage of the flexibility and performance of Tailwind CSS. And the best part? You don't need to memorize complex classes or waste time manually adjusting styles. Tailwind streamlines your development and lets you focus on what really matters: creating amazing interfaces! Of course, if you already know and master standard CSS, you'll be able to get even more out of Tailwind! But if you're just starting out, don't worry: this guide will help you understand everything in practice! So, if you want to optimize your workflow and take your Full Stack development to the next level, join us and learn all about this new version of Tailwind CSS right now! ----------------------------------------------------------------------- Hashtag Programming ► Subscribe to our channel: http://bit.ly/3c0LJQi ► Turn on notifications (click the bell)! ► Like our video! ----------------------------------------------------------------------- Social Media ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Here in the videos on the Hashtag Programming channel, we teach various HTML and CSS tips so you can develop in this programming language and create your own projects! ----------------------------------------------------------------------- Class Content 00:00 Introduction 02:22 Creating the Tailwind CSS file 03:02 Accessing the Tailwind CSS website and documentation 03:50 Installing Tailwind CSS via CDN 05:33 Accessing the developer tools 06:12 How to use the Tailwind CSS documentation 07:22 Changing font weight with Tailwind CSS 07:58 What is a CDN? 08:22 Changing the font size 09:19 Enabling Tailwind IntelliSense 11:05 Changing the font family 12:57 Customizing colors with Tailwind CSS 15:35 Flexbox: Using flex display 17:00 Adjusting header spacing and alignment 18:55 Changing the header color with Tailwind CSS 19:30 Changing section padding 20:50 Changing the size and weight of H2 headings 21:37 Adjusting section spacing 22:33 Adding a border to the "About Me" section 23:47 Styling the Skills section 27:30 Styling the Projects section 29:04 Customizing page links (anchors) 29:32 Adding a hover effect with Tailwind CSS 30:45 Styling the footer of the "About Me" section Contact 32:50 Conclusion #htmlecss #fullstack #htmlcss #html #css #hashtagprogramming