五月过半，六月将至。六月一到，2019年就过了差不多一半，时光飞逝啊。

如果你不知道该怎么样学习前端开发？该如何规划自己学习路线？

或是你自学了htML、css，但不太清楚接下来的路该怎么走？

要么就是你下了一大堆的学习资料，但却依然毫无头绪？

或者是你已经做了一、二年的前端开发，但对于this的指向、原型的继承等基础知识掌握不牢，导致自己的工资总是提不上去，却又不太清楚该怎么做。。。

这时，【一对一前端师徒计划】，应该可以帮助你。

带你走出一条最短、最简的前端开发学习路线，让你以最快的速度，最有效果的学习方式，带你成功入职web前端开发岗位。

<!-- 为什么选择“我”？ -->

1、一对一、手把手的教，直接到你就业为止；

2、课程内容经历3年多的提炼，简洁、直接、干货；

3、学习进度一对一，不存在跟不上的情况；

4、教务管理等流程、环节极为成熟；

<!-- 关于我 -->

课程的主讲人，就是我，老尚。

从2002年到现在，这十几年一直做前端开发。在北京先后任职于完美时空、联想、360等公司。零基础课这个系列的课程，就是我本人来主讲的。教过的学生总计也有上千了，课程质量绝对差不了。

这是我个人的微信号，扫二维码加我微信

<!-- 课程介绍 -->

本课程是【前端开发一对一课程】。就是我以线上视频的方式，一对一，手把手的教你。每个知识都通过作业、考核，确定你已经掌握，才进行下一个知识点。否则的话，我将重新为你讲解，直到你彻底掌握为止。

非常适合零基础的同学或想要l转行的同学。课程内容通过由浅入深的讲解和大量的例子、项目实操，让同学们深刻理解JavaScript核心重点、前端工程化、node全栈开发、vueJs、ReactJs等内容。

讲课的过程中，会讲解http、tcpip等网络协议、前端常用数据结构与算法、前端架构设计、性能优化、设计模式、node核心原理等内容。

<!-- 适合人群， -->

1、零基础的同学；

2、有一、二年的工作经验，想要提升自己，但又找不到方法、路径的同学。

学习范围：

<!-- 愿景 -->

帮助学生成长为优秀的WEB前端开发工程师。

【课程核心知识点】

<!-- 基础知识：刚上道 -->

html标签、简介、元素、属性、表单；

css语法、选择器、盒模型、浮动、定位、文档流、伪类、伪元素、组合选择符等；

常见页面布局，代码书写、命名规范等；

静态页面实例，css、hover弹出菜单等交互操作；

<!-- web交互搞起 -->

if、boolean、for、this、属性等流程控制与操作；

数据类型、类型转换规则、函数详解、定时器与日期对象；

数组、字符串方法、排序算法等；

this、new、prototype、constructor、IIFE；

通过for in动态批量的添加属性；

<!-- 深入基层 -->

call &amp; apply、继承、原型链；

模块化：公共&私有方法（闭包）；

作用域链、__PRoto__、递归、链式调用等；

数据属性、访问器属性Object.defineProperty()；

es6、promise、async、await、Generator等；

<!-- 前端全栈：老司机之路 -->

jq、vue、react、node、webpack等框架全部拿下；

jq源码讲解，手动实现类jq框架；

react、redux、vue、vuex、Store单向数据流、生命周期等；

手动实现双向绑定

node、npm、ajax、axios、mongoDB

<!-- 谈笑风生 -->

简历编写，面试辅导、毕设项目、就业推荐、模拟面试等

【详细课程内容】

<!-- 开学仪式 -->

1、课程总体结构介绍；

2、讲课方式、方法、流程；

3、视频在哪、demo代码在哪；

4、作业、周总结、月考

<!-- 基础知识：刚上道 -->

-HTML 部分

html是什么？

常用标签有哪些？

form表单、常用input各种标签

...其它相关

-Css部分

css与html的关系

选择器、语法、

id、class、优先级

盒模型、定位、内外边距，负边距

伪类，浮动、清除浮动四种方法

上下左右垂直居中

经典页面布局

页面文件、目录的结构设计

案例：css、hover弹出菜单

案例：经典企业、商城首页实战

-JavaScript部分

<!-- JS基础 -->

JS操作DOM的流程

事件：鼠标，键盘，窗口，表函数创建、应用

变量创建、应用、清除、作用域

匿名函数相关内容

JS操作DOM各种属性

JS常用流程控制(if、else、switch)

for，嵌套for循环，for inthis，this指向的变化、保存

 ajax获取json数据

...其它相关

案例：静态留言板

案例：99乘法表

案例：tab选项卡

<!-- 数据类型，函数&传参，作用域， -->

JS核心：ECMAScript

JS各种数据类型

运算符(+、-、*、/、%、关系、赋值、逻辑、优先级)

函数、传参、引用

JS解析器、作用域

...其它相关

案例：自定义下拉菜单

案例：轮播图、幻灯片

案例：实现微信对话框功能

<!-- OO面向对象编程，构造函数，prototype原型、原型与原型链 -->

面向过程与面向对象

对象的属性与方法

创建对象

构造函数

prototyPE原型

原型链

设计模式 (工厂、观察者，广播...)

数据结构 (栈，队列...)

...其它相关

案例：购物车商品统计；

案例：员工信息排序和筛选；

<!-- ECMAScript 6（ES6） -->

介绍及新特性

最常用的ES6特性

let, const

class, extends, super

arrow function

template string

解构（Destructuring）

default, rest

...其它相关

<!-- 前端组件开发 -->

组件介绍、特点、原则

组件方法、配置、事件

模块化开发(通过项目进行)

前端架构设计、性能优化

JS线程与浏览器进程区别讲解

浏览器渲染机制

http、tcpip等网络协议

...其它相关

案例：自定义bug提示组件

案例：自定义控件，单复选框

<!-- 常用排序算法 -->

冒泡算法 

快速排序 

递归 

数组去重的N种方法；

案例：无限级菜单生成和交互...等

-前端全栈：老司机之路

<!-- jQuery常用方法、处理JSON -->

jQ简介、总体结构

jQ选择器

jQ常用方法

jQuery插件开发

jQ模块化

案例：jQuery实现全功能轮播图

案例：jQuery插件-自定义各种input组件

<!-- nodeJs基础，npm，exPress，node模块 -->

nodeJs介绍、下载、安装

node 之 helloword

Common规范介绍

npm

express

路由

web模块

Stream

node核心原理等

web安全机制

...其它相关

案例：node简易版用户登录、权限管理

案例：nodeJs版网盘，压缩、读、写文件流操作

<!-- ReactJs基础，jsx,生命周期，props,state -->

React基础介绍

建立React运行环境

JSX语法介绍

React程序结构

组件类：React.createClass()

属性：props

事件：ref、refs

状态：state

...其它相关

案例：react评论留言板

案例：redux图片放大镜

案例：react倒计时

<!-- webpack相关应用 -->

webpack介绍

webpack安装、配置

webpack运行

模块与页面管理

WEB前端工程化

...其它相关

<!-- VueJs -->

Vue实例

Vue生命周期lifeCycle

模板语法

计算属性computed & watch

条件和列表渲染

事件处理器

组件定义和使用

组件间的通信

标准组件的封装

自定义指令

单文件组件

脚手架vue-cli

路由vue-router

vueX状态管理

案例：vuex购物车

案例：vueJs + elementUI+node点菜app

案例：vue豆瓣电影项目

<!-- MongoDB -->

数据库基本操作

NodeJS访问MongoDB

增、删、改、查、筛选、限制、级联

...其它相关

<!-- 手把手带你写-毕设项目 -->

• node全栈在线备忘录
• FM音乐移动端应用
• nodevueJs简历编辑器-生成图片简历
• Vue+node移动商城实例

