课程大纲

HTML5课程大纲

第一阶段

HTML5+CSS3网站开发

主讲内容:

1、PhotoShop-1天 

2、HTML5-2天

3、CSS3-8天

4、电商实战项目-4天


知识要点:

1、PhotoShop:

采用商业案例掌握Photoshop基本使用,能够独立完成尺寸测量、切图、图层操作、Cutterman切图神器等。

2、HTML5:

客户端和服务端交互原理、浏览器内核、语法及使用、常用标签、语义化、表单元素、HTML5 新标签、编码规范。

3、CSS3:

CSS常用属性、各种选择器、继承和优先级、数值与单位、文字文本样式、CSS盒子模型、CSS背景技巧(圆角、阴影、过渡等)、定位和浮动、伪类和伪元素、、CSS高级技巧(精灵图、滑动门、CSS三角等)、布局样式、CSS兼容性问题、Google浏览器开发者工具调试技巧。

4、实战项目(网易严选):

布局技巧、完整的多页面网站开发、CSS模块化开发,复合选择器应用技巧、复杂网页排版和布局、特效设计等。

通过该项目培养代码组织原则,项目开发流程,注重培养分析问题、解决问题的能力、调试能力,开发思维的塑造。


学习目标:

1、了解PS基本操作、切图、测量尺寸;

2、掌握HTML常用的标签;

3、掌握 HTML5 新布局标签、多媒体标签;

4、掌握CSS常用属性、选择器、盒子模型、定位和浮动;

5、掌握CSS高级技巧、布局;

6、掌握 CSS3 2D、3D 变换、动画效果;

7、掌握 CSS 预处理器 less 的使用;

8、掌握浏览器开发者工具调试技巧;

9、独立使用HTML5+CSS3完成静态网站的开发;

10、培养分析问题,解决问题能力;


关键字:

HTML5、CSS3、语义化标签、CSS3新属性、盒子模型、定位与浮动、CSS 调试技巧、PS 切图、网页特效、静态页面开发、电商网站开发。

第二阶段

JavaScript网页编程

主讲内容:

1、编程预科

2、JavaScript基础

3、Web APIs和网页特效


知识要点:

1、编程预科

网易战记游戏、Scratch、编程思想、程序分解思想、流程控制、事件机制、趣味游戏等。

2、JavaScript基础

JS基本语法、数据类型、操作符、分支语句、循环语句、操作符、函数、数组、内置对象、事件、DOM操作、JS企业编码规范、断点调试等。

3、Web APIs和网页特效

BOM 编程、DOM高级编程、高级事件处理、浏览器兼容性、定时器、常用函数库、高阶函数封装思想、立体轮播图、动画特效、导航菜单、瀑布流、3D旋转木马、飞机大战等各种网页特效等。


学习目标:

1、掌握程序分解思想;

2、掌握JavaScript 基本语法;

3、掌握JavaScript事件机制;

4、掌握DOM和BOM编程的各种操作;

5、掌握Web APIs常用的方法;

6、独立完成网页特效开发(JavaScript+HTML+CSS);

7、掌握浏览器常见兼容性方案;

8、培养分析问题,独立解决问题能力;

9、必须掌握代码调试技能;


关键字:

少儿编程、趣味游戏、网页编程、JavaScrip、JS基础、DOM、BOM、动画特效、JS调试技巧、事件机制、导航菜单、瀑布流、3D旋转木马、飞机大战。

第三阶段

动画设计和响应式网站

主讲内容:

1、JavaScript高级

2、jQuery框架

3、响应式网站实战项目

4、动画特效官网实战项目


知识要点:

1、JavaScript高级

面向对象思想、Object深入剖析、this深入分析、Function剖析、with和eval函数、JSON应用、闭包原理和应用、继承思想和应用、原型和原型链剖析、作用域和作用域链深入分析、正则表达式、高级函数进阶、设计模式和模块化思想、多种JS调试技巧、ES6等。

2、jQuery框架

jQuery选择器、jQuery事件处理、jQuery文档处理、jQuery常用方法、jQuery动画效果、jQuery企业案例、jQuery插件、jQuery源码分析等

3、响应式网站开发项目(微金所)

BootStrap框架,项目代码规范、栅格系统布局、响应式布局、字体图标、情景组件、移动端兼容、导航栏布局、吸顶效果、响应式轮播图、媒体查询、模态框、Swiper插件等。

