作者介绍：码大牛（QQ2011168841），成长于传智播客和黑马程序员的专家型顾问。

【大牛说】

大牛老师从今天开始推出一个固定栏目，打算自己或者找朋友说一说技术、教学话题的干货和想法。每周二、周四，大牛老师会在微信公众号（boxuegu）和QQ（2011168841）空间同步更新。

在大牛服务高校老师过程中，不少老师都反馈了一个奇怪的现象——排课表安排的不是自己擅长的学科。虽然老师们教学经验丰富，但是在面对新学科备课时还是会感到困扰。最近就有老师跟大牛反馈上学期教java，这学期却被安排了前端课程，不知道从哪方面去着手备课。借此机会我们一起来聊聊前端那些事儿。 

文章比较长，主要包括：

1. 高压环境下，前端为啥这么火？

2. 你了解前端发展现状吗？

3. 前端在哪些行业发挥了较大作用呢？

4. 前端的薪资情况怎么样？

5. 前端是怎么和其他角色对接的？

6. 如何学习前端？

如果你想直接参与活动获取资源的话，请移步最后一个大标题之后看活动时间、资源领取方式及奖品就好。不过还是建议顺序读下去，因为后面的内容需要前面的分析做为铺垫。这不是一篇纯技术文章，而是一篇关于个人在前端教学路上收获的点点滴滴的心得，让你面对前端学科，能够较快的切入，有方向有重点的备课，解决前面的困扰。大牛先带你了解下这么几个问题。

高压环境下，前端为啥这么火？

上午刚看过这篇文章《母鸡与前端工程师》（在教学好助手公众号回复关键词”1011母鸡啊“即可获取此文），文章说道“中国是世界鸡蛋第一大国，一个中国人一年要吃掉400多枚鸡蛋。那么中国需要多少只母鸡，才能达到这样的产量？如果把鸡蛋换成网页，同样的问题就是，中国一年需要生产多少张网页，才能满足人民消费的需要？”

虽然是比喻，同时也说明了尽管每年都有好几万人加入互联网行业，互联网公司为什么还是在喊前端工程师严重短缺的问题。

所有页面都需要工程师做出来，那么多互联网公司，每家公司都需要前端工程师。而全国的前端工程师，目前可能总共有几十万人，对比那么大的内容消费量，肯定是远远不够的。这样一想，工程师抢手就不奇怪了。

你了解前端发展现状吗？

IT教学这么多年，不难发现前端技术发展和迭代非常快，市场环境影响下，前端MVC框架应运而生，利用目前主流的前端框架，如react、vue、angular等我们可以轻松的构建一个无需服务器端渲染就可以展示的网站，同时这类框架都提供了前端路由功能，实现了彻底的前后端分离。前端不再是只停留在做个静态网页或者js特效就能满足用户的层面了，如果你不能很清晰的理解Dom并使用JS去操纵Dom，那么你不能算是一个合格的前端从业者。

环境决定技能，现实影响进步，如果要成为一名资深的前端布道师，要掌握哪些知识结构呢？一张图带你走进前端的世界。（索要前端工具加码大牛QQ2011168841）

前端在哪些行业发挥了较大作用呢？

前不久大牛的空间和朋友圈都被微信小程序（应用号）颠覆互联网格局的消息刷屏，而小程序是用HTML5来实现的，所以它将前端再次引爆。

除此之外，不管是大众热爱的购物网站还是旅游网站。

不管是互联网电视还是物联网智能家居。

前端都发挥了不可替代的作用，还有很多很多......大牛不再一一列举。

前端的薪资情况怎么样？

不少老师反馈学生询问目前各公司前端的薪资情况，而老师们不知道该怎么解答这些问题。用数据说话，大牛不辞辛苦从各大招聘网站收集到一些薪资信息，仅供参考，以解老师之忧，请看图~

怎么和其他角色对接呢？

前端开发人员处于一个中心枢纽的位置，他们要和许多部门的同事沟通，涉及到最多的有产品、设计、后端、测试，当然还有老板。通过一个对话来梳理一下～

老板：“我要这个功能，叫上产品、设计、前端、后端、测试开会讨论一下吧”

PM:“根据功能需求，我画好了原型图”

设计：“根据原型图，设计稿已经完成了”

前端：“我要后端提供接口”

后端：“接口完成了”

前端：“我来对接一下，功能交付”

测试：“测出bug，前端、后端改一下”

前端：“bug修改完毕”

后端：“bug修改完毕”

测试：“功能可以上线了”

由此可见，几个角色相互配合密不可分，各自承担着属于自己的职责，并共同完成一个完美的功能。

如何学习前端课程？

回到文章开头提到的困扰：如果下学期改让您教前端课程，您该怎么着手准备呢？首先得自己熟悉起来啊。参加以下前端课程学习活动吧，不仅可以学到前端知识，学习的课程和案例资源还能作为备课的资源，一举两得！

大牛共规划了3个阶段的课程，每个阶段的目标和主要学习内容如下所示：

第一阶段——各种demo现成案例，主要学习：大前端开发与全栈开发的定义、sublime3安装和包管理器安装、列表、表单、HTML+CSS

第二阶段——JS完成美女相册的制作，主要学习：Dom、数组、函数、对象

第三阶段——完成京东移动端APP首页的制作，主要学习：移动web开发简介、viewport、商品组合样式

学习这3个阶段的课程，大牛会给你提供对应阶段课程的视频资源，资源领取方式如下。

活动流程：每周学习一个阶段的视频资源，并完成相应的测试题，一共三个阶段；

活动奖励：测试通过者可获得额外的资源奖励（绝密内部素材、源码、教学笔记）。测试未通过者，邀请两位计算机老师加码大牛QQ(2011168841)即可获得奖励，被邀请老师需要注明渠道“前端活动邀请”；

参与方式：加码大牛QQ(2011168841)即可。

测试方式：网页链接 https://ks.sojump.hk/jq/9973976.aspx（一共三道测试题，题目的考点在学习视频中都有讲到）；

资源发放方式： QQ及邮箱；

活动时间：10月11日~11月10日

第一阶段内容较简单，都是打基础的知识点，通过看视频完全可以主动掌握，大牛在这不用多说。

注意：10月11日将会发放第一阶段资源，后续活动消息请见“码大牛老师”QQ空间（2011168841）和“教学好助手”微信公众号（boxuegu，二维码见文末）。

有不明白的地方，随时和大牛联系。

教学好助手

IT教师都会关注的公众号

定期推送IT技术、教学干货和教师话题思考