学习前端开发，能抛弃HTML和CSS吗？

article/2025/7/30 20:31:25

前言

前端开发里面HTML和CSS是两个非常重要的核心技术，它们是构建网页和应用程序界面的基础。

HTML（超文本标记语言）是用于描述网页结构的标记语言，它定义了网页的内容、布局和元素。几乎所有的网页都使用HTML来组织和呈现内容，因此，理解和熟练运用HTML是至关重要的。

CSS（层叠样式表）是用于描述网页的外观和样式的语言。它控制网页的布局、颜色、字体、背景等方面的样式。通过CSS，你可以实现对网页的自定义外观和样式，使其更具吸引力和易于使用。

尽管有许多前端框架和工具可以帮助简化前端开发，例如React、Angular和Vue.js，但它们都是基于HTML和CSS的，了解HTML和CSS可以帮助你更好地理解和使用这些框架和工具，并能够灵活地进行自定义和样式化。因此，学习前端开发时，我建议不要抛弃HTML和CSS，而是将它们视为必不可少的技术栈组成部分，并花时间学习和熟练运用它们，掌握HTML和CSS将会让你的知识体系更加的全面。

下面是由前端三剑客HTML、CSS、JS开始的前端的学习路线，希望能帮助你们在前端的学习上提供些许的引导：

先放上前端学习的思维导图：

学习前准备：编译器

编译器方面的选择推荐HBuilder X或者Vscode，运行环境在浏览器，推荐是chrome浏览器，当然H-builderX或者Vscode可以安装内置浏览器的插件

【下载地址】

vscode官网：https://code.visualstudio.com

HBuilder X官网：https://www.dcloud.io/hbuilderx.html

【必备插件】

vscode：https://www.php.cn/tool/vscode/475531.html

HBuilder X（由于网上没有看到特别满意的插件推荐，所以分享一下我自己安装的插件）：

根据下列插件在“安装新插件”即可

第一阶段：前端三件套（HTML、CSS、Javascript）

文档教程

【HTML 】w3school教程 :https://www.w3school.com.cn/html/index.asp

【CSS 】w3school教程：https://www.w3school.com.cn/css/index.asp

【JavaScript】w3school教程：https://www.w3school.com.cn/js/index.asp

视频教程

【siki学院】HTML:https://www.sikiedu.com/my/course/206

【siki学院】CSS: https://www.sikiedu.com/course/207

【siki学院】JavaScript：https://www.sikiedu.com/course/212

【黑马程序员】JavaScript入门到精通：https://www.bilibili.com/video/BV1Kq4y1e7d2/

【黑马程序员】JS进阶webAPIs：https://www.bilibili.com/video/BV1AT4y1v75t/

【黑马程序员】JS高级：https://www.bilibili.com/video/BV1DY41177dM/

！注意：原生JS的学习非常重要，在你的原生JS没有达到一定造诣（比如对原生Js有一个全面的理解，能靠自己独自完成对于一个页面功能的交互等）的时候，不要去盲目的学习其他Js库，不可否认J一些s库是非常优秀的，但它们也是建立于原生Js写出来的，原生Js在面试当中也是占了大头，所以一定要对原生Js有深层的认识后再去拓展。

一些优秀的Js库：有哪些必看的 JS 库？ - 知乎