重学前端-总结:前言,从今天起,重新理解前端
前言
大家好,最近在极客邦克购买一门重学前端的课程,在博客进行总结,将一些知识分享出来。
前端发展史:从青铜到黄金时代
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、前端综合应用部分
在手淘和淘宝工作中的一些案例来辅助讲解。
课程链接
)
重学前端-总结:前言,从今天起,重新理解前端相关推荐
- 重学设计模式--读后总结篇,我理解的设计模式!!(二)
极力推荐小傅哥的重学设计模式!!! 一.二十三种设计模式 1.二十三种设计模式 1.1 工厂方法模式 1.2 抽象工厂模式 1.3 建造者模式 1.4 原型模式 1.5 单例模式 1.6 适配器模式 ...
- 【笔记】重学前端-winter
本文为:winter 发布在极客时间 [重学前端]系列课程的的笔记和总结 支持正版哦: https://time.geekbang.org/col... 导语 如果深入进去了解,你会发现,表面上看他们 ...
- 重学前端-学习笔记-JavaScript对象
说明 重学前端是程劭非(winter)在极客时间开的一个专栏,在此主要整理我的学习笔记.如有侵权,请联系我,谢谢. javascript对象特征 对象具有唯一标识性:完全相同的两个对象,也不是同一个对 ...
- 重学前端学习笔记(三十六)--Flex 布局
笔记说明 重学前端是程劭非(winter)[前手机淘宝前端负责人]在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入winter的专 ...
- 判断字符串 正则_(重学前端 - JavaScript(模块一)) 14、引用类型之 RegExp (正则)(详述)...
上一篇文章介绍了 JavaScript 中的 Date 类型,从地理方面的原理知识开始入手,如果大家认真看过上一篇文章,相信 JavaScript 中的 Date 类型已经难不住大家了!!! 但是今天 ...
- 重学前端学习笔记(八)--JavaScript中的原型和类
笔记说明 重学前端是程劭非(winter)[前手机淘宝前端负责人]在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入winter的专 ...
- 重学前端学习笔记(二十二)--选择器的机制
笔记说明 重学前端是程劭非(winter)[前手机淘宝前端负责人]在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入winter的专 ...
- 重学前端学习笔记(十三)--浏览器工作解析(三)
笔记说明 重学前端是程劭非(winter)[前手机淘宝前端负责人]在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入winter的专 ...
- winter重学前端——训练营预习课
重学前端读书笔记 javascript javascript 类型 javascript对象 面向对象与基于对象 模拟类 JavaScript 中的对象分类 javascript 执行 Promise ...
最新文章
- 艾伟:控件之ViewState
- VALSE 2020-18 《如何写/审AI领域的论文》笔记
- 再见 Jenkins!几行脚本搞定自动化部署,这款神器有点厉害
- boost::format模块测试格式与枚举一起使用
- char 如何赋空的初值
- 【Apache POI】基础处理方法总结
- java上机作业要注意什么_Java第八次上机作业
- 基本值类型(一):序数类型与运算符
- css垂直水平居中的整理
- java树洞_SSM框架开发案例——铁大树洞后台管理系统
- bootstrap table 表格支持shirt 多选_bootstrap-table 表格行内编辑实现
- Python Regular Expression
- MATLAB 在线性代数和高等数学中的应用
- JavaScript学习指南 (来自转载)
- cass坡度土方计算案例_四面放坡且坡度不同的工程土方,CASS怎么算?
- 微机原理与接口技术[第三版]——第七章课后习题答案
- java xss漏洞修复_全局存储型XSS漏洞修复
- Windows运行机理——消息与消息队列
- 解决安装宝塔面板“ERROR: Failed to download, please try install again”错误
- iOS10 适配 ATS(app支持https通过App Store审核) 韩俊强的博客