level 10
山东原谅帽CEO
楼主
在学之前，先“玩”
Chrome Dev Tools
前端核心工具，没有之一，浏览器是前端项目的“操作系统”，Devtools是这个操作系统的控制台。
用Devtools分析页面，“解构”某个前端实现，用Devtools“试验”小段代码，做Hack，用Devtools能做很多东西。
最重要的，用Devtools“探索”前端系统，最核心的概念都在这个工具里。
你应该关注Chrome Dev Tools团队的官方博客，
很多人学了半天编程，学了各种“技巧”，还不知道“提取、封装”的通用性和重要性。
有提取封装，才有可能产生高质量的“抽象”，才有后面的“信息隐藏”，“可读性”，“复用”，“模块化”，“低耦合”，“架构设计”，“Simplicity”，“DRY”，“可维护性”，“代码质量”这一堆东西。
现在的编程教育太多本本教育，啰嗦了半天“模块化”，铺陈各种技巧，却没有提程序设计最最普世最最根本的常识：提取封装。
我说它是常识，就像你要出远门，带很多行李，于是分门别类，分箱子打包好了递送，提取封装无非如此，理解概念间的联系和区别，远近亲疏，做一个选择，把他们“合理”地归置起来。
这是无处不在的，HTML，CSS，JS，PHP，Java … 好的程序设计无非合理的提取封装。只不过虽然说起来简单，做起来未必，问题是复杂的，合理地提取封装变得困难，就像你出远门要多带很多东西打包变得困难一样。
HTML5
HTML5不难，但每个标记用得恰到好处没你想象的容易。
HTML5容错率高，该用section的地方你用div也不会报错，但仍有不少讲究，比如把Table系列标签用得恰到好处。我可以肯定市场上有90%+的前端程序员并不100%掌握Table系列标记的确切语义和用法。
HTML5的很多书本都大谈特谈HTML5的新功能，新API（JS），这些东西有用，但并不重要，要用的时候拿起来用就行了。
HTML的重要性，体现在理解HTML本身已经不再只是文档结构标记语言，现代前端开发，HTML本身是“编程接口”，是抽象的基本形态，如何理解？
这是现代前端模块化的基石，前端组件化的基础，产生这样的HTML代码是一个“设计问题”，接口设计，输入输出设计，模块设计，你怎么叫都行，反正现代前端开发语境下的HTML不是简单用用HTML定义好的标签这么简单，这是前端开发的强大、美妙之处。
不要看轻HTML，它不复杂，但很重要。
CSS3
CSS是一种很深的技术，是非常值得投资的技能，光是一个transition最小白的使用，能给一个单调的页面带来生机。尽管多数前端项目对开发者CSS的能力要求不高。
这个技能能给项目带来质变，视觉，交互，甚至能直接影响程序设计本身。很多用JS做的低效实现，现在都有成熟的CSS方案，比如超级灵活的适应性布局，状态转换，动画等等。
带着兴趣与尊重学HTML5，CSS3
两者结合起来，是很深的技术，有时候我们经常纳闷一个页面实现实现的关键技术是什么，很多时候这个关键技术并非高超的JS编程技巧，而是对HTML5，CSS3的深刻理解、创造性地应用，这种用例往往给我们醍醐灌顶的感觉。
是的，HTML5，CSS3也有大师，并不是开玩笑。表面看起来简单的东西，比如骑自行车，也可以玩成极限运动。
区别在于“主动探索”。
说回基础，CSS3的核心并不难列出，布局定位，盒子模型，度量衡，字体规则等等。
但列出来并没有意义，因为学编程不是画好重点照本宣科，而必须实际运用中理解，没有替代方案。
就是将HTML5和CSS3做有相当复杂度的静态页面。
没有耐心的人觉得做这种东西简直索然无味，HTML5，CSS3我都会啊，我看看就懂了。
这类孩子会绕一大个圈子。
怎么学Javascript语法
我们学编程不学语法，而是学概念，这是一个重要的意识上
2023年01月19日 00点01分
1
Chrome Dev Tools
前端核心工具，没有之一，浏览器是前端项目的“操作系统”，Devtools是这个操作系统的控制台。
用Devtools分析页面，“解构”某个前端实现，用Devtools“试验”小段代码，做Hack，用Devtools能做很多东西。
最重要的，用Devtools“探索”前端系统，最核心的概念都在这个工具里。
你应该关注Chrome Dev Tools团队的官方博客，
很多人学了半天编程，学了各种“技巧”，还不知道“提取、封装”的通用性和重要性。
有提取封装，才有可能产生高质量的“抽象”，才有后面的“信息隐藏”，“可读性”，“复用”，“模块化”，“低耦合”，“架构设计”，“Simplicity”，“DRY”，“可维护性”，“代码质量”这一堆东西。
现在的编程教育太多本本教育，啰嗦了半天“模块化”，铺陈各种技巧，却没有提程序设计最最普世最最根本的常识：提取封装。
我说它是常识，就像你要出远门，带很多行李，于是分门别类，分箱子打包好了递送，提取封装无非如此，理解概念间的联系和区别，远近亲疏，做一个选择，把他们“合理”地归置起来。
这是无处不在的，HTML，CSS，JS，PHP，Java … 好的程序设计无非合理的提取封装。只不过虽然说起来简单，做起来未必，问题是复杂的，合理地提取封装变得困难，就像你出远门要多带很多东西打包变得困难一样。
HTML5
HTML5不难，但每个标记用得恰到好处没你想象的容易。
HTML5容错率高，该用section的地方你用div也不会报错，但仍有不少讲究，比如把Table系列标签用得恰到好处。我可以肯定市场上有90%+的前端程序员并不100%掌握Table系列标记的确切语义和用法。
HTML5的很多书本都大谈特谈HTML5的新功能，新API（JS），这些东西有用，但并不重要，要用的时候拿起来用就行了。
HTML的重要性，体现在理解HTML本身已经不再只是文档结构标记语言，现代前端开发，HTML本身是“编程接口”，是抽象的基本形态，如何理解？
这是现代前端模块化的基石，前端组件化的基础，产生这样的HTML代码是一个“设计问题”，接口设计，输入输出设计，模块设计，你怎么叫都行，反正现代前端开发语境下的HTML不是简单用用HTML定义好的标签这么简单，这是前端开发的强大、美妙之处。
不要看轻HTML，它不复杂，但很重要。
CSS3
CSS是一种很深的技术，是非常值得投资的技能，光是一个transition最小白的使用，能给一个单调的页面带来生机。尽管多数前端项目对开发者CSS的能力要求不高。
这个技能能给项目带来质变，视觉，交互，甚至能直接影响程序设计本身。很多用JS做的低效实现，现在都有成熟的CSS方案，比如超级灵活的适应性布局，状态转换，动画等等。
带着兴趣与尊重学HTML5，CSS3
两者结合起来，是很深的技术，有时候我们经常纳闷一个页面实现实现的关键技术是什么，很多时候这个关键技术并非高超的JS编程技巧，而是对HTML5，CSS3的深刻理解、创造性地应用，这种用例往往给我们醍醐灌顶的感觉。
是的，HTML5，CSS3也有大师，并不是开玩笑。表面看起来简单的东西，比如骑自行车，也可以玩成极限运动。
区别在于“主动探索”。
说回基础，CSS3的核心并不难列出，布局定位，盒子模型，度量衡，字体规则等等。
但列出来并没有意义，因为学编程不是画好重点照本宣科，而必须实际运用中理解，没有替代方案。
就是将HTML5和CSS3做有相当复杂度的静态页面。
没有耐心的人觉得做这种东西简直索然无味，HTML5，CSS3我都会啊，我看看就懂了。
这类孩子会绕一大个圈子。
怎么学Javascript语法
我们学编程不学语法，而是学概念，这是一个重要的意识上