4、动画特效网站项目(仿QQ浏览器Mac版官网)

Less语言、Zepot库、FlexBox布局、Gulp自动化构建、MouseWhee插件、3D效果、CSS3动画特效、Animate动画库、WOW特效库、ScrollReveal库等。


学习目标:

1、掌握面向对象思想并进行编程;

2、掌握 JavaScript 的高级语法(闭包、原型等);

3、掌握ES6新语法;

4、熟练使用jQuery 操作文档;

5、熟练使用jQuery 插件;

6、熟练掌握BootStrap中的常用组件;

7、掌握Less语言;

8、熟练使用Gulp自动化构建工具;

9、熟练掌握CSS3动画效果;

10、掌握使用BootStrap开发响应式网站;

11、熟练使用动画特效库完成动画设计网页;


关键字:

JS高级、面向对象、闭包、原型、原型链、ES6、正则表达式、动画特效、调试技巧、jQuery、jQuery插件、BootStrap、响应式、Less、Zepot、Swiper、CSS3、FlextBox、Gulp、MouseWhee、3D、Animate、WOW、ScrollReveal。

第四阶段

H5全栈开发和AJAX交互

主讲内容:

1、Web服务端开发

2、AJAX编程

3、面向接口开发

4、Node.js

5、MongoDB

6、Git/GitHub

7、前后端分离项目


知识要点:

1、Web服务端开发

网络基础、服务器和动态网页、HTTP协议、GET和POST请求、请求和响应原理、PHP精讲、MySQL精讲等。

2、AJAX编程

同步和异步请求、原生AJAX、jQuery-ajax、JSON、省市县三级联动、artTemplate、跨域访问解决方案JSONP等。

3、面向接口开发

前后端分离架构设计、RESTful API 设计、Mock.js、Postman工具、天气查询案例等。

4、Node.js

REPL 运行环境、Node调试、NPM 常用命令、模块加载机制、模块和包、全局对象、作用域和回调函数、异步和同步机制、事件驱动、文件模块、网络模块、路由模块、RequireJS、Express框架、Koa框架、Egg框架、数据库操作等。

5、MongoDB 

MySQL、NoSQL、BSON、MongoDB安装和常用命令、MongoDB基本操作、Node操作MongoDB、MongoDB高级命令等。

6、Git/GitHub

7、前后端分离项目


学习目标:

1、熟悉HTTP协议和请求/响应原理;

2、了解PHP和MySQL的基本使用;

3、熟悉AJAX请求和细节

4、熟悉使用jQuery-ajax模块

5、掌握JSON

6、掌握AJAX跨域访问技巧

7、掌握MongoDB数据库

8、熟练使用Node.js做Web服务端开发

9、熟练使用Node.js操作数据库

10、独立完成前后端分离网站和AJAX数据交互

11、掌握应对业务编程的能力;

12、熟练使用源代码管理工具;

13、培养分析问题,独立解决问题能力;

14、必须掌握代码调试技能;


关键词:

Web服务端、HTTP、Node、CommonJS、Express、MongoDB、Git、GitHub、MySQL、SQL、PHP、AJAX、JSON、jQuery、Mock、artTemplate、JSONP、Koa、Egg、RequireJS、RESTful、异步编程、跨域访问、前后端分离、模块化等。

第五阶段

移动Web和Vue电商

主讲内容:

1、移动Web项目

2、Vue框架

3、webpack

4、Vue电商项目


知识要点:

1、移动Web项目(京东M站)

使用原生的CSS3和JavaScript技术开发、移动端适配和兼容、触摸事件

2、Vue框架

MVVM架构模式、各种内部指令、自定义指令、生命周期、计算属性、表单控件绑定、Class和Style绑定、Vue动画、事件处理、组件化思想和组件系统、组件通信、Vue脚手架(Vue CLI2和Vue CLI3)、Vue Router路由系统、Vuex状态管理、axios请求库等。

3、webpack

模块化思想、自动化构建工具、webpack安装和初始化、插件配置和使用、loader模块加载器、打包操作、和Vue结合、热加载实现等。

4、Vue电商项目(蘑菇街项目)

使用Git管理项目源代码、采用最新ES6+编码、商城极速时时彩管理、商品推荐管理、商品详情管理、商品分类管理、购物车管理、个人中心管理、企业级组件抽离和封装、webpack项目打包和优化、Ngix、项目部署和发布等。


