北京Web前端培训课程

【课程内容】

阶段前端页面重构

一、PC端网站布局

前端开发环境介绍（DreamWeaver、Sublime)

HTML基础，CSS基础

CSS盒模型,选择器，继承

切图工具（PS、FW）

溢出即元素类型，浮动

浏览器兼容与宽高自适应

定位，锚点与透明

图片整合，雪碧图处理，CSSHack

表格，表单

整站规划，CSS优化，Flash动画

二、HTML5+CSS3基础

HTML5新增的元素与属性

表单域增强元素

CSS3选择器

文字字体相关样式

CSS3位移与变形处理

CSS3动画，过度动画，关键帧动画

弹性盒模型

媒体查询

响应式设计

三、WebAPP页面布局

移动端页面设计规范

移动端切图

响应式布局，弹性盒子模型

等比缩放布局

viewport/meta

rem的使用，字体选择

flexbox详解

移动web特别样式处理

第二阶段JS程序设计

一、原生JavaScript交互效果开发

基本语法

判断语句，循环语句

函数，函数传参，函数封装

String，Array，Date

BOM与DOM

事件

拖拽效果

cookie存储

正则表达式

JSON和JSON解析

Ajax

面向对象基础

运动与游戏开发

二、面向对象进阶

设计模式（观察者模式等）

原型链

作用域链

继承

构造函数

变量对象与活动对象

作用域链

闭包

this

三、JQuery经典交互效果开发

jQuery框架介绍

tab切换效果

美化多选框和单选按钮

滑动门

焦点图轮播

下拉菜单及导航条效果

瀑布流

弹出层效果

倒计时效果

自定义滚动条

第三阶段PC端全栈项目开发

一、HTTP协议、Ajax进阶与后端

HTTP(s)协议详解

Ajax进阶及动态调取数据

PHP基础语法、PHP表单、PHP文件操作

MySQL基础及增删改查

前后端联调

前端安全(XSS,CSRF,JSON注入)

Git/SVN

二、PC端网站开发

首页、列表页与详情页

搜索

登录与注册

三、AngularJS

Angular的解析过程分析

基础指令，表达式，模型

控制器，过滤器

双向绑定

安全的依赖注入方法

服务和自定义服务

表单验证

路由Router配置

事件处理器

四、PC端管理信息系统前端开发

jQueryUI与jQueryEasyUI

Bootstrap框架

Charts/Echarts

第四阶段移动端项目开发

一、Touch端

Canvas基础知识

绘制矩形、圆弧、线段、曲线、渐变与图像

Canvas图表绘制案例

localStorage、sessionStorage与离线缓存

animate.css

前后端联调

touch.js

zepto.js

swiper

iScroll

二、微信场景

WeUI

Swiperanimate在微信场景项目中的使用

常见的页面布局

常见的交互与动画

实战项目

三、应用Vue.js开发WebApp

Vue.js基础

模块化

单文件组件

路由

与服务器通信

状态管理

单元测试

生产发布

四、应用Ionic开发WebApp

csscomponents

ionic基于angularJS扩展的交互指令介绍

头部与尾部、内容区域、列表、区域滚动

下拉刷新与上拉加载、页签导航

背景层与旋转SVG图标

loading效果、actionsheet效果

弹出窗口、弹出浮动层

底部满屏滑动窗口

ionic自带的swiper滑动

基于swiper组件的swiper滑动

五、应用React.js开发WebApp

ReactJS基础

JSX语法

组件

flux架构

配置模块化开发环境

动画效果

数据双向绑定

六、微信小程序开发

csscomponents

微信小程序简介及从技术上和产品上的分析

构建个应用：创建项目、创建小程序实例与创建页面

框架、组件、API及工具详解

微信小程序项目开发

第五阶段WebApp后端系统开发

一、NodeJS基础与NodeJS核心模块

NodeJS介绍

NodeJS环境搭建与入门

ES6在NodeJS中的应用

CommonJS模块

fs与path模块

stream

socket.io

http模块API

URL模块

数据的本地存储

二、Express

expressapi

express中间件

ejs/jade

三、noSQL数据库

mongodb与mongoose

框架中间件

项目实战导入

第六阶段就业指导

一、面试指导

简历制作

面试礼仪

模拟面试

二、专业指导

项目作品整理

职业规划

面试常见问题

【行业前景】

互联网行业风起云涌，IT工程师如果仅凭传统开发思维，无法突破固有知识体系，终将会被社会所淘汰。会跨平台手机应用开发、微信小程序、网络应用、pc以及手机炫酷网页的全栈设计师应运而生…目前Web前端全栈开发工程师紧俏，企业高薪求才，薪资一涨再涨！

【教学环境】

【学校简介】

优就业贴合学生的亲身利益需求，以理念的不断升级为导向，为学员提供优质的学习环境。同时优就业在全国各分校均设置了学习体验中心，并且拥有自己的培训教学基地。多媒体教学设施先进完备，有着优质的硬件资源。每一位老师、每一位员工都始终坚持企业的核心教学理念，在各个岗位上为每一个学员提供优质的服务。