Tailwind CSS and Nextjs – Learn by building project 2022
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.
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
- 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
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