学习目标:

1、了解使用原生CSS和JS完成M站项目;

2、掌握移动端适配和兼容问题;

3、熟悉JS抽取和封装思想;

4、掌握Vue框架技术栈技术(指令、组件、路由等);

5、熟练使用 Vue技术栈完成项目开发;

6、熟练使用源代码管理工具;

7、熟悉掌握应对业务编程的能力;

8、熟练使用webpack工具;

9、掌握Web项目的部署与发布;

10、培养分析问题,独立解决问题能力;

11、必须掌握代码调试技能;


关键字

MVVM、Vue.js、Vuex、Vue-CLI、Axios、webpack、Vue指令、Vue路由、Vue组件、Vue脚手架、模块化、前后端分离、项目打包、自动化构建、Vue电商项目、移动Web项目、M站项目等。


第六阶段

 

  React实战和移动App  

主讲内容:

1、React框架

2、React实战项目

3、React Native框架

4、跨平台实战项目


知识要点:

1、React框架

React安装和初始化、虚拟DOM、Diff算法、JSX语法、React生命周期、React组件系统、React组件状态、组件通信、React Router路由系统、事件处理、条件渲染、表单处理、React脚手架等。

2、React实战项目(搜房网App)

3、React Native框架

混合式开发、不同平台的环境搭建、React安装和初始化、React Native语法、伸缩布局Flexbox、RN多个组件(ScrollView组件、ListView组件、ProgressBar组件、StatusBar组件、Swiper组件、FlatList组件、TabNavigator组件、Navigator组件)、常用API、网络请求、数据存储技术等。

4、跨平台实战项目(美团外卖App)

极速时时彩模块、附近模块、逛一逛模块、订单模块、个人中心模块、登录模块,基于Android的签名打包和发布等。


学习目标:

1、掌握React框架技术栈技术(指令、组件、路由等);

2、熟练使用 React技术栈完成项目开发;

3、了解混合式App开发框架快速开发移动App;

4、掌握移动端适配和兼容问题;

5、掌握React Native技术栈技术;

6、熟练使用React Native技术栈开发原生App;

7、掌握应对业务编程的能力;

8、熟悉整个项目的分解和开发流程;

9、培养分析问题,独立解决问题能力;


关键字

React、React Router、React组件、React脚手架、虚拟DOM、Diff算法、JSX语法、React Native、RN、混合式开发、跨平台开发、美团外卖App。



第七阶段

微信小程序和大数据可视化

主讲内容:

1、微信小程序开发

2、项目实战

3、大数据可视化


知识要点:

1、微信小程序开发

AppID申请、开发者工具、应用配置、定位和布局、数据绑定、小程序各种组件、WXS脚本语言、自定义组件、伸缩布局、网络操作、文件操作、界面跳转和传值、媒体操作、npm的构建等。

2项目实战(小米商城)

商城极速时时彩模块、商品详情、购物车模块、个人中心模块、逻辑层和业务层分离架构,涉及多个组件、组件高度封装、界面跳转、页面之间数据传递、模板抽取、FlexBox布局、合法域名配置、授权登录等。

3、大数据可视化

Canvas、Canvas游戏开发、EChart库、D3库、H5游戏等


学习目标:

1、掌握小程序的技术栈;

2、熟练并独立开发小程序项目;

3、掌握小程序的部署与发布;

4、掌握应对业务编程的能力;

5、培养逻辑层和业务层分离架构思想;

6、培养组件高度封装能力;

7、培养分析问题,独立解决问题能力;

8、了解Canvas绘图功能;

9、了解使用HTML5开发网页游戏;

10、了解第三方 AI平台的使用。


关键字

微信小程序、小程序商城、Canvas、大数据可视化、折线图、柱状图、散点图、饼图、K线图、地图、热力图、折线图、H5游戏等。


第八阶段

就业和售后

包含内容:

1、IT职业规划

2、就业指导

3、修改简历 

4、模拟面试

5、就业跟踪

6、售后服务


第九阶段

升职加薪技能

核心技术:

1、公众号开发

2、数据结构和算法

3、网络安全

4、AngularJS

5、TypeScript

6、CoffeeScript

7、Ionic和Cordova

8、Yeoman和Grunt


极速快三 秒速时时彩 北京快乐8 秒速时时彩 75秒飞艇 75秒飞艇 极速时时彩 秒速时时彩 极速时时彩 极速快三