叩丁狼H5前端课程体系

   *阶段:HTML5+CSS3网站开发

  主讲内容--HTML5、CSS3、PC端网站开发、移动端网站开发

  知识要点--HTML5:客户端和服务端交互原理、浏览器内核、语法及使用、常用标签、语义化、表单元素、HTML5新标签、编码规范、尺寸测量、切图等。CSS3:CSS常用属性、各种选择器、继承和优先级、数值与单位、文字文本样式、CSS盒,子模型、CSS背景技巧(圆角、阴影、过渡等)、定位和浮动、伪类和伪元素、、CSS高级技巧(精灵图、滑动门、CSS三角等)、布局样式、CSS兼容性问题、Google浏览器开发者工具调试技巧。

  实战项目--C端网站开发移动端网站开发

  项目名称--《仿OPPO官网》PC端项目实战、《仿小米官网》PC端项目实战、《仿小米移动端官网》移动端项目实战

  项目特点--电商网站架构搭建、*含网页动态效果、导航栏实现、矢量图标使用、购物功能、页面动效功能，媒体查询实现对响应式网站的开发。标准流、浮动流、定位流、当前项active、iconfont、过渡transition、动画animation、CSS3转换transform、HTML5语义化标签。

  学习目标--通过本阶段的学习，能独立通过HTML+CSS技术完成静态网页开发，同时具备跨终端(Mobile+PC)的前端开发能力。同时掌握圣杯布局、双飞K翼布局、流式布局、网格布局、弹性布局瀑布流布局、响应式布局等页面布局等以及各种CSS3动效属性。通过PC端网站项目开发,学握Bootstrap框架、Less.Sass等CSS预处理语言、oala编译、病毒软件解决方案、lazyload、Chrome Debug等;通过移动端网站项目(M站)开发，学握移动端flex布局、Rem布局、移动端主流适配方案(含iOS与Android)、移动端样式兼容方案、微信公众号内嵌网页技能等;在该阶段课程中多个经典案例实战，掌握浏览器常见兼容性开发，培养项目分析问题，独立开发和解决问题能力，同时培养代码调试技能。

  第二阶段:JavaScript网页编程

  主讲内容--JavaScript基础、Web APIs和网页特效、jQuery框架及项目实战

  知识要点--JavaScript基础:掌握浏览器内核、ECMAScript语法、JS数据类型、各种运算符、分支语句、循环语句、function函数、数组、内置对象、事件编程、DOM操作、JSON、预加载、预编译、数据类型转换、JS企业编码规范、断点调试等。Web APIs和网页特效:掌握各中常用的Web APIs,BOM核心内容、DOM高端编程、高级事件处理、JS浏览器兼容性、事件监听、定时器、高阶函数封装思想、动画函数封装、原生JS构建无缝轮播图、购物车功能、Tab栏切换等、返顶toTop、冒泡bug处理方法等、
立体轮播图、动画特效、导航菜单、瀑布流、3D旋转木马等多种网页特效等。jQuery框架:jQuery选择器、jQuery事件处理、jQuery文档处理、jQuery常用方法、Query动画效果、jQuery企业案例、jQuery插件、AJAX、jQuery-ajax、HTTP网页请求原理、JSON、jQuery项目实战、BootStrap框架等。

  学习目标--通过本阶段的学习，通过JavaScript+HTML+CSS技术可以让静态的网页变得更灵动，用户体验效果舒适，达到初级网页编程开发能力。并且，初步理解HTTP网页请求原理，能够使用JQuery做出动态网站效果，并理解其中浏览器请求数据的原理。在该阶段课程中多个经典案例实战，掌握浏览器常见兼容性开发，培养项目分析问题，独立开发和解决问题能力，同时培养代码调试技能。

  第三、四阶段:JS高级编程(含ES6)+前端热点面试题精讲+Node框架

  主讲内容--JavaScript高级、前端面试题精讲、Node框架

  知识要点--ES6/ES7:var和let的区别、常量、解构语法、模板字符串、对象简写、三点运算符、箭头函数、es6面向对象、继承、静态属性方法、promise、async+awaitJavaScript高级:面向对象思想、Object深入剖析、this深入分析、Function剖析、with和eval函数、JSON应用、闭*原理和应用、继承思想和应用、原型和原型链剖析、作用域和作用域链深入分析、正则表达式、高级函数进阶、设计模式和模块化思想、多种JS调试技巧等。前端面试题精讲:深入讲解闭*、递归、设计模式、函数、作用域、预解析、宏任务，微任务，async+await语法深入+1天面试热门Javascript编程题目讲解。Node框架:Node多版本管理器Nvm,NPM及其常用命令、Yarn、ES6模块化规范、nodejs常用内置模块、模块加载机制、模块和*、全局对象、CommonJS模块化规范、Node内置模块、异步和同步机制、AJAX 编程、跨域访问解决方案JSONP、事件驱动、Web安全密码学、Express 框架、数据库操作、RESTful 风格接口、jwt_ token、 七牛云对象存储、状态保持cookie/session 等。  学习目标--通过本阶段的学习，将彻底掌握JavaScript这门语言，学员可深入理解面向对象思维和逻辑，这也是笔试必考，并掌握最新的ES6/7语法，并掌握HTTP协议和请求/响应原理，掌握基于Node的后端开发，了解数据库等后端技术、学握AJAX和跨域访问技能，掌握会话存储与本地存储等高端技术，涉及网络安全攻防等，打通前后两端全栈开发的任督二脉。

  第五阶段:Vue全家桶和电商项目实战

  主讲内容--Vue全家桶开发技术、Vue电商项目实战

  知识要点--Vue框架:Webpack、MVM架构模式、各种内部指令、自定义指令、生命周期、计算属性、表单控件绑定、Class和Style绑定、Vue动画、事件处理、组件化思想和组件系统、组件通信、Vue脚手架(Vue CLI2和Vue CLI3)、Vue Router路由系统、Vuex状态管理、axios请求库等。

  项目名称--《叩丁狼严选》移动端项目

  项目特点--用Git管理项目源代码、采用最新ES6编码、商城首页管理、商品推荐管理、商品详情管理、商品分类管理、购物车管理、个人中心管理、企业级组件抽离和封装、Webpack项目打*和优化、Nginx、项目部署和发布等。

  学习目标--通过本阶段的学习，学员掌握Vue的全家桶技术，并且能够熟练使用Vue脚手架工程化方式搭建项目框架。按照企业真实开发环境，跟进接口文档教学完成整个项目的移动端的开发，项目打*，项目上线等。通过项目实战让学员掌握Vue全家桶在实际项目开发中如何运用，真实感受在企业中如何实现前后端分离式开发，培养项目分析问题，独立开发和解决问题能力，同时培养代码调试技能。

  第六阶段:微信小程序云开发项目实战  


