重学前端-总结：前言，从今天起，重新理解前端

Bertha 。 2021-09-28 05:28 337阅读 0赞

# 前言 #

大家好，最近在极客邦克购买一门重学前端的课程，在博客进行总结，将一些知识分享出来。

## 前端发展史：从青铜到黄金时代 ##

2006 年开始，那会儿前端还处于史前的“青铜时代”，甚至网页的主要交互都还是依靠切换超链接来完成的。

### 1、 前端的史前记忆：“青铜时代” ###

那时候，谷歌刚刚基于 Ajax 发布的 Gmail 也没多久，虽然这项伟大的技术标志着 Web 1.0（静态网页）到 Web 2.0（动态网页）的迈进，但在国内依然少有人懂，如果当时谁可以对这项技术侃侃而谈，那简直就是大神的级别。

### 2、进入发展期的前端：“白银时代” ###

前端技术开始了它的大踏步发展，那一段时间，可以说是前端的“白银时代”。最直观的表现之一就是前端逐步从后端分离了出来，它的代码也变得复杂了起来，还需要保存数据、处理数据、生成视图等等。  
悄然之间，前端已经从零散的“工序”逐步发展成为有体系和发展目标的职能，同时，在越来越大的前端团队中，工程化的思想也逐渐萌芽。

### 3、 从前端到“全端”：“黄金时代” ###

一些传统软件开发和互联网服务端的方法论逐步移植到前端开发中，并形成了前端自己的工程体系，诸如持续集成、前后端分离、线上监控……  
架构方面，前端架构的任务也从简单的解决兼容和风格问题，逐步过渡到提倡组件化和 UI 架构模式，最后形成了新一代的前端框架 React、Vue 和 Angular，他们也在竞争和互相学习中成长。

# 前端开发之痛：散点自学 + 基础不牢 #

关于前端工程师成长，需要两个视角。  
一是立足标准，系统性总结和整理前端知识，建立自己的认知和方法论；  
二是放眼团队，从业务和工程角度思考前端团队的价值和发展需要。  
在专栏里，分成了四个模块来讲解：

*  JavaScript；
 *  CSS 和 HTML；
 *  浏览器实践；
 *  前端综合应用。  
    前三个模块是前端的基础知识，是个人的前端能力提升，而模块四则是前端团队发展相关的内容，有助于你和团队的整体提高。  
    1、javaScript 部分  
    主要会从文法和运行时的角度去讨论 JavaScript 语言。它们是互相关联的，而语义就是文法到运行时之间的桥梁；它们分别又是完备的，任何语言特性都离不开两者，所以从语法和运行时的角度，我们都可以了解完整的 JavaScript。  
    2、CSS 和 HTML 部分  
    会侧重从语言和设计思想的角度来讲解，我们同样可以对两者的全貌建立一些认知。  
    3、浏览器部分  
    包含了浏览器工作的原理和一些重要的 API，包括 BOM、DOM、CSSOM 和其他一些内容。了解了这些知识，你才能把 JavaScript 和 HTML、CSS 连接起来，用 JavaScript 来实现功能。  
    4、前端综合应用部分  
    在手淘和淘宝工作中的一些案例来辅助讲解。

# 课程链接 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bmZlbmc0ODI_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bmZlbmc0ODI_size_16_color_FFFFFF_t_70_pic_center 1])

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bmZlbmc0ODI_size_16_color_FFFFFF_t_70_pic_center]: /images/20210923/8d743184ef074b08977ebe1ad445bdf4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bmZlbmc0ODI_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210923/9097a6711ab541bfbdd724fe7dc03568.png