Tailwind CSS and Nextjs | Learn by building project

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.

Rating Distribution

• 1 stars: 0 votes
• 2 stars: 2 votes
• 3 stars: 1 votes
• 4 stars: 5 votes
• 5 stars: 5 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!