西安学习web前端要多久

对于脱产学习的web前端的同学，最关心的话题莫过于学习web前端要多久。这个根据每家培训机构的课程设置不同、课程侧重点不同、授课方式不同会存在一定的时间周期差异。今天小编就以千锋教育的html5培训课程为例，来向大家说明学习web前端要多久。

第一阶段：前端页面重构（4周）

1）PC端网站布局项目

1.前端开发环境介绍（DreamWeaver、 Notepad++、HBuilder)

2.HTML基础，CSS基础，CSS核心属性

3.CSS样式层叠，继承，盒模型

4.容器，溢出及元素类型

5.浏览器兼容与宽高自适应

6.定位，锚点与透明

7.图片整合

8.表格，CSS属性与滤镜

9.CSS优化

2）HTML5+CSS3基础项目

1.HTML5新增的元素与属性

2.表单域增强元素

3.CSS3选择器

4.文字字体相关样式

5.CSS3位移与变形处理

6.CSS3 2D转换与过度动画

7.CSS3 3D转换与关键帧动画

8.弹性盒模型

9.媒体查询

10.响应式设计

3）WebApp页面布局项目

1.移动端页面设计规范

2.移动端切图

3.文字流式/控件弹性/图片等比例/特殊设计的100%布局

4.等比缩放布局

5.viewport/meta

6.rem/vw的使用

7.flexbox详解

8移动 web特别样式处理（reset, 1px border, 高清图片）

第二阶段：Javascript高级程序设计（5周）

1）原生 Javascript交互功能开发

1.基本语法

2.循环语句

3.函数与数组

4.String与 Date

5.BOM与 DOM

6.事件

7.拖拽效果

8.cookie存储

9.正则表达式

10.Ajax

11.面向对象基础

12.运动与游戏开发

2）面向对象进阶与 ES5/ES6应用项目

1.Promise/A+

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

3.原型链

4.构造函数

5.执行上下文栈与执行上下文

6.变量对象与活动对象

7.作用域链

8.闭包

9.this

10.ES5

11.ES6

3）Javascript工具库自主研发项目

1.DOM库

2.事件库

3.AJAX库

4.原型和继承库

第三阶段：PC端全栈项目开发（3周）

1）jQuery经典交互特效开发

1.HTTP(s)协议详解

2.Ajax进阶、跨域与 Defered

3.PHP基础

4.MySQL基础

5.Apache与 Nginx 环境搭建与配置

6.接口的定义

7.Mock数据

8.Restful

9.前后端联调

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

2）HTTP协议、Ajax进阶与PHP/JAVA开发项目

1.Gulp

2.Webpack

3.NPM

4.Git/SVN

5.CommonJS

6.AMD

7.CMD

8.ES6模块化

3）前端工程化与模块化应用

1.大首页、列表页与详情页

2.展示与交互特效

3.搜索

4.登录与注册

5.购物车

4）PC端网站开发项目

1.基础知识（ng-app,Modules,

2.Controller,$apply,$watch）

3.指令(ng-repeat,ng-class,ng-show,ng-hide)

4.过滤器(date,limitTo,filter)

5.表单(NgModelController，表单验证)

6.服务（自定义服务，Angular提供的服务：$log,$timeout,$q,$http）

7.-（Controller as 语法，安全的依赖注入方法）

8.directive（指令，组件）

9.ng-router

10.标准项目结构设计

5）PC端管理信息系统前端开发项目

1.jQueryUI 与 jQuery EasyUI

2.Bootstrap框架(ACE)

3.Highcharts/Echarts

4.ArtTemplate

5.velocity

6.smarty

7.云平台系统前端

第四阶段：移动端项目开发(6周)

1）Touch端项目

1. Canvas 基础知识

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

3. Canvas 图表绘制案例

4.localStorage、sessionStorage 与离线缓存

5.animate.css

6.Yo/Mui

7.touch.js

8.zepto.js

9.swiper

10.iScroll

2）微信场景项目

1.WeUI

2.Swiper animate 在微信场景项目中的使用

3.常见的页面布局

4.常见的交互与动画

5.实战项目

3）应用 Angular+Ionic开发 WebApp项目

1.Vue.js基础

2.模块化

3.单文件组件

4.路由

5.与服务器通信

6.状态管理

7.单元测试

8.生产发布

4）应用 Vue.js开发 WebApp项目

1.css components

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

3.blank模板的安装

4.头部与尾部

5.内容区域

6.列表

7.区域滚动

8.下拉刷新与上拉加载

9.页签导航

10.背景层与旋转 SVG图标

11.loading 效果

12.actionsheet 效果

13.弹出窗口

14.弹出浮动层

15.底部满屏滑动窗口

16.ionic 自带的 swiper滑动

17.基于 swiper组件的 swiper滑动

18.页面导航切换

19.侧边栏菜单

5）应用 React.js开发 WebApp项目

1.ReactJS基础

2.JSX语法

3.组件

4.flux架构

5.配置模块化开发环境

6.动画效果

7.数据双向绑定

第五阶段：混合（Hybrid,ReactNative）开发（1周）

1）微信小程序开发

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

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

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

4.微信小程序项目开发

2）React Native

1.React Native介绍

2.BS架构程序介绍

3.原生组件

4.异步执行与加载

5.触摸事件处理

6.弹性盒(Flexbox)和样式

7.兼容通用标准和扩展性

8.React Native项目开发

3）各类混合应用开发

1.Cordova/Phone gap

2.嵌入客户端(iOS、Android)

3.微信服务号接口(JSSDK)开发

4.HTML5+

第六阶段：NodeJS全栈开发（1周）

WebApp后端系统开发

一、NodeJS基础与NodeJS核心模块

1.NodeJS介绍

2.NodeJS环境搭建与入门

3.ES6在 NodeJS中的应用

4.CommonJS模块

5.fs与 path模块

6.stream

7.socket.io

8.http模块 API

9.URL模块

10.数据的本地存储

二、Express

1.express api

2.express 中间件

3.ejs/jade

三、noSQL数据库

1.mongodb 与 mongoose

2.框架中间件

3.项目实战导入

总体来说千锋教育的html5培训课程主要涵盖6大学习阶段，学习周期大致为5个月。

通过5个月的学习，学员可将前端页面重构、Javascript高级程序设计、PC端全栈项目开发、移动端项目开发、混合（Hybrid,ReactNative）开发、WebApp后端系统开发等主流前端开发知识系数斩获。

千锋教育web前端开发培训全力打造覆盖前端+后台+全栈开发的综合性人才。拒绝培养只会写简单HTML代码，简单制作网页的前端程序员。因为合格的Web开发工程师是网页用户体验优化师。可以说在千锋教育的学习html5课程的5个月的时间，学员获得的是一生的成长，收获的是终生受用的技能，得到的是物超所值的学习体验和就业保障。

千锋教育：http://www.mobiletrain.org/

千锋西安校区：http://xa.mobiletrain.org/?pinzhuan=biaoti

西安校区地址：西安市雁塔区高新六路52号立人科技C座西区4楼

培训咨询专线：029-85260160

咨  询  QQ  : 1660794050

面授课程：全栈HTML5+培训、JavaEE+云数据培训、Android课程培训

 

西安学习web前端要多久是北京千锋互联科技有限公司大连分公司的主要产品,我们的产品负责人是李老师,有需要的朋友请直接拨打我的电话4001869990,我们的地址是北京市海淀区宝盛北里西区28号天丰利商城4层,期待与您的合作!