Master Tailwind Css With Next Js In 1 Hour

在本课程中，您将学习 hpw 设置和使用 Tailwind CSS 和 Next jsTailwind CSS 是一个实用程序优先的 CSS 框架，包含 flex、pt-4、text-center 和 rotate-90 等类，可以组合构建任何设计，直接在您的标记中。本课程将允许您创建量身定制的响应式设计，以创建简单而现代的 Web 应用程序。建议您对 HTML 和 CSS 以及 React 有最低限度的了解，以充分理解本课程通过学习掌握 Next JS 和 Tailwind CSS，您将在 Web 开发领域取得飞跃。事实上，越来越多的公司正在使用这些技术，尤其是在 Web3 世界中。参加本课程节省您的时间为什么要参加本课程：如果您想提高自己的 Web 开发技能，本课程是理想的选择。将在 1 小时内学习 Tailwind CSS 基础知识Tailwind CSS 可以更快地编写和维护应用程序的代码。通过使用这个实用程序优先的框架，您不必编写自定义 CSS 来为您的应用程序设置样式我们在本课程中看到的概念可以用于许多项目（portfociol、ecom website、web3，…）Next 的好处JS 框架众多，既适用于我们客户的应用程序，也适用于我们的开发团队。本课程适用于：任何想要在 Web 开发方面做得更好的人对于那些想要学习新事物的人希望我会在本课程中见到你！现在就加入我们！

Want to learn the basics of tailwind css with Next JS fast enough? This course is for you

Last updated 10/2022
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 730.80 MB | Duration: 1h 6m

What you’ll learn

Tailwind CSS basics
Flexbox with Tailwind
Set up Tailwind CSS with Next JS
Using Tailwind in VS Code
How to customize Tailwind
Requirements

Basic knowledge of HTML/CSS
Basic knowledge of Next JS

Description

In this course, you will learn hpw to set up and use Tailwind CSS with Next jsTailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.This course will allow you to create a tailor-made responsive design to create simple and modern web applications. It is advisable to have a minimum knowledge of HTML & CSS as well as React to fully understand this courseBy learning to master Next JS and Tailwind CSS, you will take a leap forward in the world of web development. Indeed, more and more companies are using these technologies especially in the Web3 world.Save your time by taking this courseWhy you should take this course :This course is ideal if you want to improve with your skills in web developmentYou’ll learn tailwind css basics in 1 hourTailwind CSS makes it quicker to write and maintain the code of your application. By using this utility-first framework, you don’t have to write custom CSS to style your applicationThe notions that we see in this course can be used on many projects ( portfociol, ecom website, web3, … )The benefits of Next JS framework are numerous, both for our clients’ applications as well as for our development team.Who this course is for :Anyone who wants to be better at web developmentFor those who want to learn new thingsHope i’ll see you in this course !Join us now!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 What i’ll use

Section 2: Let’s start

Lecture 3 Create the project & add Tailwind CSS

Lecture 4 Check if everything is working

Section 3: Basics

Lecture 5 Custom fonts & color

Lecture 6 Width, height & background

Lecture 7 Margin, padding & borders

Lecture 8 Hover effect & focus

Lecture 9 Flexbox

Lecture 10 @apply Directive

Lecture 11 Responsive Design

Section 4: Mini project

Lecture 12 Let’s Go !

Section 5: Thanks

Lecture 13 Thank you

Beginner React Developer