从零开始学前端 - 前言简介

作者: 她不美却常驻我心
博客地址: https://blog.csdn.net/qq_39506551
微信公众号：老王的前端分享
每篇文章纯属个人经验观点，如有错误疏漏欢迎指正。转载请附带作者信息及出处。

前言

如果你对熟悉前端或者对其有一定了解，可以跳过此篇文章。笔者用通俗的语言简单介绍一下相关的内容。

目录

前言

1. 从网页制作师到前端工程师

2. 前端工程师需要掌握的技能

3. 推荐学习路线

4. 后端开发

5. 初学者关心的问题

---

1. 从网页制作师到前端工程师

前端开发工程师是是从网页制作师演变而来，从早先名字上就能见微知著，前端开发主要指的就是浏览器中网页端开发，即用户通过浏览器等方式直接接触到的内容范畴，均属于前端领域。用大白话来说，就是用户能看到的一切内容，都属于前端开发的工作范畴。

在Web1.0的时代，大部分的网页都是静态页面，就是仅供用户浏览而没有与服务器进行任何数据交互的页面，用户能做到的仅仅是浏览网页中的文字和图片。随着人们生活质量的改善，互联网技术也在突飞猛进的发展，来到了Web2.0的时代。这个时候仅仅是由文字和图片构成的静态页面已经不能满足用户的需求，人们开始追求更加优雅的体验，更加完美的视觉要求。在这样的环境下，一个新型的行业和新兴的职位开始上升到了技术的层面，那就是前端工程师。

 

2. 前端工程师需要掌握的技能

最基础也是最核心的技能HTML，CSS及JavaScript。

HTML 全称为 HyperText Markup Language 即超文本标记语言，它是一门描述性语言，同时非常简单易学。

       CSS 全称为 Cascading Style Sheets 即层叠样式表。是专门用来表现HTML或XML等文件样式的计算机语言

JavaScript 就是我们通常所说的 JS ，它是一种借助于浏览器执行的脚本语言，现在也被用到了很多非浏览器环境中。

对Web前端与HTML，CSS，JavaScript之间的关系进行了一下梳理： HTML属于结构层，负责描绘出内容的结构，遵循 W3C （万维网联盟）标准。CSS属于表示层，负责“如何显示有关内容”，遵循 W3C 标准。JavaScript属于行为层，负责“内容应如何对事件做出反应”，遵循 ECMA（欧洲电脑厂商联合会） 标准。

那么他们三个在前端开发分别负责什么呢？我们举两个栗子：

如果把前端开发看成是一个人的话，那么，HTML 就是这个人的骨架，负责支撑起人体，而 CSS 就是这个人的血肉，决定了这个人的颜值，JS来让这个人可以行动起来。

我们也可以将前端开发看为是一个盖房子的过程，HTML 就像钢筋和砖头，将这个房子的结构搭建好，CSS 像是地板和窗帘，来美化房子。而天黑了开灯的这个过程，就是 JS。

除了这三个之外，我们还要学习 JQuery，Vue，Webpack，SEO优化，TypeScript，NodeJS等其他技术，才称得上一个合格的前端工程师，但万变不离其宗，只要学好了三门核心的知识，相信其他的技术也会手到拈来。

 

3. 推荐学习路线

Web相关技术是五花八门的，按照最合理的学习路线，我推荐大家按照下面的顺序进行学习。而我也会按照这个顺序进行讲解。但因为其中不少技术都存在交叉关系，所以这条路线，也只是一个大概的方向。

HTML → CSS → JavaScript → JQuery → CSS3 → HTML5 → Vue.js → Node.js → TypeScript

 

4. 后端开发

对于一个网站来说，用户能看到的仅仅是一部分，这部分用户能够看到的，属于前端的范畴。而网站还有一部分的构成是用户看不到的，这些看不到的部分被称为后端。它主要负责程序设计架构思想，管理数据库等工作。

举个栗子，我们想要注册一个网站，首先就要打开他的注册页，填写相关的信息，然后完成注册。在这个过程中，前端负责制作用户所看到的注册页，引导用户注册逻辑，校验用户填写的手机号邮箱等信息的合法性，将用户填写的数据发送给后台开发。后台负责接收前端发送来的用户数据，并进行用户的手机号是否已经注册过系统等逻辑判断，针对不同的情况做不同的处理，将相关的数据存储到数据库，并将处理的结果返回前台。

 

5. 初学者关心的问题

