WEB前端(高级班)课程大纲

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

WEB前端高级班课程大纲
技术阶段 主讲内容 技术要点 学习目标
第1阶段:
响应式设计
Media Query响应式技术 为了解决设备,浏览器,分辨率达不到要求等问题,从 CSS 2.1 开始就定义了各种媒体类型(如显示器,便携浏览器等),允许设计者针对不用的媒体设备进行不同的 CSS 样式设计。 可掌握的核心能力:
(1)能够掌握响应式开发和兼容性开发需求;
(2)能够使用bootstrap框架快速开发;

可解决的现实问题:
与美工对接,完成网站响应式和兼容性静态页面的开发,为后期编写手机端和PC端页面页面动态效果打基础。
Bootstrap界面框架 了解Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 Bootstrap 插件
jQuery Mobile移动端框架 学习Query Mobile移动端框架中的基本布局、列表、表单、主题、事件等技术点
第2阶段:
MVVM前端框架
Webpack前端打包技术 学习使用 require(XXX) 的形式来引入各模块,学会使用各种健全的加载器(loader)处理这些事情。 可掌握的核心能力:
(1)熟练使用各种JavaScript框架;
(2)掌握模板引擎的操作;
(3)掌握MVVM框架技术

可解决的现实问题:
框架本身是解决问题的,是效率的体现,学好各种框架有助于你快速高效的开发网站
Pug前端模板引擎 随着前端项目工程化的发展,代码结构越来越复杂,代码却越来越简单,为了将更多的精力集中在业务功能上面,对页面的快速构建需求日益剧增,同js、css一样,html也出现了各种各样的工具,即模板引擎,而Pug前端模板引擎就是其中之一
Vue前端MVVM框架 Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Angular前端MVVM框架 AngularJS 是一个 JavaScript 框架。它可通过 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML,且通过表达式绑定数据到 HTML。
React前端MVVM框架 React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
第3阶段:
JS后端编程
NodeJS后端JS开发 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。 可掌握的核心能力:
(1)使用nodeJS开发服务器;
(2)掌握网络通讯原理和技术点;
SocketIO前端通讯技术 Socket又称"套接字",应用程序通常通过"套接字"向网络发出请求或者应答网络请求,使主机间或者一台计算机上的进程间可以通讯。
第4阶段:
JS项目实战
大型前端项目实战 使用前面的所有技术完成一个完整的网站页面,包括页面的布局和特效以及业务流程等,提升开发的能力。 可掌握的核心能力:
(1)掌握应对业务编程的能力;
(2)提升实际开发过程中解决问题的能力;

学员优质作品展示

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

华丽转身WEB前端工程师