集团站切换校区

html5课程体系

HTML5高级前端工程师

课时总数:390课时

课程介绍


  一.课程大纲

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

      课程目标:

      ●  能够在Linux/Windows系统进行H5开发。

      ●  掌握程序语言的开发基础。

      ●  掌握HTML标签使用,CSS样式布局规划,JavaScript脚本逻辑,能够利用HTML基础知识进行稍微复杂的页面规划。

      ●  掌握HTML5概念和新增标签属性内容,CSS3新增样式属性。

      ●  能够使用HTML5进行页面的规划和实现。

    课程内容:

      ●  HTML语言基础

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

      ●  CSS层叠样式表

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

      ●  JavaScript脚本

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

      ●  HTML5介绍

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

      ●  CSS3

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

      ●  项目实战

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

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

      课程目标:

      ●  了解和掌握响应式网页布局原理。

      ●  掌握jQuery框架介绍和使用。

      ●  掌握jQueryeasyUI前端框架控件。

      ●  掌握bootstrap前端框架介绍。

      ●  移动web开发技术介绍。

      ●  移动开发框架介绍和项目实战。

      课程内容:

      ●  响应式网站布局

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

      ●  jQery框架

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

      ●  jQueryeasyUI前端框架

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

      ●  Bootstrap

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

      ●  移动web开发

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

      ●  前端框架介绍

          grunt、gulp、fis3、webpack等工具的介绍,使用工具构建移动端项目工作流程。

  3.第三阶段:混合式APP应用开发(35个工作日)

      课程目标:

      ●  Cordova介绍,框架搭建,项目开发步骤

      ●  掌握HybirdApp开发流程,页面测试

      ●  掌握ionic开发框架

      ●  掌握ReactNative开发流程

      ●  掌握HTML5+

      ●  掌握Node.js快速开发

      ●  综合项目实战

      课程内容:

      ●  Cordova

          Cordova介绍,与PhoneGap之间的关系,开发环境搭建,Cordova实战

      ●  HybirdApp

          HybirdApp介绍,工具与环境搭建,WebviewJsBridge,构建、打包与发布、页面测试

      ●  Ionci

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

      ●  ReactNative

          ReactNative简介,ReactNative环境配置,创建项目、配置、编译、调试、部署发布,原生模块和UI组件,原生常用API

      ●  HTML5+

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

      ●  Node.js

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

      ●  综合项目实战

          仿京东APP综合实战项目(gulp+webpack+angular+ionic+phonegap+HybirdApp)

     项目截图:



  开发流程介绍:

  ●  环境搭建
      Java环境JDK安装   
      C++环境
      Visualstudio安装
      AndroidADT环境
      Node环境
      Git环境

  ●  安装项目依赖,快速创建项目,项目结构介绍,打包发布流程简介

  ●  功能实现
      路由实现
      引导页实现Swipe3
      首页实现icon-view生命周期
      延迟加载实现
      页面跳转和数据传递
      数据请求$http协议规则$q规则
      下拉刷新实现ion-refresher
      上拉加载
      白名单设置
      APP图标简介
      项目优化(内存管理,缓存管理等)

  


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

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