例行公事般的介绍了一下前端的相关知识，这些在网上随便搜搜都有很多类似的介绍，前期简单的过一遍就可以了，最重要的是对技术的学习，而这些知识，随着不断的学习，会自然而然的记住。而互联网的发展历史，在闲暇之余当成历史故事读一读就好。

---

• 学习前端的门槛高不高？

前端开发的入门门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于想要从事互联网工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发领域有很多自学成“才”的人，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。另一方面，前端开发正在不断的更新发展，总有新的灵感和技术不时闪现出来，各种JS框架层出不穷，跨浏览器、跨平台的兼容方案五花八门，为整个前端开发领域注入了巨大的活力。

• 英语基础不好，学习起来困难吗?

英语不好不能说会影响学习前端，应该说英语不好会影响学习几乎所有的编程语言，因为大部分的语言都是英文组成的。代码里面的属性或者方法都是由多个单词组成，懂英语的话容很容易知道他们的含义，学起来会比较快。而且比较新的的技术通常都是从国外传入到国内，这就避免不了查看相关文档的时候面临全英文没有翻译的情况，虽说能借助 Google 翻译，但大部分的翻译都不尽人意。但这个时候要先送你一句话：“凡事皆可习得”，只要肯下功夫，这年头什么都可以做到。英语的基础不好，那就下点功夫去学。而前端的单词量，相比于其他语言已经是相当少了，所以总的来说，“学习” 前端对英语的要求不是很高。

• 需要多长时间的学习才能找到工作？

这个问题无论是谁都不能准确的得出答案。每个人的精力不同，学习能力不同，对编程的兴趣是深是浅，是否学习过其他的语言等一系列的因素决定了每个人学习的快慢。我们按照一个普通人的标准（一般的学习能力和兴趣）来计算，保证一天八小时的学习时间，大概能在三四个月的时间对前端的三门核心技能有一个囫囵的认识，可以自己搭建一些简单的网站。但是找工作的事情也要看一点运气，有可能就因为你长的帅，又会撩人，一下子就把 HR 小姐姐迷的神魂颠倒直接入职，也有可能被问到短板从而忽视了你所有的优点。

• 前端的工资是多少，未来有什么发展？

在互联网企业中前端现在已经成为了不可缺少的重要职位，实习生应该也能拥有 3 - 8k的工资，而拥有三五年经验的资深开发，最少也能拿到10-20k的工资。总而言之，你的工资取决于你的学习能力，想要获得更高的工资，更好的发展，那就要不停的学习。

前端的发展方向是丰富的。在电脑普及之后，由于 Windows 和 Mac OS 操作系统都有各自的市场，每当一款软件推出，开发人员都必须为两个系统分别使用不同的语言编写不同的客户端。这个时候前端工程师开始站了出来，他们创造了 Electron，想要用前端的方式来构建跨平台的桌面客户端。同样在智能手机风靡的今天，面临着 Android 和 IOS 的两套系统，uni-app、Weex、Flutter等各种跨平台解决方案想用一套Web代码构建各移动平台的原生APP。

后端开发？我也可以！谁说前端真的就只能开发前端页面？Node.js 让前端工程师也拥有了后端开发的能力。而且由于 JavaScript 的语言、以及对应引擎的特点，由Node组成的项目在某些场景下还有着优秀的表现。其他的各种 JavaScript 项目，笔者不一一列举了，总之你会发现自己在不断地发问，“它竟然可以做到这个？”

很多时候，越是学习，越是觉得前端简直就是汪洋大海。因为前端工程师们会创造出各种神奇的项目，满足各种切实的需求。这一切都是因为它们有 JavaScript 这个有魔力的武器。在 Github 语言排行榜中中一直居高不下，那么多人都在使用它做着各种有趣的事情。又或者说是脚本语言的“无所不能”，另一个出色的脚本语言 Python，也同样在做着各种神奇的事情。

可以说，对于前端工程师，“与时俱进”是最基本的要求，因为这群人总在不停地创造新东西。

---

种一棵树，最好的时间是十年前，其次是现在。人的一生，总的来时就是不断学习的一生。蚕吐丝，蜂酿蜜。人不学，不如物。与其纠结学不学，学了有没有用，不如学了再说。等你学会了之后，你才拥有资格说“啊，这个东西学了没用。”

请大家关注我的微信公众号，我会定期更新前端的相关技术文章，欢迎大家前来讨论学习。