Mar

15

2022

Web 3.0 Portfolio - ReactJs, Spline 3D & Framer Motions

Laser 15 Mar 2022 05:41 LEARNING » e-learning - Tutorial

Web 3.0 Portfolio - ReactJs, Spline 3D & Framer Motions
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 ChGenre: eLearning | Language: English + srt | Duration: 10 lectures (1h 49m) | Size: 1.1 GB

Personal Portfolio with Custom Framer motion Animation effects & 3d Spline designs
What you'll learn
How to create modern UI using React Js
learn how to use 3D Spline designs


Learn how to use Framer Motion Animations in your websites
Learn how build a modern UI and deploy it into firebase freely
Requirements
Need some programming knowledge about core fundamentals
Description
I will show you how simple it is to create a full stack, PORTFOLIO using React, Firebase & Material-UI...
Course Module
1. Project Overview - Setup & Configurations
2. Styling Home Component
3. Styling Services, About, Clients - Components
4. Styling Projects, Contact, Footer - Components
5. Animating the components using GSAP & Scrollreveal
6. Storing data in Firebase Real Cloud Database
7. Deploying Project in Cloud
What is Firebase
Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development.
What is React
React is a free and open-source front-end jаvascript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.
What is spline in design
Spline, a 3D design tool, was launched towards the end of 2020. As you probably know, it's not your typical 3D environment like Blender, 3D Max, or Cinema 4D. For instance, it doesn't allow you to edit meshes. You could say Spline is more like three. js editor, but unlike this tool, Spline is codeless.
What is Framer Motion
Framer Motion is a new open source, production-ready motion library for React on the web.
What is Framer used for
Framer is primarily a design and prototyping tool. It allows you to design interactive prototypes of websites and applications using production components and real data.
Who this course is for
Students who are willing to start their carrier as UI developer



DOWNLOAD
uploadgig.com



rapidgator.net


nitro.download

High Speed Download

Add Comment

  • People and smileys emojis
    Animals and nature emojis
    Food and drinks emojis
    Activities emojis
    Travelling and places emojis
    Objects emojis
    Symbols emojis
    Flags emojis