课程信息

主流的前端开发框架，通常是一个典型的MVVM结构，随着版的不断迭代，功能越发强大，渐渐成为前端开发的首选和必备，许多大型的企业都纷纷将各类框架应用到自己的项目中，虽然该框架入门易，但精通很难，必须要有实战开发的经历。

本课程从最基础的项目构建讲起，详细介绍 Angular、react和 node.js的方方面面，包含组件的定义、传值和路由、指令的定义和应用，并结合最新的案例，讲述框架开发项目的流程和注意事项，最后，完整地介绍了项目上线后的代码测试和部署过程。

培训特色

本课程是Angular、react和 node.js 技术深度的学习，理论与实例完整结合，每一个概念都精选了一个完整的实例，增强学员动手能力。案例内容完整全面，每一块知识点都包含了的全部内容和最前沿技术，旨在解决最真实、最实际的项目问题。

目标收益

学习Angular和react基础开发的全部功能。

学会如何在项目中应用Angular和react框架开发。

掌握在项目中定义和使用组件的过程。

了解路由和指令应用的方法和技巧。

理解并掌握项目上线和部署的流程。

授课对象

正在从事传统PC端Web页面的技术开发人员。

希望从事移动端WebApp应用开发的技术人员。

对前端技术感兴趣，希望从事这方面工作的人员。

掌握一些传统的前端开发技术，想进一步学习移动端应用开发的人员。

学员基础

了解JavaScript、HTML、ES6语言

熟练使用CSS和CSS3样式

了解前端开发流程或前端主流框架

课程大纲

1. HTML5页面元素使用

      1.1常用的HTML5元素

      1.2新增的HTML5表单元素

      1.3表单元素的属性和方法

      1.4元素的使用规则和注意事项

2. CSS3 样式布局页面

      2.1样式的使用方法

      2.2BEM命名规范

      2.3元素的浮动和定位布局

      2.4CSS3中动画和特效

      2.5CSS3 用法与技巧

      2.6CSS3 案例实战

3. Node.js和npm基础

      3.1配置Node.js运行环境

      3.2如何使用node命令

      3.3Node.js模块知识

      3.4npm基础

      3.5开启一个Node.js项目

      3.6搭建Node.js项目开发环境

4. 快速开启Angular项目

      4.1初识Angular CLI

      4.2搭建Angular开发环境

      4.3Angular CLI常用命令和选项

      4.4Angular项目结构概述

      4.5如何启动Angular项目

      4.6Angular项目的启动过程

5.Angular组件详解

      5.1什么是Angular组件

      5.2组件模板的种类

      5.3组件样式

      5.4组件类的构成

      5.5组件类与模板的数据绑定方式

      5.6组件的生命周期

      5.7组件的交互

6.Angular模板

      6.1Angular模板语言基础

      6.2模板表达式和模板语句的基本用法

      6.3模板引用

      6.4Angular数据绑定知识总结

7.Angular指令应用

      7.1Angular结构型指令

      7.2Angular属性型指令

      7.3创建指令

8.Angular模块

      8.1什么是Angular模块

      8.2常用内置模块

      8.3Angular模块业务分类

      8.4如何正确地分割模块

9.Angular路由功能

      9.1Angular路由简介

      9.2简单的路由配置

      9.3路由器状态

      9.4路由器触发的事件

      9.5在路由中传递参数

      9.6路由守卫

      9.7路由器的延迟加载

10. Angular服务和依赖注入

      10.1为什么需要服务

      10.2什么是依赖注入

      10.3创建可注入的服务类

      10.4选择注入器

      10.5在类中注入服务

11.初识React

      11.1资源文件

      11.2资源仓库

      11.3React 开发者工具

      11.4安装Nodejs

12.JavaScript 新特性

      12.1声明变量

      12.2创建函数

      12.3编译JavaScript

      12.4对象和数组

      12.5JavaScript 异步编程

      12.6类

      12.7ES6 模块

13.JavaScript 函数式编程

      13.1函数式编程是什么意思

      13.2命令式和声明式

      13.3函数式编程基本概念

14.React 运行机制

      14.1页面设置

      14.2React 元素

      14.3ReactDOM

      14.4React 组件

15.在React 中使用JSX

      15.1使用JSX 创建React 元素

      15.2Babel

      15.3使用JSX 编写菜谱应用

      15.4React 片段

      15.5webpack 简介

16.React 状态管理

      16.1构建一个星级评价组件

      16.2useState 钩子

      16.3为提高可重用性而重构

      16.4组件树中的状态

      16.5构建表单

      16.6React 上下文

17.使用钩子增强组件

      17.1useEffect 介绍

      17.2依赖数组

      17.3深入检查依赖

      17.4钩子使用规则

18.处理数据

      18.1请求数据

      18.2渲染属性

      18.3虚拟化列表

      18.4GraphQL 简介