本周将开启前后端数据交互的学习，来理解前后端开发的区别，了解网络通信的相关概念，并对与后台通信、获取数据有一个初体验。概念比较抽象，先作为了解。在后面项目开发环节，随着对知识的运用，对概念会有更深一步的理解。
课程安排：1、了解如何区分前后端 2、理解HTTP协议，熟悉网络通信相关概念 3、学习本地存储的多种方式，了解数据缓存机制 4、了解JSON数据的几种书写格式 5、熟悉原生Ajax请求流程与细节 6、掌握常见的跨域技巧 7、学习如何自己封装Ajax 8、了解基于promise的Ajax插件——Axios
项目实战：仿穷游组件化开发
组件化开发是一种高级编程思想，适用于团队协作开发，是企业中常见的一种开发模式。本周会使用组件化方式来完成“仿穷游商城首页”的重构。掌握组件化开发能够更好的促进团队协作，提高开发和调试效率，可维护性更高。
课程安排：1、综合运用H5/CSS3/ES6等知识，使用“组件化的开发思想”重构旅游网首页 2、了解项目组件化划分方式 3、了解模块化与组件化区别 4、采用模块化与组件化结合的开发方式 5、使用Webpack构建项目 6、运用 art-template 模板引擎，高效开发 7、真实的数据接口，实现前后台联动 8、通过自己封装的Ajax向后端请求数据 9、使用Class、Module模块完成轮播图的基类，实现模块化，提高复用率
移动基础
移动开发基础是进行webApp开发第一步。本周将开启前端学习的新篇章。通过移动端基础知识的学习，能够独立实现适配不同移动端终端的页面。
课程安排：1、了解移动基础概念 2、了解移动端屏幕、移动端浏览器、操作系统的不同 3、掌握Flex布局的使用 4、掌握移动端常用的rem和vw适配方案 5、学习流体布局的使用
移动进阶之高效开发
移动端高质量的开发，是移动端开发的必备技能。本周继续移动端的学习，学习移动端的事件、开发中的常见问题，以及如何使项目的性能更加优化。
课程安排：1、掌握移动端常用的touch事件 2、掌握Grid网格布局 3、学习响应式布局 4、移动端开发中常见的问题 5、学习如何从HTML、CSS、JavaScript三方面优化性能
项目实战：仿穷游移动webapp开发
接下来的一周，我们将迎来webApp项目的开发，实现从PC端开发迈向移动端。从项目分析、组件划分、结构搭建、功能实现、性能优化。体验真实企业中移动端项目的开发流程
课程安排：1、综合运用H5/CSS3/ES6/移动知识，重构旅游网WebAPP的首页、目的地页 2、符合企业标准的开发流程，从项目分析、项目搭建、模块开发到数据对接 3、采用模块化与组件化结合的开发方式 4、使用Webpack构建项目 5、运用 art-template 模板引擎，高效开发。 6、完成 18 个典型组件开发（搜索、商品、导航等组件） 7、运用Swiper高效移动端插件开发轮播图 8、使用Ajax 处理与获取数据 9、如何处理多次请求的解决方案 10、如何运用组件化思维，拆分和复用组件 11、完成各组件性能的优化
阶段三： 小程序与Vue3.x全栈开发
19门课·课程总时长：58小时·练习题：175·大作业：3·考试：1·教辅资料：10
小程序基础与慕课小程序实战
本周开始学习爆火的轻应用开发技术——小程序 。通过对小程序知识的学习，能够独立开发企业级小程序，拥有解决主流小程序功能需求的能力。
课程安排：1、大项目：结合Flex/Template模板，开发慕课小程序首页/活动页/热门排行页 2、了解小程序注册流程/注册方式/注册主体 3、小程序的全局生命周期和页面级生命周期 4、小程序基础语法与常用API 5、小程序开发工具的调试办法 6、小程序多页面下的开发工作流及目录结构
Sass基础与Vue.js基础语法
Vue.js是企业开发另一热门框架，易用、灵活、高效，对于初学者很友好。本周通过对Vue.js基础和Sass布局技术的学习，为后续的全栈项目开发打下基础。
课程安排：1、掌握Webpack项目构建配置 2、掌握基础语法与常见API 3、组件的使用及组件的生命周期 4、Axios网络请求及路由使用 5、Vuex的引入、应用场景及项目中的实现 6、使用Vue.js技术栈进行项目开发的方式方法 7、掌握Sass布局基础
项目实战：Vue.js仿京东到家电商全栈项目前端开发（上）
从本周开始进入到电商全栈项目开发，首先使用Vue.js前端实战的第一部分首页和商家详情页，还原实际开发流程，综合运用所学知识，完成页面开发，掌握开发中常见问题解决技巧。
课程安排：1、综合运用Sass和Vue.js完成登录页/注册页/首页/商家详情页 2、使用vue-cli4.0创建开发环境 3、使用axios发送Mock请求 4、使用路由守卫实现基础登陆校验功能 5、动态路由/异步路由与组件拆分复用 6、首页/商家详情页数据渲染 7、Vue.js项目中常见问题的解决方案
项目实战：Vue.js仿京东到家电商全栈项目前端（下）
Vue.js前端项目实战的第二部分，实现电商核心业务订单和地址管理模块，掌握开发中常见问题解决技巧，真实数据访问，开发完整的Vue.js电商前端项目。
课程安排：1、综合运用Sass和Vue.js完成订单提交页/地址列表页/地址编辑/地址新建页 2、使用axios发送Mock 请求 3、动态路由/异步路由与组件拆分复用 4、订单提交页/地址列表页数据渲染 5、Vue.js项目中常见问题的解决方案 6、步骤大作业：完成订单列表页和购物车列表页开发
全栈必备基础Node.js
学前端不止于前端，从本周开始学习服务端基础知识，掌握什么是服务端以及服务端必备node.js，夯实基础，迈进前端全栈开发。
课程安排：1、案例：搭建node.js服务器及创建MongoDB数据库 2、了解什么是服务端，服务端与前端的关系 3、掌握commonjs模块化与npm插件使用 4、掌握inspect调试方法
koa2中间件与MongoDB数据库
真实企业开发离不开数据库，Koa2框架有效的提高开发效率，本周掌握前端必备的前端全栈开发知识，为后面开发全栈项目蓄力。
课程安排：1、了解koa2中间件与洋葱圈模型 2、了解关系型数据库与MongoDB基础API详解 3、掌握node.js操作MongoDB方法与mongoose规范数据模型
项目实战：node.js仿京东到家电商全栈项目后端开发
本周开始进入到电商全栈项目的后端开发，对标企业标准开发流程。从登录实现方案、项目需求分析、接口和数据结构设计到业务开发，帮你打通前后端任督二脉，突破全栈技术瓶颈，为就业加码。
课程安排：1、综合运用Node.js+koa2+MongoDB，实现电商全栈项目的后端 2、掌握企业的开发流程与技巧，从0到1一步步实现 3、项目采用前后端分离开发模式 4、核心业务的数据库设计与实现 5、真实数据接口和设计与实现 6、Koa工作流程及常见Koa中间件使用 7、掌握前后端数据联调技巧，打通前后的数据交互 8、常见MongoDB与nodejs集成 9、了解cookie 和session的关系 10、大作业：订单和购物车列表页的数据库和接口设计
阶段四： TS&ReactJS开发与工程化构建
10门课·课程总时长：62小时
TypeScript与React.js基础语法
TypeScript和React.js是企业开发热门框架之一 。通过对TypeScript和React.js基础的学习，为后续的旅游项目开发打下基础。
课程安排：1、理解JSX 语法与编程思想React UI 渲染原理 2、掌握模块化样式加载与事件处理 3、了解TS编译流程及配置TS编译器 4、掌握副作用钩子使用及其作用 5、掌握类组件与高阶组件解决交叉问题 6、了解并掌握类组件于函数式组件区别于应用 7、掌握组件间数据传递及组件的生命周期
React欢乐购开发与工程化
使用 TS + React 进行「欢乐购」项目的开发，及最终实现git部署和gulp工程化，掌握构建企业级项目和解决核心业务问题的能力，快速接入企业项目。
课程安排：1、综合运用TypeScript和React.js项目的前端页面 2、包括闪屏、登录&注册功能开发、首页基础业务模块开发及倒计时&更多功能开发、商品内容搜索（热门搜索、历史搜索及删除功能）及搜索列表页开发、附近门店（定位功能）及门店切换功能开发。
就业必备基础技术面试分析
面试是通往成功就业的关键一步，本周包含布局基础以及JS和ES6等常见考点和经典面试题分析，带你把知识串成线，掌握前端面试技巧，顺利通关基础技能面试。
课程安排：1、H5语义化/CSS布局/定位/图文样式/响应式面试解题技巧 2、原型和原型链的5个原则与面试解题技巧 3、变量类型/计算/构造函数的面试解题技巧 4、作用域和闭包的执行上下文/this面试解题技巧 5、异步和单线程/常见的内置对象面试解题技巧 6、DOM本质/节点操作/BOM操作面试解题技巧 7、AJAX与事件解面试题技巧
就业必备框架与全栈技术面试分析
框架、小程序以及全栈相关内容也是面试必考。本周带大家梳理的常见考点和经典面试题分析，理清面试解题方法论，完成最后一厘米的冲刺。
课程安排：1、Vue.js原理/MVVM面试解题技巧 2、组件生命周期/父子组件传值面试解题技巧 3、组件异步加载/缓存/抽离公共逻辑面试解题技巧 4、vue-router/data监听面试解题技巧+5道Vue.js真题演练 5、React基础语法/事件面试解题技巧 6、React组件生命周期/父子组件通讯面试解题技巧 7、React函数组件与class组件区别面试解题技巧 8、Redux/react-router面试解题技巧 9、简历制作指导、投递与面试流程与技巧
阶段五： 高级实战项目实践
2门课·课程总时长：40小时
Vue3+Vite+TS+NestJS突破企业级管理后台开发
结合最新技术栈，vue3.2+vite4+ant-design-vue组件库完整的管理后台业务，包括：登录、权限、小慕读书电子书上传、管理、解析等，基于NestJS最新后端框架的企业级后端项目开发
课程安排：1. 基于vue3+vite4+ts+nestjs等最新技术栈的管理后台全栈项目开发2. 完整实现小慕读书的前后端项目开发
React18+TS+NestJS开发企业级培训平台
React18 的颠覆级更新不在于新的 API，而在于底层渲染机制的变化，本课程带你深入了解并发渲染（concurrent rendering）的原理，使用，和如何升级老项目。
课程安排：1、React 18， TS，NestJS 全栈项目。
阶段六： 深入底层源码
2门课·课程总时长：40小时
Vue3源码剖析
解构Vue3源码，掌握框架核心，实现精简版 Vue 3。
课程安排：1、创建测试实例，跟踪、讲解源码执行逻辑，实现Vue3框架。
React18源码剖析
手写5000+ 行代码， 1:1 高质量还原官方React源码。
课程安排：提取源码思维，快速带实现一个简单的 React 框架
暂无评论内容