大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

【全栈之路】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

支付方式:

支付宝账号14075698@qq.com

上课时间:

周一至五,全日

上午: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:咱们的课程每一节都有录像,可以下班看录像学习。有条件的同学也可以在白天的上班的时候,一边上班一边看视频课程嘛,把视频窗口开小,你带着耳机就听呗。

- 就等你来 -