React and Styled Components : Create a Pinterest Clone

سرفصل های دوره

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

1. Introduction

1. What is styled-components

2. Why use styled-components

3. Create new app

4. Starting up app in browser

5. Fix babel error

6. Install styled-components and clean up

7. Pinterest app planning and Page setup

8. Creating styled-components

9. Creating Homepage styled component

10. Setting up global styles

11. Global styles contd

12. Adding Themes

13. Adding light and dark Themes

2. Footer section

1. Creating the Footer section

2. Footer section wrapup

3. Creating and extending custom styled components

4. Making flexible styled components with props

5. Footer section completed and the as property

3. Header section

1. Creating the Header section

2. Creating the logo container and classname style

3. Creating the links container

4. Creating the Auth buttons

5. Styled components css property

4. Main body section

1. Creating Body container

2. Styled components css animation

3. Theme toggle

4. Changing theme with animated button

5. Animated button wrapup

6. Creating the Header container texts

7. Create dots container

8. Image section planning

9. Creating the Image Tiles container

10. Setting Image Tiles margins

11. Setting Image Tiles margins wrapup

12. Show the Tiles Images

13. Changing Sections with a timer

5. Animation with Framer motion

1. Text animation

2. Animate Images section

3. Tile animation fix

6. Hosting

1. Github and Netlify setup

2. Push to Github

3. Hosting to Netlify

4. Continuos integration

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy