【全栈之路】WEB前端零基础课-[1102班]-课程详情 & 开始报名

各位同学们，2018年11月期的web前端零基础课，开始接受报名！

 

 一直关注这个课程的同学们都会知道，这个web前端零基础课，每一期的内容都会有调整，都是在上一期的运行的基础上进行一定的优化。课程内容是我本人设计，我本人主讲，在不断的迭代，打磨中，让它日趋完美。

 这一期也不例外，随着之前几期零基础课的摸索，从html、css、js，到vueJs、reactJs，再到nodeJs、MongoDB的技术链条已经完善，所有的技术节点都有相应的实例搭配。

这一期的调整只有一个，“所有的实例，都向web全栈开发靠拢”。

这也意味着，

- mongoDB的讲解会提前；

- 所有的实例都要重新调整；

- 业务更贴近实战；（可以说，这一期是最贴近实战的了）

也许有同学会担心，“哎呀，会不会更难了呀？”

放心，客观上难度存在，但并没有加大。因为我将在适合的时候，通过适当的例子，把它适时的加上去。整个流程会让你觉得，“很自然，很理所当然的就是应该这么做”。

相信我同学们，mongoDB的内容已经在之前三期的课程中，充分的打磨过了。我敢这么写出来，自然就有相应的底气。

其余部分的技术内容在主体不变的情况下，有下列微调：

/1/、突出WEB全栈大前端开发能力，

本期最大亮点，新增“nodeJs中间件 & MongoDB”开发，让你从前端到后端一起搞定。

担心学不会、讲不完？

不存在的，上一期已经讲完nodeJs、MongoDB了，认真学的，都学会了。这一次只是把它写入课程介绍中。

/2/、ES6内容增加，JavaScript核心内容增加

具体变化为：

(1)、讲解ES6语法、特性；

(2)、着重讲解JS核心内容，this & call & apply & prototype & constructor & __proto__ & 栈 & 几种继承方式 & 设计模式 & OO && 函数式编程 ...这些东西都是JS的本质的东西，不会变的。

(3)、nodeJs在这一阶段加入

/3/、jQuery内容会适当精简

具体变化为：

(1)、jq语法、实例简单讲解；

(2)、jq插件开发；

(3)、jQuery版本的电商网站；

虽然现在jQuery不再火热，但它依然有很大的市场份额，不能完全取消。

/4/、ES6，从零开始学习

具体变化为：

(1)、ReactJs版本的电商网站；

(2)、VueJs版本的电商网站；

// 它们都用es6开发

/5/、nodeJs中间件开发，助你走上全栈之路！

- 使用node express设置静态目录，使用axios响应前端请求；

- 前端可以自行拼装自己所需要的json数据，不再依赖于后端接口；

- 使用nodeJs中间件访问mongoDB数据库获取数据更新页面视图；

- ...

让你真正具备 前端架构设计 的思维能力。

/6/、MongoDB，数据库CRUD操作

前端Js调用nodeJs操作mongoDB数据库，实现增删改查，真正完成前端技能闭环。

// 本期课程分为二个阶段 //

(一)、从零开始，先实现一个小目标：“理解、掌握开发web程序的逻辑思维”，

html + css + jQuery + json + nodejs中间件 + json + template，搞定jQuery版本的电商网站；

(二)、技术升级、项目迭代，“掌握主流前端框架ReactJs、vueJs”，

ES6 + webpack + node + ReactJs && VueJs + json ，搞定reactJs和vueJs版本的电商网站。

这样同一个项目，按不同的思路，用不同的框架前后做三遍，这其中是三个项目。让你充分理解不同框架之间所蕴含的思想。

// jQuery为什么叫dom查找器？它的思想是单例，为啥？

// react、vue为啥叫mvvm？它俩的思想是观察者模式，为啥？

理解这些区别，最有效的方法，就是通过比较来理解。

//// 课程思路 ////

这个课程整体其实就是一个电商项目，我讲解它的过程，就是按照真实的开发节奏和过程来讲解的。在工期，时间节点，进度，开发要求等技术指标上都有要求。参与学员在事实上就等于是我以前带过的实习生是一样的。

整个课程流程走下来，

    1，学到实用技术；

    2，掌握了开发流程；

    3，理解了需求分析。

同时在课程中穿插讲解，“数据结构，设计模式，OOP思想，算法，web性能与安全，UE可用性，前端优化原则”...等内容。这其中有许多并不是直接的前端开发技能，但却能直接展现面试者的前端知识面的广度与深度，以达到“在面试中，与面试官谈笑风生”。