<!-- 就业辅导 -->

简历，帮你搞定一份适合你自己实际情况的不造假的简历；

模拟面试，QQ、微信视频模拟面试；

刷题攻略，面试题讲解；

职位内推，各个一二线城市的相关前端岗位推荐；

<!-- 学习方式-答疑 -->

整个课程被拆分为近100个模块，每个模块里包含若干个知识点。

1、一对一，视频直播，讲解课程；

2、先在白板上讲明白本节课程的知识点、中心思想、实现逻辑；

3、共享屏幕，演示代码开发步骤；

4、详细课程录像、课件，和作业；

5、最重要的，作业，考核。考核通过，你才可以进入下一个知识点的学习。

<!-- 实战项目 -->

• node全栈在线备忘录
• FM音乐播放器
• nodevueJs简历编辑器-生成图片简历
• Vue+Node移动商城实战
• vuex购物车
• vueJs + elementUI+node点菜app
• vue豆瓣电影项目
• 自定义控件，单复选框

这些实战项目，再加上每个模块的大小例子，足以让你的简历丰满充实。不用再担心自己的简历里没经验，没有项目可写。

<!-- 学习方式【一】 -->

全套课程的收费是，6750元；

支持分期，（花呗，信用卡）

联系我微信：blazeloulan，咨询或报名课程

<!-- 学习方式【二】 -->

自选课程的方式，按你所选择的课程模块来收费。

课程整体上分为四阶段，

第一阶段：html、css；

第二阶段：原生JavaScript、Es6；

第三阶段：nodeJs、ReactJs、VueJs，实战项目；

第四阶段：webpack、面试題、简历；

这就要看你自己选择的课程模块和具体实战项目了，在这里恕我无法给出明码标价。

因为是一对一真人出镜，视频直播的方式授课，所以每个人的课程，都可以根据自己的实际情况、程度，来做到量身订制。又因为是一对一的课程，所以不存在跟不上进度的情况。你自己就是一个班级。

你报名之后，我要与你进行深度沟通。并进行适当的技术考核，以确定你所选择的课程，确实是适合你自己的情况。而不是说，你为了省钱直接就选个实战项目模块，但做项目的前置知识你却不具备。如果出现这样的课程选购，我也是不能支持的。

因为没法教。

就好比，你三个包子能吃饱，但我没法直接卖给你第三个包子。

<!-- 优惠条件 -->

1、参加过【一对一免费课程】的同学，优惠20元；

2、转发朋友圈，优惠50元；

3、多人报名优惠；3~5人，每人优惠180元；6~10人，每人优惠230元；

<!-- 授课方式、流程 -->

1、报名、付费；

2、确认课程（全套、自选）；

3、深度沟通；

4、预约上课时间；

5、到预定时间，开始上课；

6、我真人出镜，白板讲解原理；

7、共享屏幕，代码演示开发实例；

8、布置作业，交作业；

9、作业批改，内容考核；

10、考核通过，进入下一知识点；

【or】

11、考核未通过，继续讲解本节内容；

12、重复上述4~11步；

<!-- 免费试听 -->

有二种方式，

一、直接报名参加【免费】前端学习，一对一师徒计划；

二、添加我微信：blazeloulan，回复【试听】；

<!-- 开班时间 -->

随到随学

<!-- 常见问题 -->

Q：有线下辅导吗？

A：没有的。除非你和我在同一城市，我在沈阳。

Q：我上班没时间看直播啊？

A：1、每次直播课程都有录像提供回看；2、跟随你的时间来上课；

Q：能帮忙推荐就业吗？

A：可以的。有很多内推的职位，还有hr的主动招聘。

Q：学了之后，不想学了，能退款吗？

A：因为是非实体课程，很多资源在线上提供给你后，就无法再撤回。所以不提供退款。

Q：整个课程全学完要多久？

A：整个课程在三个月左右可以学完。