【5788】-前端工程师就业班-前端零基础入门课程
阶段一前端零基础入门
本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。
6步骤 / 42门课
·
课程总时长：58小时
课程源码：49
·
教辅资料：161
步骤1
页面结构层HTML
HTML是搭建网页结构的第一步。通过学习工作中必备的HTML标签，并结合实际案例，更快更轻松的掌握网页结构搭建方法和技巧。
第1课 HTML基础
第2课 HTML表格
第3课 HTML表单
第4课 项目：搭建网页结构
第5课 HTML测试
步骤2
页面化妆师CSS
CSS是网页的“美容师”。通过学习常用的CSS属性并结合HTML标签，独立把效果图还原成静态代码页面，为学习网页编程打下夯实的基础。
第1课 CSS选择的艺术
第2课 CSS文本样式
第3课 盒子模型
第4课 CSS背景和列表
第5课 float浮动
第6课 CSS定位（position）
第7课 CSS网页布局基础
第8课 项目：网页布局案例
第9课 CSS基础测试
步骤3
页面升级结构HTML5
H5是HTML的高级应用。通过对H5语义化标签的学习，并结合HTML标签搭建网页，有利于增强网页的SEO、可读性和可维护性，提高网页性能。
第1课 HTML5标签变化
第2课 HTML5属性变化
第3课 项目：H5布局
第4课 HTML5基础测试
步骤4
升级页面化妆师CSS3
CSS3是CSS的高级应用。通过对CSS3属性的学习，并结合HTML(5)标签，能够轻松制作出各种绚丽的效果，为后面动态网页的实现奠定基础。
第1课 CSS3选择器
第2课 CSS3边框与圆角
第3课 CSS3背景与渐变
第4课 CSS3文本与字体
第5课 CSS3转换
第6课 CSS3过渡
第7课 CSS3动画
第8课 项目：CSS3实现汉克狗案例
第9课 CSS3测试
步骤5
让页面动起来的JS基础部分
JS是网页编程的第一步。通过JS网页编程语言的基础学习，能够独立使用JS知识开发网页特效，来向PC静态页面添加交互行为。
第1课 JS语法
第2课 JS流程控制语句
第3课 JS函数
第4课 JS内置对象
第5课 错误调试与处理
第6课 初识 JS DOM
第7课 JS DOM事件
第8课 JS BOM基础
第9课 JS DOM操作
第10课 JS DOM属性
第11课 JS事件
第12课 项目：JS实现轮播图特效
第13课 JavaScript基础测试
步骤6
综合实战案例
案例是对前面所学知识的综合运用。增强解决网页开发问题的能力，从网页结构搭建到特效编写，掌握企业常见网页开发。
第1课 PS切图工具
第2课 宣传页项目
阶段二组件化网页开发
本阶段在运用JS实现动态网页开发的基础上，带你深入理解企业开发核心思想，完成一个企业级网页的开发，体验前端工程师的成就感。
3步骤 / 20门课
·
课程总时长：45小时
·
练习题：192
·
作业：3
·
考试：2
·
课程源码：25
·
教辅资料：70
步骤1
让页面动起来的JavaScript深入讲解
在JS初级知识的基础上，通过深入学习JS函数和面向对象知识，为后续学习组件化编程奠定基础。
第1课 JS变量、作用域
第2课 JS函数深入讲解
第3课 项目：JS实现简易计算器案例
第4课 JS面向对象
第5课 正则表达式
第6课 项目：JS表单验证案例
第7课 JavaScript深入 测试
步骤2
一个快速、简洁的JS库--jQuery
jQuery是JS的类库。jQuery提供了丰富的封装好的方法，通过对jQuery的学习，能够缩短配置网站和应用所需的时间，提高开发效率。
第1课 jQuery入门
第2课 jQuery选择器
第3课 jQuery事件
第4课 jQuery扩展
第5课 JSON与AJAX基础
第6课 项目：jSon和Ajax登录功能
第7课 实战：挂号平台首页
第8课 jQuery详解 测试
步骤3
一个高大上的思想，开发电商网页
组件化是企业必备的开发思想，通过对组件化综合案例的学习，掌握企业开发核心思想，为学习框架和日后工作奠定基础。
第1课 实战：站点导航组件化
第2课 实战：下拉菜单组件化
第3课 实战：搜索功能组件化
第4课 实战：中心focus区域组件化
第5课 实战：楼层模块组件化
阶段三WebAPP开发与小程序
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
4步骤 / 23门课
·
课程总时长：54小时
·
练习题：175
·
作业：5
·
考试：2
·
课程源码：23
·
教辅资料：68
步骤1
HTML5在移动端开发的贡献
H5多媒体技术是自媒体时代的必备技能。通过对H5多媒体技术的学习，轻松应对H5多媒体技术在移动端广泛应用的需求。
第1课 HTML5音视频
第2课 高德地图
第3课 HTML5存储
第4课 项目：HTML5表单验证
第5课 HTML5 Canvas绘图基础
第6课 项目：Canvas手势解锁案例
第7课 HTML5移动开发测试
步骤2
移动webAPP开发必备基础
移动开发基础是进行webAPP开发第一步。通过移动端基础知识的学习，能够独立开发移动端页面，并适配不同移动端终端。
第1课 移动Web开发入门
第2课 响应式布局
第3课 移动端屏幕适配
第4课 移动端事件
第5课 移动调试和终端检测
第6课 移动常见问题
第7课 移动性能优化
第8课 Zepto详解（选修）
第9课 Swiper快速切换插件
第10课 移动基础测试
步骤3
webAPP美团实战案例
案例是对前面所学知识的综合运用。通过网页布局、适配及业务逻辑处理，掌握webAPP开发技能，为使用框架快速构建webAPP奠定基础。
第1课 实战：美团外卖-首页实现
第2课 实战：订单页&“我的”页面
第3课 实战：详情页与购物车开发
步骤4
小程序基础与实战案例
小程序是必备技能之一 。通过对小程序知识的学习，能够独立开发企业级小程序，拥有解决主流小程序功能需求的能力
第1课 实战：小程序开发工具与基础
第2课 实战：小程序新闻网站列表页
第3课 实战：小程序新闻网站详情页
阶段四Vue与React高级框架开发
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
4步骤 / 23门课
·
课程总时长：40小时
·
练习题：121
·
作业：3
·
考试：2
·
课程源码：23
·
教辅资料：72
步骤1
学习高级框架的阶梯ES6基础
ES6是必备技能之一。通过对ES6的学习，全面掌握ES6引入的新特性，了解ES6在项目中的使用场景，为后面框架的学习奠定基础。
第1课 ES6基础入门之let、const
第2课 ES6变量的解构赋值
第3课 ES6扩展
第4课 ES6 Promise
第5课 ES6 class
第6课 项目：ES6实现图片切换特效
第7课 ES6基础测试
步骤2
Vue基础+仿淘宝电商实战
Vue是必备技能之一 。通过对Vue基础和项目的学习，具备开发常见功能及快速构建企业级项目的能力，满足行业中的常见需求。
第1课 Sass基础
第2课 Vue基础详解
第3课 项目：Vue搭建课程首页
第4课 实战：项目准备与骨架搭建
第5课 实战：Vue webAPP首页开发
第6课 实战：Vue 完成分类、搜索页
第7课 Vue 测试
步骤3
React基础知识+实战案例
React是必备技能之一 。通过对React基础和项目的学习，具备构建企业级项目和解决复杂业务问题的能力，快速接入企业项目。
第1课 React开发环境准备
第2课 React基础入门
第3课 React组件与生命周期
第4课 项目：React实现新闻网站核心功能
步骤4
就业必备的技术面试分析
面试是接入企业的必经之路。通过对必备面试技术的学习，快速掌握企业常见的面试题和技巧，为顺利接入企业奠定基础。
第1课 HTML与CSS面试课程
第2课 JS变量与原型链常见面试题分析
第3课 JS作用域和闭包核心面试题分析
第4课 JS异步单线程与内置对象面试
第5课 JS DOM、BOM事件常见面试题分析
笔记源码链接: https://pan.baidu.com/s/1nV6yj3rB8TtwZoGMCF9Crw 提取码: kx7b 复制这段内容后打开百度网盘手机App，操作更方便哦
笔记源码链接: https://pan.baidu.com/s/1nV6yj3rB8TtwZoGMCF9Crw 提取码: kx7b 复制这段内容后打开百度网盘手机App，操作更方便哦
加QQ群共同学习共同进步
