Udemy

React & Styled Components : Create a Pinterest Clone:

立即報名
  • 26 名學生
  • 更新於 1/2026
5.0
(01 個評分)
CTgoodjobs 嚴選優質課程,為職場人士提升競爭力。透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
2 小時 40 分鐘
教學語言
英語
授課導師
Ebuka Beluolisa
評分
5.0
(01 個評分)
3次瀏覽

課程簡介

React & Styled Components : Create a Pinterest Clone:

Create a beautiful portfolio project with React , Styled-components, Framer motion, Hosting and Continuous integration

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.

課程章節

  • 7 個章節
  • 44 堂課
  • 第 1 章 Introduction
  • 第 2 章 Footer section
  • 第 3 章 Header section
  • 第 4 章 Main body section
  • 第 5 章 Animation with Framer motion
  • 第 6 章 Hosting
  • 第 7 章 Bonus!

課程內容

  • Build a beautiful Pinterest Clone as a portfolio project, Learn how to use styled-components in your react apps, Learn how to Host (+ Continuous integration) your react app on the web using Netlify, Learn a bit about Animation with Framer motion


評價

  • E
    Ebuka Beluolisa
    5.0

    Very good course, I am learnt a lot. I joined a team where Styled component is heavily used , so i really needed this course to get up to speed. I also like that we built a real life project for my portfolio.

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策使用條款才繼續瀏覽。

我已閱讀及同意