前端零基础入门

课程目标

本阶段做为前端工程师******门必修课，从简单标签知识到布局基础的学习。可以将UI设计稿转化成静态页面，虽看似平淡，但在行家的手中，却可演化出万千魅力

课程内容

【页面结构层HTML】：

了解HTML对于网页的意义
学习常用标签/属性，进行结构搭建
掌握标题标签/段落标签
学习表单标签/属性，能创建常见表单结构
掌握标签嵌套规则/行内元素/块元素的使用
结合表格标签/属性实现企业网页结构搭建

【页面美化师CSS】：

掌握语法，选择器的使用，快速实现样式设置
学习文字、背景和列表等常见属性
盒子模型核心知识讲解，深入理解原理
浮动与定位核心知识，灵活运用实现网页布局
常见布局方法，解决布局常见问题
结合HTML标签与CSS属性实现企业网页布局

【页面结构升级HTML5】：

了解HTML5与HTML区别
理解HTML5布局和div布局的不同
掌握HTML5的新特性和应用
精通HTML5语义化标签实现方式
使用语义化标签实现企业网页布局

【升级页面化妆师CSS3】：

掌握CSS3新增选择器/新增样式属性
如何绘制圆角边框/阴影框/图片边框等特殊图形
掌握元素扭曲/移位/旋转，更自由的装饰HTML
运用过渡与动画，实现炫酷效果
运用CSS3样式和动画知识绘制卡通机器猫

【让页面动起来的JS】：

JS基本语法、DOM操作和BOM
介绍JS变量声明与类型转换
讲解JS运算符操作/条件分支语句/循环语句
掌握JS内置对象与函数基础
结合HTML/CSS/JS开发电商网站的轮播图******

【综合实战案例】：

了解雪碧图/精灵图
掌握 PS切图，并结合编程技术还原设计稿
掌握CSS3过渡与 animate动画的综合运用
掌握使Chrome调试工具进行页面调试
结合CSS3过渡/动画/JS，******编写H5******网页

【独立完成项目--开发电商网页】：

3种(CSS、JS、组件)经典电商网站的实现方法
选项卡切换的具体操作
实现按需加载/延迟处理功能
表单提交的验证对比
3种(淡入淡出、滑入滑出、按需加载)封装轮播图组件的方法
经典电商网站的定位导航/Tab组件的开发
结合组件化编程，完成PC端Oracle商城首页布局与******开发

快速网页开发、移动端开发

课程目标

本阶段在运用JS实现动态网页开发的基础上，带你深入理解企业开发核心思想，完成一个企业级网页的开发，体验快速开发网站的方法，感受前端工程师的成就感

课程内容

【让网络贯穿项目--前端网络】：

了解网络请求的方法
深知三次握手四次挥手原理
了解七层网络协议
熟练掌握HTTP、HTTPS、GET、Post

【***少的代码，干***多的事-JS库--jQuery】：

熟练使用jQuery选择器与DOM知识操作HTML元素
掌握jQuery动画与事件，开发网页******
熟悉原生AJAX请求流程与细节，并掌握常见跨域技巧
基于jQuery的AJAX相关API熟练开发常见的前端功能
完成交互开发效果

【无需干涉js的库文件--BootStrap】：

熟练掌握栅格系统、媒体查询
掌握boot中各类名样式
熟练运用BootStrap各类名之间配合

【移动的方式书写新的篇章-移动端】：

移动端开发测试，viewport 视口设置，像素比
X5内核强制竖屏或横屏显示，X5内核全屏显示
UC强制竖屏或横屏显示，UC全屏显示
移动端的默认样式清楚，-webkit-tap-highlight-color，-webkit-appearance，-webkit-user-select，-webkit-text-size-adjust， Font Boosting的问题，Fixed在移动端的问题
IOS的body的overflow问题，常用适配方案，rem

【移动端项目--手机电商项目】：

移动端经典适配方法
viewport、DPR、DPI
通过计算做出移动端适配效果
3种******适配方法
hotcss、rem、em、vw、vh
使用***火的手段，******进的技术完成高深适配

