你将学到的
  • HTML 基本概念
  • JavaScript 基本概念
  • HTML/CSS/JS 构建 Web 应用
  • React 基本概念
  • CSS 基本概念
  • ES6 基本概念
  • TypeScript 基本概念
  • Fabric UI 框架使用
课程内容
  共10个章节
实验 1 HTML 简介

知识点: 1.什么是HTML 2.Web是如何工作的 3.文档结构 4.常见标签 5.表格 6.表单 7.有序列表和无序列表

实验 2 CSS 简介

知识点: 1.什么是CSS 2.CSS语法 3.CSS注释 4.CSS常见选择器 5.CSS创建 6.CSS常用属性

实验 3 JavaScript 简介

知识点: 1.什么是JavaScript 2.JavaScript用法 3.JavaScript变量 4.JavaScript函数 5.JavaScript事件 6.JavaScript逻辑语句 7.JavaScriptfor循环 8.JavaScriptDOM

知识点: 1.ES6解构赋值 2.ES6扩展运算符 3.ES6箭头函数 4.JSfilter()方法 5.JSmap()方法 6.JSforEach()方法

知识点: 1.React安装及简单操作 2.React元素渲染 3.ReactJSX 4.React组件 5.函数声明 6.类声明 7.计数器

实验 6 构建一个静态页面

知识点: 1.Todo头部 2.Todo列表 3.Todo列表项 4.Todo底部

实验 7 用户交互效果

知识点: 1.添加状态到TodoApp 2.拆分TodoListItem组件 3.存储输入框的值 4.将输入框的值存储到todos中 5.todos的渲染 6.Footer部分

实验 8 TypeScript 简介

知识点: 1.TypeScript安装及开发工具 2.TypeScript基础类型 3.TypeScript函数 4.TypeScript接口

实验 9 Todo App 里的 TypeScript

知识点: 1.传统js和jsx与ts和tsx的区别 2.改写之前的准备 3.编写TodoListProps 4.改写appjs 5.TodoList和TodoListItem部分 6.Header部分 7.Footer部分

知识点: 1.开始之前的准备 2.整体布局的修改 3.Header部分 4.TodoList和TodoListItem部分 5.Footer部分

课程介绍

本课程将从最基础的 HTML/ CSS 讲起,使用其构建一个待办事项 TODO 应用。此外,课程将使用 TypeScript/React/Fabric 等技术对项目进行重构,学习更为进阶的前端本领。通过本课程的学习,你能够将概念性知识融入到实战项目中,并从 0 到 1 做成一个 Web 应用。

课程难度

  • 中等

适合人群

  • 本课程适合零基础想要学习 React 框架,通过从最基础的 HTML 到 React 的学习,去完成一个小型项目。如果你想快速上手 React 框架,本课程是你非常好的选择。

版权声明

课程改编自 Microsoft 的开源项目,该项目使用 CC BY 4.0 LICENSEMIT LICENSE。在原 LICENSE 的许可范围内,我们对原英文内容进行了编译以便于理解,同时补充和修改了部分代码以适配实验楼在线环境。

课程信息

  • 学习周期:课程有效期 2 个月,2 个月后无法进行在线实验,但可查看文档内容。高级会员有效期内可一直学习,到期后课程失效,且无法查看文档。部分云主机实验环境因成本较高,存在开启次数限制。关于课程退款等相关注意事项说明,请阅读 用户付费协议
  • 版权说明:课程内容为实验楼原创或实验楼在原作者授权下制作。未经书面同意,擅自爬取、转载和再分发课程内容,均将受到严肃追责。
  • 企业团报:企业购买,请点击 企业用户咨询
课程教师

Sny 共发布过 13 门课程

查看老师的所有课程 >
蓝桥楼+
蓝桥会员
会员
开通会员,即刻开始学习