总体思路是，“使学员们明白，学习前端开发并不是前端知识点的罗列。而是要掌握在实际工作中，什么时候，什么情况下使用哪些技术，这些技术是为解决什么问题而存在或产生的。从而使你能从无到有，从0到1的组织起自己的前端开发技能树“。

/// 与其它培训课程的区别 ///

它与其它培训机构最大的区别在于，在培训机构里，他们只是教你所有前端相关的这些技术，不管有用没用，也不管你是不是用得上，记得住，更不讲某个技术为什么要这样使用。四个月讲下来，教了你1,2,3,4,5...n个知识点，好了，这么多知识点都教你们了。不管你们会没会，反正培训机构是教了，你挑不出来对方什么毛病。但这些知识点在具体的实际工作中，都是在什么时候，什么情况下使用，为解决什么问题而存在呢？培训机构基本不会讲这些。

所以许多同学在培训结束之后，依然是不会分析需求，不会开发流程，没有自己的前端技能树，只是会了一些js，一些框架，会一些零散的前端小例子而已，不成气候，干不了活。最主要的是，通不过面试。

那些培训机构里的讲师年纪轻轻，你问问他们自己，能有几年实际的一线前端开发工作经验？就跑出来给人讲课？前端开发工作他做了多久？讲课的时候就那么流水账一样照本的讲。

实话实说，我从2002年去北京，第一家公司是北京天极网，然后经历过创业公司，联想，完美时空，又进创业公司工作，等等种种公司，一直到我2014年离开北京回到沈阳，然后在沈阳的本地互联网公司又工作了二年，充分体会了互联网行业的一线城市和二线城市的区别。

以我至少12年以上的前端开发实际工作经验，我这才敢出来开班讲课。我是真心不相信培训机构那些年纪轻轻的“小老师”们，他们的实际工作经历比我更多。我这段话的意思，并不是说工作年限多就一定讲的好。而是想说，我就是经历比他们多，能力比强，所以我讲的内容，干货就是比他们多。

过往的公众号文章可以证明这一点，每一篇都是我原创的。我认为，前端培训课程的目标，应该是就业，而不是大而全的把前端开发所需要的技能全面彻底的全部教给你。而且也不可能把所有的前端技能都教给学员们，因为前端开发它也在发展，在变化。

所以我一向认为，四个月、半年的前端培训课程太长了。事实上许多人学到后半程都跟不上进度了。我就不相信那帮讲师流水账一样的讲法，到后半程讲多个知识点综合使用的时候，这些学生们还能记得起来！我就敢说学到后半截的时候，许多学生就算他想问，他都不知道问什么，从哪问起。都tmd已经学的没概念了。为啥线下那些培训机构的学期都四五个月呀？不拉那么长时间，没法跟你要一万二三、一万八九的学费。

所以，我觉得仅就课程而已，真心不用四五个月那么长。前端入门不难，很多人只是缺少个带路的。所以，我设计的课程，时间不拉那么长，价格也不会那么贵。就是二个月，尽量挑干的讲，讲完趁着你们还没忘呢，赶紧上班去。

/// 性价比最高 ///

单位时间内，你在市面上找不到比我这更有性价比的课程了。

4750元，还有学费比这更便宜的吗？

你可以说，有！

二个月，周一至五，44个工作日，从早9点半，到下午15：30，全程视频直播，总共全部242课时(一课时60分钟)，仅收4750元学费，你还能找到第二家吗？

主讲老师：我，老尚，从事前端开发十四年。其中在北京12年，沈阳2年。就职的最后一家公司是北京360。

我这样的职业经历 + 全程直播242课时+4750元学费。这三者合在一起条件都具备的，满中国找，你不可能找到第二家。

/// 学习方针 ///

以一个电商项目为主干，从零开始写，随着项目进度的不断推进，来学习当前进度所需要用到的相关技术，并随时补充我个人多年的工作经验。

- 即，以项目引导学习。

过程中尽量只学习工作中实际能用到的技术，课程中所有的内容全都以“就业”为最终目的。就是说，我这个课程的目地，不是“把前端开发所有的知识都教给你”，而是“为了让你尽快的能找着工作”。

参加培训为了啥？为了学前端；

那学前端为了啥？不就是为了能上班么！

要让我说，不能就业的培训，不是一个好的前端开发。

/// 实例引导学习 ///

每一个知识点，每一步的项目进度，每一个实例，都是由多个实例所组成。每个实例都要求你手动实现，视频教学中，你会看到我每一步的代码实现。事实上就是我一步一步的带领你们完成整个项目的开发。

当课程结束的时候，你会拥有一个完全由你自己开发完成的，“电商网站”。这是一个真实的项目，你自己写的，不是你在哪里找来的东西。拿着它去面试，这就是你的工作经历。

/// 直播，距离不是问题 ///

视频直播，借着电脑，你和我，学生和老师实际上是联接在一起的。你不懂就问，我马上回答，课程实时互动。代码写不ok，打个包用微信发给我，我这边运行看看问题在哪，马上在视频直播中回复你。极大提升学习效率。

某些同学不要找借口，距离不是问题，视频不是问题，代码有bug不是问题，通过网络都可以解决，不要想当然的觉得网络、在线不如线下课堂。回想一下，你在网上约x，泡妞找姑娘的时候，怎么没觉得线上不方便呢？

/// 课程目标 ///

本课程的核心目标是，让你成为一名合格的前端开发工程师，具备以下能力：

1、通过UI设计稿理解项目业务逻辑；

2、能够根据UI交互demo，进行需求分析；

3、能够根据“1、2”的结果，在脑海中组成一条开发路线；

4、具有合格的JavaScript开发技能；

/// 课程适合人群 ///

1、真.零基础的同学；

2、喜欢前端开发，想进入前端开发行业的；

3、自学前端感觉迷茫，想快速提高前端能力的；

4、身处其它行业，希望快速转换到前端开发行业的；

//// 课程体系技能树 ////

/// 电商网站项目结构 ///

//// 其它vue & React & mongodB实例列表 ////

// 比前几期多几个 mongoDB的例子，^_^

// 就是这么一期一期的迭代

教学对象

-- 真.零基础的同学

 教学目标 

-- 成为合格的WEB前端工程师

 课程知识点 

-- Div、Css网页制作

-- JavaScript（ES5、ES6）

-- nodeJs

-- JSON

-- jQuery

-- ReactJs

-- Vue

-- WebPack

-- 简历与面试题

-- ...更多

授课方针 

以一个电商项目为主干，从零开始写，随着项目进度的不断推进，来学习当前进度所需要用到的相关技术，并随时补充我个人多年的工作经验。

- 即，以项目引导学习

内容-包括但不限于 

-- 静态页面制作

-- 学会并理解JS基础知识；

-- 掌握jQuery常用方法，选择器，插件；

-- 理解“前端开发与UI设计图所表示的业务之间”的关系。

-- 如何AJAX获取JSON数据，更新DOM；

-- 前端与UI的沟通；前端与后端的沟通；前端在工作流程中的定位；

-- 在项目中如何把一个网站分割为一个个的组件；组件之间如何通信；

-- 如何对需求进行分析，怎样理解业务需求；

-- webpack、nodejs之类的东西，什么时候使用，

-- 熟练掌握react、vue主流框架

-- 开发与测试、上线标准；

-- 前端构建与工程化

-- ...更多

// 详细课程大纲 //

// 基础知识：刚上道 //

第一章：HTML、CSS、盒模型

1.1 HTML介绍

1.2 CSS介绍

1.3 盒模块

...其它相关

第二章：浮动与定位

2.1 float

2.2 clear

2.3 清除浮动方法

2.4 css预先处理

...其它相关

// web交互搞起 //

第三章：JS基础

3.1 JS操作DOM的流程

3.2 事件：鼠标，键盘，窗口，表单...

3.3 函数创建、应用

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

3.5 匿名函数相关内容

3.6 JS操作DOM各种属性

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

3.8 for，嵌套for循环，for in，...

3.9 this，this指向的变化、保存

3.10 ajax获取json数据

...其它相关

第四章：数据类型，函数&传参，作用域，

4.1 JS核心：ECMAScript

4.2 JS各种数据类型

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

4.4 函数、传参、引用

4.5 JS解析器、作用域

...其它相关

第五章：ECMAScript 6（ES6）

5.1 介绍及新特性

5.2 最常用的ES6特性

5.3 let, const

5.4 class, extends, super

5.5 arrow function

5.6 template string

5.7 解构（Destructuring）

5.8 default, rest

...其它相关

第六章：DOM、Event事件、浏览器

6.1 DOM、BOM

6.2 事件流(冒泡、捕获、绑定、监听、注销)

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

6.4 浏览器渲染

