|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/web-30-portfolio-reactjs-spline-3d-framer-motions/
课程评论：没有评论
**课程名称：** Web 3.0 投资组合 - ReactJs, Spline 3D & Framer Motions **课程概述：** 本课程将指导您如何使用 React、Firebase 和 Material-UI 轻松创建一个全栈投资组合。 **课程模块：** 1. **项目概览 - 设置与配置** 2. **首页组件的样式设计** 3. **服务、关于、客户组件的样式设计** 4. **项目、联系、页脚组件的样式设计** 5. **使用 GSAP & Scrollreveal 动画化组件** 6. **在 Firebase 实时云数据库中存储数据** 7. **将项目部署到云端** **技术栈介绍：** * **Firebase：** 由 Google 开发，用于创建移动和 Web 应用程序的平台。 * **React：** 一个用于构建用户界面的免费开源前端 JavaScript 库，基于 UI 组件。 * **Spline：** 一个 3D 设计工具，类似于 three.js 编辑器，但无需编码。 * **Framer Motion：** 一个用于 React 的开源、生产级运动库。 * **Framer：** 一个设计和原型工具，允许使用生产组件和真实数据设计网站和应用程序。
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 & Configurations2. Styling Home Component3. Styling Services, About, Clients - Components4. Styling Projects, Contact, Footer - Components5. Animating the components using GSAP & Scrollreveal6. Storing data in Firebase Realtime Cloud Database7. Deploying Project in CloudWhat 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 JavaScript 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.
