零基础学习web前端，学习路线让你少走弯路(1)

web前端开发要学的知识内容涉及的会很宽泛，虽然说主要是html、css和JavaScript这些基础知识点，但学前端开发除了要学这些基础知识外，学员还要在这之上进行延伸和深入的去学，而且互联网时代不断发展，掌握了这些新技术、新技能，在职场的竞争力必然会翻倍提升。

一、零基础学web前端开发要怎么去学?

首先要学习的就是基础知识：html、css和JavaScript。HTML是内容，CSS是表现，JavaScript是行为。前端开发的门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。 所以，对于从事IT工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发的领域有很多自学成“才”的同行。HTML是最基础的，现在流行的是HTML5设计，能更好的为移动端服务，要先学会网页布局。CSS是用来美化HTML页面的为页面提供布局和格式。最后再学JavaScript。

下面为大家总结了一条前端学习路线，大家可以参考一下。

1、css和html： 刚入门的朋友，应该把重点放在css和html基础知识的学习上。关于CSS(3) 你需要了解以下一些知识点：

• HTML相关概念、
• HTML标签、
• 路径相关概念、
• 锚点及其他、
• 表格标签、
• 表单标签、
• 综合案例，注册页面、
• CSS选择、
• CSS字体样、
• CSS外观属性、
• 调式、
• CSS复合选择器、
• 标签显示模式、
• CSS背景、
• CSS三大特性等等。
  总的来讲，CSS和HTML的学习还是比较简单的。

**2、JavaScript ：**JavaScript一直都是前端工程师进步的基石，JavaScript 的理解深度决定了前端开发者的职业发展。关于JavaScript的学习内容包括了：

• 浏览器执行js过程、
• js变量、
• 数据类型、
• 运算符、
• 流程控制语句（if else 、三元表达式、switch）、
• 循环（for、while、do while）、
• 数组、
• 冒泡排序、
• 函数、
• 作用域、
• 预解析、
• 对象、
• 内置对象、
• 简单类型和复杂类型等。
  只有在熟悉了JavaScript基础语法的基础上，我们才能继续深入学习前端开发技术。

3、库工具： 我们常用的库工具有JQuery、underScore、zepto、Moment 等。

• JQuery: 降低开发者操作DOM 的复杂度；
• UnderScore: 提供实用的函数；
• Zepto: JQuery 的简化版；
• Moment: 日期和时间操作库。

这些库给我们提供了很大的便利，省去了我们编写相关方法的时间，同时也是我们的程序更加稳健 —— 我们自己写的方法很可能在某些情况下就出bug 了。当然对于这些库我们不仅仅只是去了解 API，我们需要去学习它的源码。看看如果自己写相关方法的话是不是也想到了这种方式，这些库工具是也是一个很好的学习工具，我们不应该忽略。

4、Node与Ajax： 学习内容包括：

• node环境安装、
• node模块化、
• gulp使用、
• 服务器和http协议、
• Ajax函数封装、
• 同源策略、
• JSONP、CORS、jQuery中Aajx方法的使用、
• Ajax补充内容。

完成这部分学习路线的内容可以基本掌握前后端数据交互、基于前后端分离模式、传统模式的开发的工作。因此可以具备企业基础用人标准，能够达到初级前端开发工程师水平。

**5、vue：**vue的优势是：

• 模板和渲染函数的弹性选择；
• 简单的语法和项目配置；
• 更快的渲染速度和更小的体积。

关于这部分我们要学习

• Vue指令、
• 修饰符、

算法

1. 冒泡排序

2. 选择排序

3. 快速排序

4. 二叉树查找: 最大值、最小值、固定值

5. 二叉树遍历

6. 二叉树的最大深度

7. 给予链表中的任一节点，把它删除掉

8. 链表倒叙

9. 如何判断一个单链表有环

   

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

QfPxwB-1714771071102)]

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】