WEB前端(基础班)课程大纲

Web前端开发工程师,主要职责是利用HTML5/CSS3/JavaScript/jQuery等各种Web技术进行客户端产品的开发。完成客户端程序的开发,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。

WEB前端基础班课程大纲
技术阶段 主讲内容 技术要点 学习目标
第1阶段:
H5界面设计
Sublime编辑器 Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器。 可掌握的核心能力:
(1)能够掌握HTML,CSS使用技巧;
(2)能够掌握HTML5新标签;
(3)能够完成动画效果。

可解决的现实问题:
与美工对接,完成网站静态页面的开发,为后期编写页面动态效果打基础。
HTML5网页标签 HTML的语义化、HTML中常用的标签以及每个标签的语义。
HTML5新特性及新增常用标签
CSS3样式设计 CSS语法、选择器、字体样式、边框、背景、图片格式详解、定位、浮动、盒模型,CSS3新增属性、圆角、阴影、伸缩布局、变形、过渡、动画。CSS使用的高级技巧
第2阶段:
JS特效编程
JavaScript前端编程 JavaScript基本语法、JavaScript内置对象常用方法、DOM和BOM的操作、特效的开发 可掌握的核心能力:
(1)能够掌握JavaScript基本语法;
(2)掌握DOM的各种操作;
(3)掌握JS node节点和Ajax异步通讯技术
(4)掌握使用jQuery框架和jQuery插件使用

可解决的现实问题:
学生具备JavaScript开发能力,能够完成常见页面效果开发,为WEB前端高级课程打下基础。
JS Node节点树技术 学习Javascript中的节点树操作,掌握节点操作、复制、克隆和关系等技术
JS Ajax异步通讯技术 学习Javascript中的Ajax同步和异步通讯技术,实现与动态语言的通讯技术
jQuery前端框架 jQuery的优势、jQuery选择器、jQuery中的动画、jQuery插件使用和制作
jQuery前端插件 学习jQuery城市级联、日期、拖动、幻灯片、表单验证等优秀插件
第3阶段:
画图和音频技术
Canvas动画技术 Canvas是Flash的代替者,是HTML5新增的组件,它就像一块幕布,可以用JavaScript在上面绘制各种图表、动画等,没有Canvas的年代,绘图只能借助Flash插件实现,页面不得不用JavaScript和Flash进行交互。有了Canvas,我们就再也不需要Flash了,直接使用JavaScript完成绘制。 可掌握的核心能力:
(1)Canvas画图技术;
(2)更好的代替flash来完成网站动态特效技术;
(3)更简单的去实现在线播放和直播平台技术;
音视频DOM播放技术 可以实现视频网站、在线教育学习平台等音视频在线播放技术。

学员优质作品展示

—— 工作好几年,却是还没什么硬本事?2个月你能学到完成以下作品的技能 ——

华丽转身WEB前端工程师