通过开发 3 个项目掌握 CSS3 和 ReactJs

通过开发 3 个真实世界的项目来学习 CSS3、ReactJs、Fontawesome、Google 字体和响应式网页设计

讲师：Obify Consulting

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你会学到什么

• 你将了解 CSS3 及其概念
• 你将了解 React JS 和使用可重用组件创建前端
• 你将了解 React JS 中的静态和动态路由
• 你将了解响应式网页设计和开发
• 你将了解 Font Awesome 和使用 Google 字体
• 我们将开发 3 个项目并学习 HTML、CSS 和 ReactJS 的每一个概念
• 你还将了解不同的调试技术
• 你将获得所有 3 个项目的完整源代码

要求

• 可上网的电脑

描述

在本课程中，你将学习 CSS3 和 ReactJs 的所有概念，它们不仅可以帮助你构建实际项目，还可以让你开始思考如何设计和开发响应式和生产级的前端。

你将学习在 React 中开发组件的所有基础知识，并继续学习复杂的主题，例如静态和动态路由。

我们将建设3个项目：

项目一 – 响应式投资组合网站

• 项目布局设置
• 处理菜单大纲
• 设置菜单部分的样式 – 1
• 设置菜单部分的样式第 2 部分
• 样式化菜单部分第 3 部分
• 造型身体部分 – 1
• 造型身体部分 – 2
• 使网站响应

项目二 – 时尚我们的服务部分

• 设置骨架
• 处理标记和布局
• 致力于造型和响应能力

项目三 – 房地产上市市场网站

• Github-Repo-Local-Setup
• 创建反应应用
• 代码清理
• 添加-谷歌字体
• React-How-it-works-VSC-Extension
• 创建-TopBar-Component
• 理解-JSX
• 造型-TopBar-Part-1
• 造型-TopBar-Part-2
• 添加-Fontawesome-Styling-TopBar-Part-3
• 造型-TopBar-Part-4
• 造型-TopBar-Part-5
• 造型-TopBar-Part-6
• 造型-Hero-Section-Part-1
• 造型-Hero-Section-Part-2
• 造型-Hero-Section-Part-3
• 造型-Hero-Section-Part-4
• 样式-侧边栏-部分-第 1 部分
• 样式-侧边栏-部分-第 2 部分
• 样式-侧边栏-部分-第 3 部分
• 样式-侧边栏-第 4 部分
• 样式-侧边栏-第 5 部分
• 样式-侧边栏-第 6 部分
• 样式-侧边栏-第 7 部分
• 处理列表项组件
• 使用 CSS 变量
• 在列表概览屏幕上工作
• 样式列表项目类别和时间部分
• 样式列表项目描述部分
• 处理Listing Detail组件的布局
• 在列表详细信息页面上添加侧边栏
• 样式化列表详细信息页面
• 处理列表详细信息页面元数据部分
• 为列表详情页面的图片部分设置样式
• 列表页面的样式标题和操作部分
• 设置列表详细信息页面的作者和发布时间部分的样式
• 为列表详情页面的描述部分设置样式
• 在列表详细信息页面上设置描述的第一个字母
• 为创建列表页面设置布局
• 在创建列表页面上工作
• 处理创建列表页面上的上传图标
• 样式化创建列表页面
• 为组件之间的路由安装 React Router Dom 库
• 为菜单项添加导航和路由
• 用于显示属性详细信息的动态导航

你还将获得所有三个项目的完整源代码，这将帮助你随时参考。

本课程适用于：

• 任何想成为专业前端 UI 开发人员的人