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实现新闻网站核心功能
**
**
本课程持续更新中
**