6.5 HTTP、tcp/ip协议

...其它相关

// 深入基层 //

第七章：OO面向对象编程，构造函数，prototype原型、原型与原型链

7.1 面向过程与面向对象

7.2 对象的属性与方法

7.3 创建对象

7.4 构造函数

7.5 prototype原型

7.6 原型链

7.7 设计模式 (工厂、观

察者，广播...)

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

...其它相关

第八章：前端组件开发

8.1 组件介绍、特点、原则

8.2 组件方法、配置、事件

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

8.5 HTML5

...其它相关

// 前端全栈：老司机之路 //

第九章：jQuery常用方法、处理JSON

9.1 jQ简介、总体结构

9.2 jQ选择器

9.3 jQ常用方法

9.4 jQuery插件开发

9.5 jQ模块化

//这部分内容主要在项目进程中体现

第十章：nodeJs基础，npm，express，node模块

10.1 nodeJs介绍、下载、安装

10.2 node 之 helloword

10.3 Common规范介绍

10.4 npm

10.5 express

10.6 路由

10.7 web模块

10.8 Stream

...其它相关

//node实例将在项目进程中体现

第十一章：ReactJs基础，jsx,生命周期，props,state

11.1 React基础介绍

11.2 建立React运行环境

11.3 JSX语法介绍

11.4 React程序结构

11.5 组件类：React.createClass()

11.6 属性：props

11.7 事件：ref、refs

11.8 状态：state

11.9 生命周期

...其它相关

第十二章：webpack相关应用

12.1 webpack介绍

12.2 webpack安装、配置

12.3 webpack运行

12.4 模块与页面管理

12.5 WEB前端工程化

...其它相关

第十三章：Vue.js

13.1 Vue实例

13.2 Vue生命周期lifeCycle

13.3 模板语法

13.4 计算属性computed & watch

13.5 条件和列表渲染

13.6 事件处理器

13.7 组件定义和使用

13.8 组件间的通信

13.9 标准组件的封装

13.10 自定义指令

13.11 单文件组件

13.12 脚手架vue-cli

13.13 路由vue-router

13.14 vueX状态管理

// 与面试官谈笑风生 //

第十四章：行业相关

15.1 web性能 & 安全

15.2 用户体验(可用性，可访问性，UI/UE)

15.3 前端优化原则

...其它相关

// 开班信息 //

课程时长：

2个月，(共44个工作日，总计242课时)

开课时间：

2018年 11月 02日

报名加我微信：blazeloulan

总费用： 4750元 ，

支付方式：

支付宝账号：[email protected]

上课时间：

周一至五，全日

上午：9:30 ~ 12:00 

下午：13:30 ~ 15:30

讲课方式：

远程视频，每次课都有录像，可下载。

有配套的qq和微信群，我本人全天24小时回复课程内容疑问。文字不行就语音，语音不行就拍照，拍照不行就录像，录像不行咱们还有视频...，方法很多，总能把问题搞清楚。

// 再次重申 //

本课程属于非实体产品，不退费。

请在决定时慎重考虑，为自己的决定负责

/// 常见问题 ///

Q：这么多内容，讲得完吗？

A：上一期我增加react、vue、nodeJs的时候，也有人问过我这个问题。现在你看，不但讲得完，还讲得清楚。如果你觉得课程内容多，这就像小时候“你不爱吃的饭，盛的再少你也嫌多”，一样的。

Q：课程到底是直播，还是录像？

A：课程是我本人视频直播讲解，中间穿插练习。下课之后会提供录像下载，你可以反复观看。

Q：一次没学会怎么办？

A：下次免费重学，学会为止。

Q：下课之后有问题怎么办？

A：在微信上，随时提问。你可以拍照或录小视频把你的问题拍下来，用微信发给我。

Q：下课之后的作业没写ok怎么办？

A：每次课后，都会提供相对应的课程示例源码。你可以对照着视频和我所提供的源码，一步一步的实现作业。如果还不ok，把你的代码打个包发给我。老师始终在你身后。

Q：怎么交费？

A：支付宝。

Q：可以退费吗？

A：不可以退费。本课程属于非实体产品，不退费。请在决定时慎重考虑，为自己的决定负责。

Q：在职的白天要上班的同学怎么学习？

A：咱们的课程每一节都有录像，可以下班看录像学习。有条件的同学也可以在白天的上班的时候，一边上班一边看视频课程嘛，把视频窗口开小，你带着耳机就听呗。

- 就等你来 -