全面学习前端开发技术和框架
适合对象
1.计划从事
WEB前端开发的学员;
2.计算机专业类学生;
3.在职前端开发;
4.计划转职*者;
5.零基础或者少量基础,对前端有兴趣的学院。
学习目标
1.掌握前端必备知识;
2.会使用流行框架;
3.通过实战达到让学员具有一年*经验的水平。
课程大纲
单元一:Html基础
1.了解HTML及W3C标准:Html简介及DreamWeaver的使用;
2.HTML标签:HTML快速入门、文本、图像、链接、表格、列表、表单等;
3.HTML框架:frameset的使用,简单框架布局。
单元二:CSS3基础
1.CSS3基础:选择器,颜色,文本,边框;
2.CSS3盒模型:CSS3弹性盒子模型;
3.CSS3布局:flex伸缩布局,多列布局等特性;
4.CSS3动画:过渡,动画,转化;
5.WEB字体及兼容性:字体格式,图标,兼容性。
单元三:JS基础
1.JS简介:JS作用,书写位置,执行入口,事件三要素等;
2.JS变量和数据类型:变量的作用域,数据类型,常用数据类型转换;
3.JS函数及流程控制:函数的声明及使用,运算符,分支语句,this;
4.JS常用对象:数组对象,String对象,Math对象,Date对象。
单元四:前端高级框架
JQUERY的使用
1.JQUERY的基本使用:函数入口,时间处理等;
2.JQUERY选择器:JQUERY选择器,事件;
3.JQUERY效果:隐藏和显示,淡入淡出,滑动,动画等;
4.JQUERY操作DOM:遍历元素,设置,添加以及删除元素;
5.JQUERY页面效果插件:用JQUERY插件实现常见的网页效果;
6.JQUERY动画插件:GSAP、VelocityJs、JqueryTween等常用的动画插件及案例。
Bootstrap
1.bootstrap框架的介绍和使用:css组件架构的设计,js的插件架构设计;
2.bootstrap组件使用:小图标,下拉菜单,按钮组,导航条等各种组件的使用;
3.用bootstrap完成响应式布局:组件的扩展,综合练习。
单元五:前端开发进阶
AJAX
1.AJAX基础
H5进阶
1.HTML5概述
2.新增元素及属性1:新增主体和非主体结构元素、网页音视频播放及表单属性详解;
3.新增元素及属性2:拖放、地理位置及其他新增标签;
4.canvas、SVG:Canvas的使用、图形绘制处理及绘制SVG图形;
5.Web存储:localStorage、sessionStorage详解;
6.应用缓存及web works:应用缓存及web works应用;
7.服务器推送事件:服务器推送事件及其他新增事件讲解。
C3进阶
1.CSS3新选择器和属性:新选择器、字体、背景、边框、阴影、渐变;
2.CSS3弹性盒模型;
3.CSS3动画和3D效果:元素变换—移动/旋转/缩放,3D效果制作;
4.CSS3综合运营:CSS3案例。
JS进阶
1.DOM模型:DOM定义,节点访问和操作;
2.JS浏览器对象:window,计时器,History,Location,Screen对象;
3.JS面向对象:面向对象的概念,继承,多态等高级特性;
4.常用设计模式:工厂模式,单体模式,命令模式等常用设计模式。
单元六:移动应用开发
Responsive&Bootstrap
1.bootstrap框架的介绍和使用:CSS组件架构的设计,JS的插件架构设计;
2.bootstrap组件使用:小图标,下拉菜单,按钮组,导航条等各种组件的使用;
3.用bootstrap完成响应式布局:组件的扩展,综合练习
Node.JS
1.Nodejs开发环境搭建:Node.js简介、安装、运行和NPM的安装与配置;
2.事件机制;
3.程序处理:文件、进程、流;
4.Web应用:构建Web应用程序;
5.Express框架应用;
6.Nodejs综合应用:NodeJS实例讲解。
Node cordova
1.Webapp/本地app/混合app简介、开发环境搭建、cordova实战、lonic框架的使用。
React
1.react安装:react安装,快速搭建Webpack+React+Es6脚手架;
2.JSX语法:JSX语法介绍、JSX语法使用;
3.react组件:React组件入门、State和Props、组件API、组件的生命周期;
4.React表单与事件:React表单的使用、React事件;
5.React Ajax:React AJAX异步调用数据渲染UI的运用;
6.React-router:React Router的基本使用;
7.React项目实战:React开发widget实战。
Vue.js
1.Vue.js基础
单元七:*指导与实战
1.职业生涯规划、职场礼仪与沟通;
2.模拟面试与简历指导(基础)
单元八:在线测试
1.【职场前段】领英在线测试