|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/create-a-pinterest-clone-with-react-and-styled-components/
课程评论：没有评论
**课程名称：** React与Styled Components：创建Pinterest克隆 **课程概述：** 本课程将带你深入学习React开发中最受欢迎的CSS-in-JS库之一——Styled Components。通过动手实践，你将学会如何利用Styled Components创建高度可定制的组件，并以此为基础，创建一个功能齐全的Pinterest主页克隆版，为你的Web开发作品集增添一个亮眼的项目。 课程还将涵盖使用Framer Motion为React组件添加动画效果，以及如何利用GitHub和Netlify实现应用程序的持续集成和在线部署。这是一门实操性极强的课程，适合希望提升React项目样式设计能力的开发者，以及正在学习React并希望为作品集添加真实世界项目的初学者。 **课程亮点：** * **入门Styled Components核心概念：** 轻松掌握Styled Components的用法和优势。 * **真实项目实战：** 以Pinterest主页为例，学习如何拆解和构建复杂的网页布局。 * **主题切换功能：** 学会将浅色和深色主题集成到你的应用中。 * **React组件动画：** 探索使用Framer Motion为组件添加动态效果。 * **DevOps实践：** 掌握使用Netlify进行持续集成和应用部署。 **课程目标受众：** * 希望通过Styled Components提升样式设计技能的React开发者。 * 正在学习React，并希望为作品集添加一个真实项目练手的开发者。 **课程要求：** * 具备React开发基础知识。
Styled components is one of the most popular front end libraries , especially in the React space. But it can be a bit tricky to learn, at least it was for me. But once i learned it , i've used it in all my React projects. In this course we're going to create a project for your web developer portfolio. It would be an exact clone the beautiful Pinterest homepage using React Js. We would focus on learning about Styled-components and how to use it to create highly customizable components. We would also touch on React component animations using Framer motion. At the end , we would host out application live using Github and Netlify for continuous integration. This would be a hand on course and i am excited to take this journey with you.This course will:Introduce you to the core concepts of styled components.Teach you how to breakdown and create complex web pages using a real life example (Pinterest).Show you how you can add Themes (Light / Dark) to your application.Teach you how to Add animations to your react components.Teach you how to host your app live on the web with continuous integration using Netlify.Who is this course for:React Developer who want to learn how they can improve their styling skills using the popular Styled-components library.Developers learning about React and looking to add a cool real life project to their portfolio.Course Requirements: Prior React knowledge.
