零基础学习Web前端开发应该先学什么？以下这几点一定是你需要的

黑客老许

已于 2024-01-15 11:47:34 修改

阅读量938

点赞数 1

分类专栏：编程职业职场文章标签：学习前端

于 2023-07-12 09:35:23 首次发布

本文链接：https://blog.csdn.net/SpringJavaMyBatis/article/details/131674391

版权

编程同时被 2 个专栏收录

224 篇文章 3 订阅

订阅专栏

职业职场

128 篇文章 1 订阅

订阅专栏

前言

我们知道在网站开发中有前端和后端两种角色的开发人员，那么前端一般来说是客户端，而后端则是服务器端”。前端主要负责的是与服务器进行通信并实现视觉和交互效果。前端的核心价值就在于实现用户体验，我给大家整理了一下零基础学习前端开发的知识路径:

【----帮助相关技术学习，以下所有学习资料文末免费领！----】

基础知识:

首先是Html+CSS这部分的内容，这部分主要用以实现页面效果，是前端最基础的知识，当你能背熟给个标签的使用之后你就可以模仿一些网站做一些页面，不断的在实践中积累经验。
JavaScript，JS是很强大的一门语言，但是他的内容实在太多了，而且有很多内容是糟粕，新手是无法区分精华与博粕的，这就造成了新手无从下手学习。JS也是一门复杂的语言，需要很明户的人给你进才不会乱，否则你很难理解其中的要点。

进阶：

当你具备了以上知识的时候，你就可以做出一般的静态网页了，也能做出比较炫酷的动画效果，但是对于复杂的、要与服务器交互的页面还需要进一步的学习

CSS方面，着重去了解盒子模型，流动，block，inline，层叠，样式优先级等概念。然后是标题，背景，圆角，导航条，table，表单等也需要学习一下，学习完以上知识点你就可以在简历上写上熟悉CSS了，大胆点写个精通也行。

学习了以上JavaScript的知识点后还不能让你胜任JavaScript编程工作，所以在有了以上基础之后还需要进一步学习，内容如下:

学习一款框架，这里我推荐你学习iQuery，这是非常简单易用的一款框架，你可以轻松的通过jQuery来完成一些简单的项目，学习起来也很简单，你不需要面面俱到的学习框架的所有内容你只需要学习怎么用和基本用法就行了，毕竟遇到问题不可以查看文档，框架可以帮你屏蔽浏览器的差异，能让你把更多的精力放在开发的业务部分。面向对象基本概念。虽然说JavaScript并不完全是一门面向对象的编程语言，因为他的设计理念我们可以看到很多函数编程语言的影子，但是我们还是要尽量把它当作面向对象编程语言%来使用，这里要求懂得面向对象的基本理论，对封装，继承，多态要有一定的理解。

着重了解JavaScript语言的内部机制。你必须熟悉以下的概念：JavaScript中变量的作用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式（一般函数，对象的方法，apply，call），以及四种调用方式下，this指向的是谁。

DOM编程，这是一个合格的前端工程师的核心技能之一，虽说现在框架已经封装了绝大部分的原生DOM语法，能让你更方便的使用DOM来完成一些事情，但是还是很有必要去熟悉DOM原生语法的。

Ajax编程。这里必须圈重点，前后端分离开发是近两年很流行的一种前后端协作开发模式，而且页面无刷新改变看起来也很炫酷，要做到这里都要用到Ajax编程，但是你也不用害怕，因为真正使用起来其实Ajax很简单的，而且现在的几乎所有框架都对Ajax有着很好的封装。

补充了解浏览器的差异性。这部分包括CSS和JavaScript两部分，浏览器差异内容很多，建议在实践中多多积累。另外对于浏览器的渲染模式，DOCTYPE等内容应该系统学习。

根据以上学习完，你已经可以成为一名合格的前端工程师了，但是如果想要进阶，你还不能松懈，还需要继续努力才行，要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1.易维护；2.可测试；3.高性能；4.低流量（移动端）。先脚踏实地的把门入了，未来的路，还任重而道远。

如果你觉得学习前端还是很难，建议可以从简单的Python的入手。可以帮助你了解编程的基本概念和语法，同时也可以让你更加自信地面对后续的学习挑战。通过Python编程，你可以轻松地实现各种任务，例如数据分析、机器学习、Web开发等。

最后感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：

对于0基础小白入门：