主讲内容--微信小程序开发和云开发、电商小程序平台

  主讲内容--微信小程序开发:AppID申请、微信开发者工具、应用配置、Flex布局、小程序各种组件与各种API调用、WXML、WXSS、WXS深度学习、数据请求、文件操作、多媒体操作、路由跳转和传值、setData优化、云开发、云数据库、云存储、云函数等云开发技能。

  项目名称--《叩丁狼严选商城》

  项目特点--商城首页模块、商品详情、购物车模块、个人中心模块、逻辑层和业务层分离架构，涉及多个组件、组件高度封装、界面跳转、页面之间数据传递、模板抽取、FlexBox布局、合法域名配置、授权登录等。

  学习目标--通过本阶段的学习，学员学握小程序开发和云开发技能，并达到独立开发和部署能力，增强组件高度封装的能力和业务分析能力。培养项目独自分析、解决问题能力，同时培养代码调试技能，达到企业要求。

  第七阶段:React全家桶项目实战

  主讲内容--React框架、React实战项目

  知识要点--React框架:React脚手架、React安装和初始化、JSX语法特点、虚拟DOM和原生DOM对比、Diff算法、ES6编码的React组件、函数式组件、React高阶组件、React新特性Hooks、React的性能优化、React生命周期、路由原理、React-Router路由、React组件状态、组件通信、事件处理、React状态管理、Redux状态管理、React-Redux状态管理、redux-saga、Generator、dva、mock等。

  项目名称--《叩丁狼猿题库》移动端项目

  项目特点--使用React作为前端框架，全程使用ES6编码，create-react-app脚手架创建工程，react-router实现前端路由部署，redux,react-redux进行状态管理，Normalize.css进行初始规范化样式，直接使用Less进行样式管理，阿里的蚂蚁金服移动端UI框架antd-mobile的10+常用组件，封装自己的react组件，第三方组件的使用，进行前后端的联调，最终项目部署上线。

  学习目标--通过本阶段的学习，学员学握React前端框架技术，熟练使用React脚手架和技术完成前端项目开发。通过项目实战让学员掌握React框架在实际项目开发中如何运用，真实感受在企业中如何实现前后端分离式开发，培养项目分析问题，独立开发和解决问题能力，同时培养代码调试技能。

  第八阶段:Vue企业运营项目实战

  项目名称--《叩丁狼运营后台系统》企业运营项目

  项目特点--使用Git管理项目源代码、采用最新ES6编码、使用ElementUl技术、采用ECharts图表库、完成商城首页管理、商品推荐管理、商品详情管理、商品分类管理、购物车管理、个人中心管理的后台前端界面、企业级组件抽离和封装、Webpack项目打*和优化、Nginx、项目部署和发布等。

  学习目标--本项目是对Vue电商项目的补充，增加了运营端(后台管理系统)的前端开发，基于ElementUl和大数据图表技术Echarts,基于Vue框架的可视化处理vcharts,掌握管理系统最重要的角色权限处理。通过本阶段的学习，学员更加夯实Vue功底，并更熟悉Vue在企业中的一条龙开发，为*提供的*有力保障。

  第九阶段:Vue3.0+Vue项目的二次开发

  项目名称--《叩丁狼商品管理系统》二次开发(继续开发)

  项目特点--使用Git管理项目源代码、采用最新ES6编码、使用ElementUl技术、采用ECharts可视化图标库,模拟真实企业场景，在原本开发到一半的项目上继续开发(进入到一个新公司，更多时候项目并不是从零开始)。

  学习目标--掌握Vue3.0的一些新语法，对Vue3.0的使用以及和Vue2.0的区别，最后又为*增添了一把利刃。通过本阶段的学习，学员*当进入一个新的公司后，如何更加快速地熟悉项目。提高了学员面试通过之后，面对公司内部项目问题的解决能力。

  第十阶段:*阶段

  主讲内容--行业分析和职业规划、HR面试/技术面试指导、简历指导/修改简历/模拟面试、*辅导/*跟踪和推荐/售后服务;技术课程体系结束前1个月进行专业的*指导相关课程体系，学员毕业找*阶段，进行一对一*指导和*情况跟踪，及时解决学员*面试过程中遇到的一切疑难杂症,帮助学员尽快结业。学员*期间，实行终身保障计划，*中碰到比较难以解决的问题，可来校找老师沟通分析解决，不定期给老学员发放最新技术视频。