|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/tailwind-css-and-nextjs-learn-by-building-project/
课程评论：没有评论
课程名称：通过构建项目学习Tailwind CSS和Next.js 课程概述：本课程以项目为基础，带您构建一个糖果商店网站，使用Tailwind CSS和Next.js。我们将从学习Tailwind CSS的基础知识开始，然后构建一个完全响应式的糖果商店网站。接下来是课程大纲的概述： 第一部分：学习Tailwind CSS的基本知识，包括排版、边距与内边距、盒子阴影、容器、网格和弹性布局等。这将帮助我们建立对Tailwind的基本理解，为主项目的构建打下基础。 第二部分：构建一个完全响应式的多页面糖果商店网站。该网站设计现代且简洁，并将构建多个不同的组件。我们还将涉及一些JavaScript，用于实现抽屉菜单和在不同页面导航时显示当前页面名称。您将学习如何为项目添加不同的字体，如何配置全局变量以使网站设计保持一致。我将提供Figma模板，以帮助您加快开发过程，从而不仅学习现代网站的构建，还能掌握如何使用Figma。 本课程的结尾，您将对Tailwind CSS和Next.js有更清晰的理解，并掌握一些强大的技能，使您能在更短的时间内创建令人惊叹的网站。完成此课程后，您将： - 增强使用Tailwind CSS的信心 - 学会如何使用断点使任意项目响应式 - 学会自定义主题，使网站设计保持一致 - 了解文件和文件夹结构的最佳实践 - 减少复杂编码所需的时间 - 在现有设计上构建 - 学习如何使用Figma加快开发速度 - 改善用户体验 - 理解如何及何处实现用户界面组件 此课程提供清晰的教程和一对一的支持，非常适合那些准备向前端开发职业生涯迈进的人。
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 COURSEWe 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 COURSEWe 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 willGain confidence using Tailwind CSSLearn how to make any project responsive with breakpointsLearn how to customize theme and make you website design consistentLearn best practices for folder and files structureReduce the hours of complicated codingBuild on pre-existing designsLearn how to use Figma to speed up developmentImprove user experiencesUnderstand how and where to implement UI componentsWith 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.
