|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-js-portfolio-website-with-theme-customization/
课程评论：没有评论
**课程名称：React JS 作品集网站及主题定制** **课程概述：** 该课程专为所有级别的 React 开发者设计，旨在帮助您构建一个完美的响应式作品集网站，以展示您的项目。课程将详细讲解从源码、素材到托管折扣链接和免费域名的每一个步骤。您将学习现代 React 和 CSS 的最佳实践，并掌握易于使用的工具，为项目添加惊人的功能。 **课程亮点：** * **完整的主题定制功能**：用户设置的主题将存储在浏览器本地存储中，即使刷新或关闭浏览器，用户上次的主题设置仍将保留。 * **滚动动画（Animate-On-Scroll）** * **便捷的联系方式**：支持 WhatsApp、Messenger 和邮件联系。 * **自动滚动轮播/幻灯片**：用于展示客户评价。 * **作品集项目过滤功能** * **常见问题解答（FAQs）切换功能** * **优雅的浮动导航栏**：适用于平板电脑和手机。 * **以及更多！** **您将学到：** * 使用 React 18 构建现代响应式应用/网站。 * React Hooks 的使用，如 `useState`、`useEffect`、`useRef`、`useReducer` 等。 * 创建和使用自定义 React Hooks。 * Context API 和 `useContext` Hook 的使用。 * React Portals 的使用。 * 创建可复用的 React 组件。 * 实现主题定制功能并将其持久化到 LocalStorage。 * 使用 SwiperJS 创建轮播/幻灯片。 * 为作品集项目添加过滤功能。 * 使用 CSS3 变量进行高效的项目定制。 * CSS 定位。 * Flexbox 和 Grid 布局系统的使用。 * 使用 CSS Media Queries 创建响应式网站。 * 响应式单位的使用，如 `rem`、`%`、`vh` 和 `vw`。 * 创建优雅的浮动导航栏。 * **以及更多！**
Source Code, Assets, Hosting discount link, and Free Domain are all included in this course!This course is for ALL levels of React Developers looking to build THE PERFECT PORTFOLIO website to showcase their work.My approach to this course is simple. I will explain every step needed to create this amazing responsive portfolio website (without wasting your time). You will learn modern React and CSS best practices, together with easy-to-use tools that'll add astonishing functionalities to the project.By the end of this course, you will have a full-featured, modern, responsive portfolio website with:Complete theme customization functionality that stores theme state/value in your browser's local storage. This way your clients will have their last theme settings saved even if they close their browser or refresh the page.Animate-On-Scroll featureConvenient Contact Options (WhatsApp, messenger, mail)Auto-scroll carousel/slides for testimonialsFilterable portfolio projectsFAQs toggle featureElegant Floating Navbar (for tablets and phones), and more!Throughout the course, you will learn:How to Build Modern and Responsive Apps/Websites using React 18How to use React Hooks like (useState, useEffect, useRef, useReducer, and more)How to Create and use Custom React HooksHow to use the Context API and the useContext HookHow to use React PortalsHow to create Re-Usable ComponentsHow to add a Theme Customization feature that persists to LocalStorageHow to Create carousel/slides with SwiperJSHow to add Filtering to your portfolio projectsHow to use CSS3 Variables for efficient project customizationCSS PositioningHow to use Flexbox and Grid SystemHow to use CSS Media Queries to create responsive websitesHow to use Responsive units like rem, %, vh, and vwHow to create an elegant Floating Navbar for your website, and more!
