前端工程师

185 阅读3分钟

download:前端工程师

前端开发相比其他IT开发岗位,门槛更低,更易上手,更适合初学者学习

近几年的前端职业趋势逐渐走高。薪资可观,前景看好,现在入行刚刚好!

章节目录:

**

阶段一:前端零基础入门

**

**

1.步骤一:页面结构层HTML

**

**

1.HTML基础

**

**

2.HTML表格

**

**

3.HTML表单L

**

**

4.项目:搭建网页结构

**

**

2.步骤二:页面化妆师CSS

**

**

1.CSS选择的艺术

**

**

2.CSS文本样式

**

**

3.盒子模型

**

**

4.CSS背景和列表

**

**

5.float浮动

**

**

6.CSS定位(position)

**

**

7.CSS网页布局基础

**

**

8.项目:网页布局案例

**

**

9.CSS基础测试

**

**

3.步骤三:页面升级结构HTML5_

**

**

1.HTML5标签变化

**

**

2.HTML5属性变化

**

**

3.项目:H5布局

**

**

4.步骤四:升级页面化妆师CSS3

**

**

1.CSS3选择器

**

**

2.CSS3边框与圆角

**

**

3.CSS3背景与渐变

**

**

4.CSS3文本与字体

**

**

5.CSS3转换

**

**

6.CSS3过渡

**

**

7.CSS3动画

**

**

8.项目:CSS3实现汉克狗案例

**

**

9.CSS3测试

**

**

5.步骤五:让页面动起来的JS基础部分

**

**

1.JS语法_[itjc8.com]

**

**

2.JS流程控制语句_[itjc8.com]

**

**

3.JS函数_[itjc8.com]

**

**

4.JS内置对象_[itjc8.com]

**

**

5.错误调试与处理_[itjc8.com]

**

**

6.JS DOM操作_[itjc8.com]

**

**

7.JS DOM属性_[itjc8.com]

**

**

8.JS DOM事件_[itjc8.com]

**

**

9.JS事件_[itjc8.com]

**

**

10.JS BOM基础_[itjc8.com]

**

**

11.项目:JS实现轮播图特效_[itjc8.com]

**

**

6.步骤六:综合实战案例

**

**

1.PS切图工具

**

**

阶段二:组件化网页开发

**

**

步骤一:让页面动起来的JavaScript深入讲解_

**

**

1.JS变量、作用域

**

**

2.JS函数深入讲解

**

**

3.项目:JS实现简易计算器案例

**

**

4.JS面向对象

**

**

5.正则表达式

**

**

6.项目:JS表单验证案例

**

**

步骤二:一个快速、简洁的JS库--jQuery

**

**

1.jQuery入门

**

**

2.jQuery选择器

**

**

3.jQuery事件

**

**

4.jQuery扩展

**

**

5.JSON与AJAX基础

**

**

6.项目:jSon和Ajax登录功能

**

**

7.实战:挂号平台首页

**

**

步骤三:一个高大上的思想,开发电商网页_

**

**

1.实战:站点导航组件化

**

**

2.实战:下拉菜单组件化

**

**

3.实战:搜索功能组件化

**

**

4.实战:中心focus区域组件化

**

**

5.实战:楼层模块组件化

**

**

阶段三:WebAPP开发与小程序

**

**

1.步骤一:HTML5在移动端开发的贡献

**

**

1.HTML5音视频

**

**

2.高德地图

**

**

3.HTML5存储

**

**

4.项目:HTML5表单验证

**

**

5.HTML5 Canvas绘图基础

**

**

6.项目:Canvas手势解锁案例

**

**

2.步骤二:移动webAPP开发必备基础

**

**

1.移动Web开发入门

**

**

2.响应式布局

**

**

3.移动端屏幕适配

**

**

4.移动端事件

**

**

5.移动调试和终端检测

**

**

6.移动常见问题

**

**

7.移动性能优化

**

**

8.Zepto详解

**

**

9.Swiper快速切换插件

**

**

3.步骤三:webAPP美团实战案例

**

**

1.实战:美团外卖-首页实现

**

**

2.实战:订单页&“我的”页面

**

**

3.实战:详情页与购物车开发

**

**

4.步骤四:小程序基础与实战案例

**

**

1.实战:小程序开发工具与基础

**

**

2.实战:小程序新闻网站列表页

**

**

3.实战:小程序新闻网站列表页

**

**

阶段四:Vue与React高级框架开发

**

**

1.步骤一:学习高级框架的阶梯ES6基础

**

**

1.ES6基础入门之let、const

**

**

2.ES6变量的解构赋值

**

**

3.ES6扩展

**

**

4.ES6 Promise

**

**

5.ES6 class

**

**

6.项目:ES6实现图片切换特效

**

**

2.步骤二:Vue基础+仿淘宝电商实战

**

**

1.Sass基础

**

**

2.Vue基础详解

**

**

3.项目:Vue搭建课程首页

**

**

4.实战:项目准备与骨架搭建

**

**

5.实战:Vue webAPP首页开发

**

**

3.步骤三:React基础知识+实战案例

**

**

1.React开发环境准备

**

**

2.React基础入门

**

**

3.React组件与生命周期

**

**

4.项目:React实现新闻网站核心功能

**

**

本课程持续更新中

**