我们眼中最强悍的前端课程大纲,是什么样的?

前言:

20 多年来,国内 IT 培训机构的课程大纲都是遮遮掩掩,不敢全面公布,猫腻众多,比如,你可曾见过这样的课程大纲:

这些机构的大纲只是堆砌了一些关键字,却未详细公布细节,究其原因,至少存在如下问题:

一、课程体系本身尚不完善:

很多培训机构面向学校招生,承诺了就业率,如此一来,学员们都想着快点学完好去找工作。在这样的心态下,课程体系是否完整?学的内容是否实用?知识点逻辑是否严谨?这些问题对于他们的学员来说,就不太重要了。

因此,弄一份课程大纲很简单啊,只要把内容东拼西凑一下,把关键字罗列上去就能糊弄人了,招生时让学生们看这些关键字,他们能够轻松对比,一切 OK!毕竟对于小白来说,看懂关键字就够了。把 “课程大纲” 这个至关重要的问题绕过去,其他问题都好解决(绕过敏感问题之后,小白们就更好 pian 了)。

至于哪家的授课是讲原理?哪家讲的知识点有扩展、与实际开发有关联?哪家的课后练习切中了要害?这些问题谁会关心?毕竟大多数小白们已经被 “就业率高”、“讲师很牛叉” 等这些说辞给忽悠住了,他们不懂也不太关心课程质量。在一个学员们(客户)都不去深究教学内容的市场下,这些机构怎么会花心思去建立一套复杂严谨的课程体系呢?

二、讲师授课系统化训练不足:

一旦培训机构的官网悍然公布了细致入微的课程大纲,那讲师在授课时,就必须详细讲解每一个知识点,哪怕漏掉一个,也会被学生们揪出来。而想要做到这一点,即便是技术过硬的开发人员,不进行上百次以上的备课演练,也是无法合格的。

但许多培训机构的讲师成长机制存在问题,很多机构一套 3~4 个月的课程,竟然由 7~8 名甚至更多讲师轮流授课,每个讲师的授课风格和标准都不一样。如果官方规定了细致的课程大纲,就会反过来让讲师们受到约束,他们就没办法顺利教学了。

除此以外,公布详细版课程大纲还会让其他机构偷学去,这样一来,要想永远保持领先的课程研发水准,就要不断更迭课程内容才行,这么做成本会直线飙升,做为一家以赢利(pian qian)为目的的商业机构,实在不划算。

综合来说,公布详细课程大纲弊大于利,很多机构不敢做这样的事情!

幸好,妙味课堂没有这么多包袱:

一、我们没去院校招生,不必瞎承诺“就业率”

不承诺 “包就业” 的好处,是可以把力气往学习本身使。大家只有学的扎实、能做出作品,我们才会辅导就业、推荐就业。学的不好,作品做不出来,讲师会继续辅导、争取把作品完成再去找工作。>>妙味学员作品集

二、妙味讲师都是全职授课、系统培训之后才开始带班

无论技术多牛,来妙味当讲师,必须按照我们严苛的课程大纲规定,从基础开始,严格按照课程体系授课,来不得半点随意或马虎,确保所有班所有学员都能按大纲规定,完整的接受全套课程体系,不因讲师有别而导致某些班听的内容多、某些班听的内容少。

三、作为一家能产出内容的机构,创业至今,我们的课程大纲一直在更新,从不间断

多年来,我们喜闻乐见看到各大 IT 培训机构照搬妙味课程体系,从不觉得有啥压力。在我们看来,能够把妙味课程体系抄过去,这反过来要求他们讲师的技术必须过硬,这对于他们的学员来说,未尝不是一件好事。例如 x州学院(以及更多其他培训机构),你哪怕是把公司做上市了,只要不断抄袭我们的课程大纲,意味着你们的讲师必须提高技术水平,这样也挺好。更何况,妙味课程体系年年出新,能跟得上我们的步伐,相当于间接拔高了整个前端培训机构的水准。如此一来,整个行业也就往更好的方向去了…… 在我们前进的路上,顺带做了这些事情,也是令人欣慰的。

因此,当我们再次升级大纲的时候,必须延续妙味传统,给出了业界极为罕见的敢于公布整个内容体系、细致入微到每一个小节的前端课程大纲,没有猫腻、绝不含糊,下面就是我们眼中迄今为止最强悍的 WEB 前端课程大纲:

