集团站切换校区

验证码已发送,请查收短信

HTML5高级前端工程师

面议

在线班远程课程、云实验平台、在线答疑

面授班资深讲师面授、真机实验、一对一解答

全套服务(在线、面授均享) 1.面授+远程+录播 2.24h真机实验机架提供 3.行业专家讲师亲临授课 4.每班一名班主任督学 5.一年半免费重听学习

  • 课程大纲
  • 学员评价(30)


H5高级全栈工程师

一. 课程周期

60天

 

二. 课程目标

1) 能够熟练应用html5+css3,负责各类WEB项目的页面响应式布局和优化工作。

2) 精通JavaScript、AJAX等,精通W3C标准,熟悉对象化JavaScript编程。

3) 熟悉页面性能优化,深刻理解web标准,了解各浏览器间的差异,编写代码具有良好的兼容性。

4) 利用HTML5相关技术开发网站、手机、平板电脑等多平台上的前端应用,确保产品在不同平台、设备上兼具优质的用户使用体验。

5) 与产品设计人员、后台工程师配合,根据设计图制作静态页面,能够在静态页面上按照要求实现各类软件、系统及网页的特效和动画。

 

三. 上课安排


课程主题



课程内容



第一阶段(HTML基础),10个工作日


HTML4 / HTML5

1. HTML基本文档结构和HTML常用标签

2. HTML5概念和发展历程,基本格式,功能特点

3. HTML5新增标签(音频、视频、嵌入元素)

4. HTML5新增表单元素属性,新结构元素

CSS2 / CSS3

1. CSS基础语法、属性、CSS 选择器、盒模型、表格与列表、边框等属性

2. CSS3圆角效果,变形效果,渐变效果,动画效果

JavaScript

1. JavaScript介绍和用途

2. JavaScript语言基础、数据类型、运算符、数组

3. JavaScript函数、内置类型对象、事件处理、DOM及BOM操作

4. Ajax原生数据请求(get,post)介绍

项目实战

实现电商网站项目(框架布局,页面特效)


第二阶段(H5+移动web开发),25个工作日


JQuery

1. JQuery常规选择器、过滤选择器

2. DOM+CSS操作、DOM节点、表单选择器、基础事件,事件对象,事件委托,动画效果

响应式原理

1. 响应式网站实现的原理

2. 利用jscss3实现网站响应式

Bootstrap

1. Bootstrap基本组件类(button,nva,group,media等)

2. 常用的js效果(下拉菜单,轮播图,模态框)

3. Bootstrap ace 介绍

移动web开发

1. 跨终端Web和主流设备简介

2. 流式布局(介绍)、弹性盒模型

3. 移动终端常用的原生JavaScript事件

4. 数据统计表(Highcharts、ECharts)

ZeptoJS

1. ZeptoJS移动端常用的事件

2. DOM操作

3. 事件委托和touch事件

Less、SASS

1. Less(选择器、混合、变量、嵌套规则、函数、循环)

2. Sass(基本特性、变量、混合宏、继承、插值、运算

前端自构建工具

1. NodeJs简介

2. gulp

3. git\github

4. webpack(打包工具和Bower(包管理器)

Typescript

1. Typescript简介

2. Typescript数据类型、函数、箭头函数、原型链

3. Typescript类、继承、接口等

vuejs介绍

1. vuejs概述

2. 数据绑定、DOM节点

3.  组件、指令、路由、数据请求、生产环境部署

项目实战

移动端项目开发(Webpack+Vue


第三阶段(微信小程序),25个工作日


HTML5+

1. HTML5+中国产业联盟

2. HTML5 Plus Runtime环境

3. HBuilder开发工具

4. MUI框架

5. H5+开发和部署

微信小程序

1. 微信小程序和开发流程介绍

2. 项目创建、部署

3. 框架和常用组件介绍

4. 常用API和开发工具介绍

mongodb数据库

1. mongodb数据库介绍

2. 数据库建表,增、删、改、操作

Node.js开发

1. Node.js简介、环境搭建、快速入门

2. 核心模块和对象

3. Web开发基础

4. 快速开发框架

实战项目

综合实战项目:猫眼电影/干货/豆瓣电影(MUI项目包括nodejs后台编写)

 

十年老品牌
QQ咨询:450959328 微信咨询:togogozhong 咨询电话:020-38289118 咨询网站客服:在线客服
在线咨询 ×

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