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

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
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 27739
    حجم: 1536 مگابایت
    مدت زمان: 160 دقیقه
    تاریخ انتشار: 28 آذر 1402
    دیگر آموزش های این مدرس
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید