轻松入门web前端开发,get网站开发技能
适合对象
1.计划从事
WEB前端开发的学员;
2.计算机专业类学生;
3.在职前端开发;
4.计划转职*者;
5.零基础或者少量基础,对前端有兴趣的学院。
学习目标
1.掌握前端必备知识;
2.会使用流行框架;
3.轻松解决Web前端中常见问题。
课程大纲
单元一:Html基础
1.了解HTML及W3C标准:html简介及DreamWeaver的使用;
2.HTML标签:HTML快速入门、文本、图像、链接、表格、列表、表单等;
3.HTML框架:frameset的使用,简单框架布局。
单元二:CSS3基础开发
1.CSS3基础:选择器,颜色,文本,边框;css3盒模型:
2.CSS3弹性盒子模型;css3布局:flex伸缩布局,多列布局等特性;
3.CSS3动画:过渡,动画,转化;
4.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完成响应式布局:组件的扩展,综合练习。