集团站切换校区

html5课程体系

HTML5高级前端工程师

课时总数:390课时

课程介绍

课程培训安排:
全日脱产班,早9:00-下午5:00 周一至周五上课。
在职周末班,早9:00-下午5:00 周六或周日上课。
在职晚班,晚19:00-晚21:30 周一到周四上课。
了解培训费用、开班时间、培训方式、免费试听可直接在线咨询或者电话咨询:
在线咨询
24小时电话咨询:13558330912
+QQ咨询:450959328

+微信咨询:630792661


  一.课程大纲

        4.1. 第一阶段:H5基础课程(10个工作日)

        4.1.1. 课程目标:

  •                能够在linux/windows系统进行H5开发
  •                掌握程序语言的开发基础
  •                掌握HTML标签使用,CSS样式布局规划,JavaScript脚本逻辑,能够利用HTML基础知识进行稍微复杂的页面规划
  •                掌握HTML5概念和新增标签属性内容,CSS3新增样式属性
  •                能够使用HTML5进行页面的规划和实现

        4.1.2. 课程内容:

        4.1.2.1. HTML语言基础

        HTML介绍和发展历史,编程工具介绍和使用,体验HTML编程,掌握HTML标签使用

        4.1.2.2. CSS层叠样式表

        CSS概念和功能介绍,重点知识掌握:CSS基础选择器,CSS高级选择器,CSS盒模型和定位,DIV+CSS布局,浏览器兼容

        4.1.2.3. JavaScript脚本

       JavaScript概念介绍,发展历程,JS重点知识掌握:JS数据类型,函数,事件处理,this关键字,循环判断语句,运算符,JS面向对象,DOM操作,BOM操作

       4.1.2.4. HTML5介绍

       HTML5概念和发展历程,功能特点,重点知识掌握:HTML5新增标签,HTML5新表单元素和属性,新结构元素

       4.1.2.5. CSS3

       CSS3概念介绍,CSS基本语法回顾,CSS3圆角,渐变,文本,动画,多媒体查询线

       4.1.2.6. 项目实战

        企业级网站布局,git版本控制工具的介绍和使用

     4.2. 第二阶段:HTML5和移动Web开发(25个工作日)

      4.2.1. 课程目标:

  •        了解和掌握响应式网页布局原理
  •        掌握jQuery框架介绍和使用
  •        掌握jQuery easyUI前端框架控件
  •        掌握bootstrap前端框架介绍
  •        移动web开发技术介绍
  •        移动开发框架介绍和项目实战

        4.2.2. 课程内容:

        4.2.2.1. 响应式网站布局

        网站响应式介绍,原理,利用JS和CSS3实现网站响应式

        4.2.2.2. jQery框架

        jQuery框架概念和发展历程,基本语法,重点掌握知识点:jQuery选择器,jQuery操作DOM,特效动画

        4.2.2.3. jQuery easyUI前端框架

        easyUI概念和应用场景介绍,基础空间,布局管理,菜单,按钮,表单,窗口,表格和树jquery-easyui底层用户交互、动画、特效和可更换主题的可视控件的学习

        4.2.2.4. Bootstrap

        Bootstrap是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷

        4.2.2.5. 移动web开发

        跨终端web和主流设备介绍,流式布局,弹性盒模型,移动端JS事件介绍,移动端常见效果制作,相关技术介绍:Zepto, Angular,iScroll,Sass,ECharts,Highcharts

        4.2.2.6. 前端工作流架构框架介绍

        NodeJs简介,Less,Gulp,bower,Typescript,webpack,git,github

        4.2.2.7. 流行JS框架介绍

        Vuejs:概念介绍,模板,渲染,事件处理,表单绑定,组件,混合,指令,过滤器,路由,过渡和动画,生产环境部署

        Angularjs:概念介绍,模板和数据绑定,表单,注入依赖,网络请求,路由和导航,测试

        4.2.2.8. 实战项目

        格瓦拉电影网站/boss直聘网站/京东商城移动web端


 

        4.3. 第三阶段:H5混合移动应用开发(30个工作日)

        4.3.1. 课程目标:

  •         掌握ionic开发框架
  •         掌握React Native开发流程
  •         掌握HTML5+
  •         掌握Node.js快速开发
  •         掌握微信小程序开发
  •         综合项目实战

        4.3.2. 课程内容:

        4.3.2.1. Ionci

        Ionic简介和同类对比,ionic css布局 ,  ionic js指令布局,  ionic路由 页面切换, ionic-tabs, ionic侧边栏ion-side-menus , ionic列表 ion-list,常见效果

        4.3.2.2. HTML5+

        HTML5+中国产业联盟,HTML5 Plus Runtime环境,HBuilder开发工具,MUI框架,H5+开发和部署

        4.3.2.3. 微信小程序

        微信小程序介绍,开发流程介绍,项目创建,部署,框架介绍,组件(view,swiper,icon,text,progress,

button,form,导航,媒体组件,地图,画布等),常用API介绍,开发工具介绍

        4.3.2.4. Node.js

        Node.js简介,环境搭建,快速入门,核心模块和对象,Web开发基础,快速开发框架

        4.3.2.5. 综合项目实战

        猫眼电影/干货/豆瓣电影(ionic项目和MUI项目,包括nodejs后台编写)

项目效果展示:





免费申请体验 立即咨询
在线咨询 ×

您好,请问有什么可以帮您?我们将竭诚提供最优质服务!