网站开发要学什么

2023年8月5日

编辑

打算开始学习了么？向你致敬！热爱学习的人都是好样的！🫡🫡🫡

如果你做好准备想要开始学习前端开发技术，为了听起来更专业一些，后面我们就统一称呼网站开发技术为前端开发技术。

如果你是一个完全的没有任何编程语言基础的小白😏，你其实只要知道，前端开发核心就是学习HTML和CSS以及JavaScript，任何其他的东西都是建立在这三者基础之上的，所以，你不用有任何犹豫，可以直接从这三者开始。

核心与根基 Core & Root

一开始，我们需要学习核心的三门语言，HTML，CSS，JavaScript，但是其实还有一个叫做WebAssembly，但是这个99%的人都不会用到，所以你根本不用管他，等你以后成了半个大牛再说吧。

这三门语言，有个传统的称呼，叫做前端开发三剑客。它们之间其实是有一种学习顺序的关系的，HTML 👉 CSS 👉 JavaScript。先要学习HTML，然后再学习CSS，再学习JavaScript，这三个语言分别是用来写三种文件，这三种文件的扩展名，分别就是 .html、.css和 .js。

这三个文件对于一个网站来说是有不同的作用的，你可以先看看我之前制作的这个关于网站打开原理的视频👇👇👇，顺便了解下这三个文件在一个网站加载实现过程中的加载过程。

📺 -> 哔哩哔哩的版本

.html文件其实主要是负责页面中有哪些元素，同时作为一个中枢，他身上还会有网站所需要的css文件、js文件的地址信息，这样浏览器通过解析它，就能顺利的把相应的css文件和js文件都加载过来

那么 .css文件，也就是CSS语言写的东西，主要就是用来美化页面的元素和调整元素的布局，比如元素的边框粗细，字体大小，背景颜色，然后在哪个位置等等之类的。而且，通过css也能实现不少动画效果，让元素产生一些变化，css的功能是很强大的。

然后最厉害的还是 .js文件，也就是用JavaScript语言写的这个文件。这个js文件能让网页有各种功能，比如点击元素让元素发生一些复杂又有趣的变化效果，比如可以在网页中输入数据然后提交给服务器，比如可以通过鼠标在页面绘制各种图形等等各种高级的功能。

所以这三门语言各司其职，也是我们学习前端开发必须掌握的。其中HTML是最简单的，CSS上手也不难，但是精通也是有些难度，最难学的就是🥇JavaScript。

因为JavaScript和HTML和CSS不太一样，具体是什么不一样，我这样单纯的讲一些专业名词并不能让你理解，你只有自己去学习了之后才能体会到，但是你就是要明白，🥳JavaScript相对HTML和CSS来说确实是最难学的，但是它也是最强大的，学会了他你才算真正地掌握了前端的开发技能的核心。

那除了掌握这三门语言之外，最好呢还要再了解一些网络的知识，因为网页端的一些行为和功能其实都是在和服务器打交道，如果懂一些网络请求相关的知识，会对前端开发工作非常有帮助。

库与框架 Library & Framework

所谓库和框架，如果你不知道这两个概念，你可以简单的把它们都理解成是一类东西，就是基于css和JavaScript的一些别人写好的代码模块，以及一些可以提高开发效率的工具，你可以直接放到自己的项目中使用。

CSS和JavaScript这两者，是前端实现各种效果和功能的核心，毫不夸张的说，💯💯💯你只要把这两个学好了，其他的任何基于这两者的东西完全可以不学，也就是可以不学任何的框架和库，因为任何通过库和框架能实现的网站效果和功能，你纯靠自己写CSS和JavaScript都能实现，但是，除了某些个别的超级大神，很少有人会这么不知天高地厚，什么都靠自己写，再加上框架和库是能大大提高开发者的工作效率的，所以绝大部分企业都是会要求开发者按照公司的开发规范来使用框架和库，因此，我们大部分开发者大概率是要学习一些库和框架的。

目前，有两个最流行的框架，基本上你找工作，这两个框架是要求必会其一的。

一个是 👉 React，这是Facebook公司的团队开发的，在国外非常流行，国内很多大企业也在使用。

一个是 👉 Vue，创始人尤雨溪是华人，在国内尤其流行，在国外也很多企业团队在使用。

如果你是找工作，国内的话，中小公司用Vue的会比较多，你也可以看看相应公司的职位描述，一般都会要求你会某个框架。

如果你只是兴趣学习的话，我更建议学React，因为相对来说，React的各种生态会更好更完善，毕竟他在国外是非常流行的，有很多配套的团队和公司在做跟他相关的服务和产品，那像我自己就是用的React，感觉还是挺好的。

不管你学习哪个框架或者学着使用哪个库，记住，🎈CSS和JavaScript是基本，尤其是JavaScript，只要你把这两个掌握地够好，那么你学习任何库和框架都会容易上手得多。

其他 Others

除了掌握如何开发网站网页的能力，可能你还需要懂一些其他的东西，来帮助你更好的进行网站的开发工作，以下的列举的内容，如果你不太理解也没有关系，如果你能够坚持学习，学到一定阶段，你自然都会慢慢明白这些东西是什么了。

Linux和命令行的操作

学习到一定阶段之后，我们可能要学会只用一些网站构建工具来辅助我们的项目开发，可能就会用到一些命令行的操作和知识。但是要真正理解命令行的操作，还是需要懂一些Linux系统的命令行的知识，这样才能真正的理解并学以致用。

基本的Nodejs的使用

现在很多前端开发工作会需要紧密地和后端相结合，所谓后端你可以简单地理解为就是网站的服务器。而Nodejs是可以让我们用JavaScript在服务器上实现各种功能的程序，通过学习Nodejs可以更加了解后端的一些工作机制，也能让自己有能力实现一些需要前后端配合的项目，大大提高自己的综合能力。

Git和Github

现在的开发工作，基本是离不开git和github，使用git来进行项目代码的版本管理，通过github来进行分享和协作，所以这两个，成了任何一个开发者都需要去学习的东西，并不仅仅是前端开发，而是不管是什么领域的开发工作，都不可避免的要学会使用。

结语 Ending

😜😜😜

以上这些只是一些主要的学习内容，我没有办法列举全部，因为可以学习的内容太多了。只是说我以上列举的这些，可能绝大部分想学习前端开发的，不管你具体往哪个方向发展，这些知识大概率都是必备的。

这里给大家推荐一个网站 RoadMap，这是一个各个开发领域的知识学习线路图，其中也包括前端技术的学习路线图。我这里也给大家准备了一份PDF的版本可以直接下载，但是其实如果你可以直接登录他们网站看效果肯定是最好的。这些内容仅供参考，除了基本的东西，后续的学习内容更多的是根据自己的具体需求和工作需要来学习的。