通过开发 3 个项目掌握 CSS3 和 ReactJs
通过开发 3 个真实世界的项目来学习 CSS3、ReactJs、Fontawesome、Google 字体和响应式网页设计
讲师:Obify Consulting
口袋资源独家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 开发人员的人
声明:口袋资源网(koudaizy.com)提供的所有课程、素材等资源全部来源于互联网,赞助VIP仅用于对口袋资源服务器带宽及网站运营等费用支出做支持,从本站下载资源,说明你已同意本条款。