Tags
Language
Tags
May 2024
Su Mo Tu We Th Fr Sa
28 29 30 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1

Tailwind CSS and Nextjs | Learn by building project

Posted By: lucky_aut
Tailwind CSS and Nextjs  | Learn by building project

Tailwind CSS and Nextjs | Learn by building project
Duration: 05:30:10 | .MP4 1280x720, 30 fps(r) | AAC, 44100 Hz, 2ch |
Genre: eLearning | Language: English

Build candy store using Tailwind CSS and NEXTJS  fun project-based course.
What you'll learn
Gain confidence using Tailwind Css
Learn how to customize  theme and make you website design consistent
Reduce the hours of complicated coding
Learn how to use Figma to speed up development
Learn how to make any project responsive with breakpoints
Requirements
You should know the basics of CSS
You should know JS fundamentals and the basics of React
Description
Build candy store using Tailwind CSS and NEXTJS  fun project-based course. We will start by learning  basics of Tailwind CSS.  Then we going to build a completely responsive candy store website using Tailwind CSS and NEXTJS. Let's take a look at the outline for this course…

FIRST PART OF THIS COURSE

We will learn all about a certain aspect of Tailwind like typography, margin and padding, box shadows,  containers, grid, flex e.t.c This allows us to  have basic understanding of Tailwind  and will help to us to start building our main project.

SECOND PART OF THIS COURSE

We going to build  completely responsive multi-page candy store website. Website have very modern and clean-looking design.   In this section we going to build many different components. Also will have a bit of javaScript for things like  drawer menu and showing current page name when navigating to different pages.     You will learn how to add different fonts to project, also how  to configure global variables to make you website design consistent. 
I provide Figma template to this project.  So you not only gonna learn how to effectively build modern websites, but also how to use Figma to speed up developing process.
This section will give you all the knowledge you need to create powerful projects without the long-winded and time-consuming explanations.
You’ll learn how to build a beautiful multi-page website with effective user interfaces. You’ll gain a better understanding of how to make websites that are mobile friendly through in-depth, step by step video instruction, so you’ll never feel overwhelmed.
By the end of the course, you will have developed a clearer understanding of how to use  Tailwind CSS and Nextjs as well as harnessing some powerful skills to enable you to create your own stunning websites in less time.

By the end of this course, you will
Gain confidence using Tailwind CSS
Learn how to make any project responsive with breakpoints
Learn how to customize  theme and make you website design consistent
Learn best practices for folder  and files structure
Reduce the hours of complicated coding
Build on pre-existing designs
Learn how to use Figma to speed up development
Improve user experiences
Understand how and where to implement UI components
With clear tutorials and one-to-one support available for any questions you might have, this course is ideal for those who are ready to take the next step towards building their career as a frontend developer.

Who this course is for:
Anyone that wants to get better at creating website and UI layouts
People looking for the practical Next JS Tailwind css development guide

More Info