全部课程
H5高级全栈工程师
一. 课程周期
65天,6课时/天
二. 课程目标
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. 利用js、css3实现网站响应式 | |
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后台编写) |