妙味 2018 年『升级版』全栈 WEB 前端工程师就业课程

全新 WEB 前端工程师就业课程 2018 年 3 月中旬开班

咨询QQ:2852509866

微信咨询:miaov-class

电话咨询:010-57269690



相对于 2018 年以前的课程体系,课程规则由原来的 5 个阶段,调整为如今的 7 个阶段:


相对于以前的课程大纲体系,新增加的内容如下:
在 “代码初识” 阶段,为新接触前端开发的同学们增加了前端开发工程师工作流内容,详细介绍了“产品经理 > 设计 UI / 用户体验研究 > 前端开发 > QA 质量保障 > 运维”之间的内容,新增加了最新编辑器的介绍和使用,新增加了各种浏览器调试插件的介绍及使用。在“代码初识”阶段,为新接触前端开发的同学们增加了前端开发工程师工作流内容,详细介绍了“产品经理 > 设计 UI / 用户体验研究 > 前端开发 > QA 质量保障 > 运维”之间的内容,新增加了最新编辑器的介绍和使用,新增加了各种浏览器调试插件的介绍及使用。
在 “常用标签” 阶段,新增加了 cursor 指针样式内容、新增了 HTML、CSS 编码规范以及其他 9 类编码规范。
在 “浮动” 以及 “定位” 阶段,新增了更多内容的深入讲解,例如新增了更多“触发 BFC 的条件”以及相关原理的讲解,新增了更多“定位偏移量的特性”与“浏览器端表现及成因”,以及“多背景设置、线性渐变、径向渐变、文字阴影、盒子阴影、圆角设置”等诸多知识点。
在 “表格与表单” 阶段,新增了表单的“method、image、email、tel、url、search、range、number、color、date-time-local、time、date、week、month”等新增知识点。
在 “JavaScript 入门” 阶段,新增了 JS 的行为、数据、逻辑交互前置知识,新增了命名规范以及 7 条命名注意事项,以及逻辑运算的结果说明、querySelect()、querySelectAll() 等方法。
在 “数据类型和流程控制” 阶段,调整了“基本类型、引用类型”的讲解方式和示范案例,新增了“传值与传址”的详细说明,在强制类型转换中新补充了 Boolean() 方法以及转换结果说明,新增了 switch 穿透等知识点。
在 “function 详解” 阶段,重新定义了函数封装的解释与应用场景,新增了预解析机制的详细步骤,将作用域以及作用域链重新规划了教学步骤,并将闭包融入相应的大纲顺序之中,且引出匿名函数,最后详细说明了递归的应用场景。
在 “字符串和数组方法” 阶段,新增了 string.substr()、string.trim() 方法,新增了模板字符串内容,新增了 arr.forEach()、arr.map()、arr.filter() 等方法,以及全新案例。
在 “对象” 阶段,新增了对象存储数据、object JSON.paser()、string JSON.stringify()、toFixed()、Math.sqrt()、Math.PI、角度和弧度的相互转换、正弦、余弦、正切、反正弦、反余弦、反正切值等方法。
在 “JS 动画” 阶段,新增了 requestAnimateFrame() 动画帧、CancelAnimationFrame 帧编号、递归实现连续动画、动画帧的兼容处理、CancelAnimationFrame的兼容处理、封装兼容的动画帧处理方法等知识点。
新增了一个 “动画函数封装” 章节,详细分解了 tween 各种算法动画、封装 requestAnimateFrame 函数,进行多元素单属性封装、多元素多属性多动画封装、定义回调函数以及相应实例。
结合 JS 又新增了 “transform” 章节,详细讲解了 transform 变换中的旋转(角度、梯度、弧度、圆周)、缩放、拉伸、translate、transform 执行顺序、transform-origin、transoform 3D 变换、transform-style 定义、perspective 透视距离、perspective-origin 视角位置、backface-visibility、transform 动画实现的优势、封装 transform、引入 CSS() 方法、添加过渡效果时长、transitionend 事件、动画帧、速度曲线、animationStart 事件、分析3种动画实现方式的不同:transition、animation、动画函数。
在 “BOM” 阶段,新增了 navigator 中的 appName、onLine、 platform、 userAgent,以及 screen 中的屏幕宽高、任务栏之外的屏幕宽高 和 history 的数量、 back()、 forward()、 go() 等知识点。
在 “移动端事件” 阶段,新增了 mouse 事件的延迟问题、事件点透问题及解决方案、阻止默认事件带来的问题、IOS10+ safari 以及部分安卓浏览器 不在支持 viewport 的最大缩放值和禁止缩放的问题、IOS10+ safari 下给 body 加 overflow:hidden 无效的问题、阻止浏览器的回弹、阻止触发浏览器的滚动条、阻止触发系统菜单、阻止图片文字被选中、阻止 input 的输入,touches 当前屏幕手指列表、targetTouches 当前元素手指列表、changedTouches 触发当前事件手指列表、orientationchange 监听手机屏幕横竖屏切换、window.orientation 获取当前手机横竖屏、devicemotion 监听手机加速度、accelerationIncludingGravity 加速度对象、ios 和安卓下取值相反问题、deviceorientation 监听手机旋转角度。
在 “node.js” 阶段,替换了主流的 node 模板引擎,涉及安装使用等内容。
在 “AJAX” 阶段,新增了 axios 库的使用,涉及浏览器和服务端请求、支持 Promise API、拦截请求和响应、转换请求和响应数据、取消请求、自动转换 JSON 数据等知识,新增上传资源,涉及到 from 表单上传、ajax 上传、xhr.upload.onprogress 事件监控上传进度、xhr.upload.onload 事件上传完成触发等内容,新增 CORS 请求内容,涉及 W3C 标准-跨域资源共享、允许浏览器向跨源服务器发送 ajax 请求,克服同源使用限制,新增客户端操作 cookie、localStorage、storage 事件。
在 “面向对象” 阶段,新增了 ECMAScript 2015 中 class 的详细使用(基于原型的继承的语法糖)、定义类、Class 继承 extends 关键字等。
在 “ECMAScript6” 阶段,新增及细化了 ES6 的起源与目标,细化了 let 关键字的 5 个特点:不允许重复声明、不存在变量提升、声明只在大括号内有效、块级作用域暂存死区,细化解构赋值的 5 个特点:解构含义、数组 - 对象 - 字符串 - 函数参数 的解构赋值,新增了模板字符串、函数扩展、数组扩展、字符串扩展、对象扩展与简写等知识点。
在 “react 全家桶开发” 阶段,新增了 react 库的组件机制说明,细化了 jsx 语法的 7 个特点,增加了定义组件,构建可维护应用的 6 大特点,新增了 props 构建视频的 3 个特点,补充了 state 的 6 个特征,新增了 react-router-dom 部分,增加了构建多视图应用的最佳实践,增加了 redux 状态管理,新增了 webpack 全套体系的深入讲解。
在 “VUE 2.0 全家桶开发” 阶段,深度细化了 vue 的特点与优势,诸如简洁轻量、组件化、响应式编程、健全的周边工具,vue 语法特点、声明式渲染 4 个特点、9 大常用指令集、选项对象、数据类的 5 点内容,新增了生命周期钩子函数及相关的 8 个细节,详细介绍了组件的定义使用,能用组件具备的三个部分、通信、slot 插槽定制组件的结构、双向数据绑定,详细说明了 vue-cli 脚手架创建及无痛 webpack 配置目录结构、vue-router 单页应用的前端路由管理利器、vuex 集中式应用状态管理器、axios 作用与后端进行通信等。
这些新增的内容背后,是讲师们一次又一次在实际教学和项目实战中不断摸索提炼、发现与总结过后,才提炼出来的一套吻合“WEB 前端全栈工程师”定义的、且最容易被公司接受的课程体系,期待获得大家的认可。
  • 希望新的课程大纲能让大家学的开心。
  • 也希望同行们抄袭时速度尽量快一些,争取跟上我们下一次课程更新的速度,让我们共同提高这个行业的技术水准。
  • 大家 2018 年一起加油哦!

课程咨询:

咨询QQ:2852509866

微信咨询:miaov-class

电话咨询:010-57269690

妙味网友
请登录后留言,请登录注册
 
 
 
 
 
联系我们

25647892 25647892

25647892

010-57658918

在线微信客服
客服1
客服在线时间

周一至周六上午:9:00~12:00

下午:13:30~18:00

妙味公众号