为了账号安全,请及时绑定邮箱和手机立即绑定
慕课专栏

目录

索引目录

Web前端开发修炼指南

限时优惠 ¥ 46.00

原价 ¥ 58.00

04月17日后恢复原价

限时优惠
立即订阅
01 开篇词-为什么学习本专栏
更新时间:2020-03-16 23:52:01
才能一旦让懒惰支配,它就一无可为。

——克雷洛夫

1. 当下的前端开发

随着 Web2.0 的到来,前端从传统的切图制作网页演化成为一个重要的岗位,尤其是在如今这个体验至上的时代,前端也变得越来越不可替代。

在大学里面,普遍不会有 Web 前端开发这门课,即便是有相关课程,也常常是伴随着 JSP、ASP 等技术一起被提起,往往不会受到重视。
还记得大学时期,我刚开始接触前端。那个时候学校的老师授课还在用 Dreamweaver,前端这个概念还不清晰,很多人对前端的看法就是 “DIV+CSS”。

实际上,这一看法其实是错误的,前端早已经不仅仅只是制作网页了。随着 NodeJS/Babel/Webpack 等诞生,前端也迈入了工程化的时代。

2. 前端进阶之路

刚毕业的时候,我一个人来到上海,在一家大型互联网公司做前端开发。最开始我也只是一个页面仔,每天做着重复的工作,写写新页面、维护老页面,不管写了多少页面都得不到什么提升。

由于当时做的交互都比较复杂,我就开始关注如何写好业务代码这一层面,这一期间我读了很多经典的书籍,例如《编写可读代码的艺术》、《代码大全》、《JavaScript 设计模式与开发实践》、《重构 改善既有代码的设计》等书,学到了很多语言之外的理论,打好了编程的基础。

后来,我意识到只会使用工具是不够的,一旦工具换了,那我们就要重新学习新的工具,而学习精力终归是有限的。于是,我开始去读源码,从 jQuery、Underscore 到 Backbone、React 等等,这一过程不仅加深了我对 JavaScript 的理解,还增长了自信,我的前端进阶之路由此开始。

你在前端开发的学习之中,是否经常会有下面这些困扰?

  1. 新技术变化太快,不知从何学起
  2. 不管做了多少个项目,依旧是写不好业务代码
  3. 想读源码,但无从下手
  4. 技术深度不够,一直停留在初中级阶段

如果你有这些困扰,那么你就是本专栏的受众。我写这个专栏的目的,就是为广大初中级前端们提供一条学习路线,尽量避免大家在学习阶段花费太多时间踩坑。
因此,这个专栏里的内容并非只是简单地讲解语法,更多的是深入其原理,比如我会带你从零实现 Promise、asnyc/await、动态 import、Redux、Mobx 等等,这些都是别的入门课程中很少涉及到的。

3. 文章主题和章节设计

前端进阶.png-236.1kB

3.1 基础篇

基础篇主要介绍了 JavaScript 的诞生、ECMAScript 提案、变量命名、表驱动法、类型转换原理、函数这几部分,内容尽量做到了实用、易懂。

3.2 面向对象篇

面向对象篇和 ES6 篇的主要目标就是介绍一些可以提高业务代码可读性和可维护性的方法。
面向对象篇从五大原则、三大特性开始讲起,带你探寻面向对象编程的本质,深入到 Babel 编译之后类与继承的实现,再扩展到从零开始用 MVC 组织前端业务代码,对代码进行分层等方面。

3.3 ES6 篇

ES6 篇主要是对 ECMAScript 中可以深入挖掘的,例如 Proxy、装饰器、Promise、asnyc/await 等语法的介绍,使用了丰富的例子来讲解适用场景,中间还穿插了一些装饰器模式、代理模式等知识。
除此之外,还引出了开发中实用的面向切面编程(AOP)、依赖注入、控制反转等概念,帮助我们写出可维护性更高的代码。

3.4 React 篇

React 篇从教你用 Webpack 和 Parcel 搭建环境开始,带你学习 React 的基本用法以及原理。
为了避免讲解原理时的枯燥,其中 Redux、Mobx 等做到了手把手带你从零实现一个类似的库,加深你对 React 状态管理的理解。
此外,不仅会对 React 中的 key、diff、state 等做比较深入的讲解,还会介绍 React16 中的新特性,例如 hooks、fiber 等,尽量做到深入原理。

参考文档:

}
限时优惠 ¥ 46.00 ¥ 58.00

你正在阅读课程试读内容,订阅后解锁课程全部内容

千学不如一看,千看不如一练

手机
阅读

扫一扫 手机阅读

Web前端开发修炼指南
限时优惠 ¥ 46.00 ¥ 58.00

举报

0/150
提交
取消