上海叩丁狼教育培训学校

上海叩丁狼教育培训学校

400-688-0112

全国学习专线 8:00-22:00
上海叩丁狼教育培训学校
上海口丁狼专注于 IT 线下教育培训的机构,服务于广大人民领域。 成功帮助学员掌握意向专业技巧 授课风格幽默风趣,擅于激发学员能力,促进学员独立思考、搭建并开发项目。

叩丁狼H5前端课程体系

叩丁狼H5前端课程体系

  前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出,来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互,随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。

授课机构: 上海叩丁狼教育培训学校

上课地点: 上海叩丁狼教育培训学校

开设班型:早班,晚班,周末班

费用:
获取报价
65人已报名报名
预约试听
在线咨询
叩丁狼软件测试课程
叩丁狼软件测试课程
剩余名额:3个开班提醒
叩丁狼UI设计课程体系
叩丁狼UI设计课程体系
剩余名额:2个开班提醒
叩丁狼Java课程体系
叩丁狼Java课程体系
剩余名额:3个开班提醒
叩丁狼H5前端课程体系
叩丁狼H5前端课程体系
剩余名额:4个开班提醒
课程介绍

◆ 适应人群:

  应届毕业生:即将步入社会,需要掌握过硬的技术作为入职敲门砖,为后续发展打下坚实基础。
  拖延症患者:想自学但总是半途而废,没有清晰的学习路线和动力,需要老师的监督和同学的陪伴。
  在职上班族:在传统行业工作,想转行互联网行业但不懂设计技术,希望通过学习快速入行。
  对编程感兴趣的人:想学习编程开发,希望通过知识改变自己的人生,文理科生均可。


◆ 课程特色:

  技能横跨多个平台高薪知识点,全覆盖,人技术讲解主次分明由浅入深快速上手,课程精炼实用贴合企业最新项目需求,项目驱动式教学锻炼你的编程思维,学练测评一-体化时检测掌握程度毕业后同步更新课程,持续提升职场竞争力。

课程大纲:

   *阶段: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个月进行专业的就业指导相关课程体系,学员毕业找工作阶段,进行一对一就业指导和就业情况跟踪,及时解决学员就业面试过程中遇到的一切疑难杂症,帮助学员尽快结业。学员工作期间,实行终身保障计划,工作中碰到比较难以解决的问题,可来校找老师沟通分析解决,不定期给老学员发放最新技术视频。