Vue与React基础框架开发

课程目标

本阶段深入研讨开发机制，模块化开发快速、******。也让前端工程师有了更多的展现机会，本阶段带你从模块化知识的学习到React开发，及小程序开发，让你PC端与移动端两端通吃

课程内容

【学习高级框架的阶梯ES6基础】：

了解ES6与ES5的区别
掌握babel转换器的使用
如何运用ES6 Promise异步编程
使用Class类，更好的面向对象编程
掌握数组，对象，字符串函数的扩展
掌握箭头函数的应用
结合ES6知识实现图片切换******案例

【Vue.js-版本2、Vue.js-版本3+个人博客+美团项目】：

掌握Webpack项目构建配置与项目打包流程
掌握基础语法与常见API
组件的使用及组件的生命周期
Axios网络请求及路由使用
Vuex的引入、应用场景及项目中的实现
使用Vue.js技术栈进行项目开发的方式方法
结合Flex/Rem/Swiper/Mint UI框架，开发Oracle商城首页/分类页/搜索页开发

【React基础知识+实战案例】：

理解React的开发理念与内部原理
React的基本使用及Ant Design组件库进行项目开发
使用React封装项目中用到组件，实现复用
React项目中常见问题的解决方案
如何运用React-Redux进行状态管理
声明式编程的思想与组件化开发的思想
运用React组件完成新闻网站项目常见功能开发

【小程序基础与实战案例】：

了解小程序注册流程/注册方式/注册主体
小程序的生命周期ActionSheet组件
小程序基础语法与常用API
小程序开发工具的调试办法
小程序多页面下的开发工作流及目录结构
结合Flex/Swiper/Template模板，开发新闻小程序欢迎页/列表页/新闻详情页

Vue与React高级框架开发

课程目标

本阶段带你深入前端开发的原理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的******battle

课程内容

【学习高级框架的阶梯ES6基础】：

了解ES6与ES5的区别
掌握babel转换器的使用
如何运用ES6 Promise异步编程
使用Class类，更好的面向对象编程
掌握数组，对象，字符串函数的扩展
掌握箭头函数的应用
结合ES6知识实现图片切换******案例

【Vue.js基础+电商支付平台实战】：

掌握Webpack项目构建配置与项目打包流程
掌握基础语法与常见API
组件的使用及组件的生命周期
Axios网络请求及路由使用
Vuex的引入、应用场景及项目中的实现
使用Vue.js技术栈进行项目开发的方式方法
结合Flex/Rem/Swiper/Mint UI框架，开发Oracle商城首页/分类页/搜索页开发

【React基础知识+实战案例】：

理解React的开发理念与内部原理
React的基本使用及Ant Design组件库进行项目开发
使用React封装项目中用到组件，实现复用
React项目中常见问题的解决方案
如何运用React-Redux进行状态管理
声明式编程的思想与组件化开发的思想
运用React组件完成新闻网站项目常见功能开发

【就业必备的技术面试分析】：

H5语义化/CSS布局/定位/图文样式/响应式解题技巧
原型和原型链的5个原则与解题技巧
变量类型/计算/构造函数的解题技巧

作用域和闭包的执行上下文/this解题技巧
异步和单线程/常见的内置对象解题技巧
DOM本质/节点操作/BOM操作解题技巧
AJAX与事件解题技巧

就业指导+大牛面试指导

课程目标

本阶段带你深入各大厂面试题、面试经验大牛亲自传授******秘笈。针对各大厂一对一深入就业指导

课程内容

【源码+面试题】

Object.defineProterty原理，数据绑定原理，仿真Vue源码
Proxy原理，虚拟dom原理
仿真虚拟dom实现数据渲,介绍vue3.0+vue3函数式开发
es6的promise写法
徒手实现promise源码，经典面试题讲解

【复习和就业指导】

一对一针对学员就业指导，模拟面试，结合学员自身匹配剖析