想从事web前端开发你应该知道这些（前端怎么样才算入门）

前端的入门门槛低,主要体现在HTML和CSS上。你只需要一个文本编辑器，首推Sublime Text3，其中一个很好用的插件Emmet，想要具体了解只需要谷歌搜一搜。

我是跨行转到前端的，作为一名非计算机专业且低学历的人，自学web前端确实不是件容易的事情，不过庆幸自己也坚持了下来。

从17年下半年开始，我真正接触前端，到现在 4 年多的时间。开始之初，我没有任何的语言基础，完全从零的小白开始，就连「对象」我都弄不明白，更别说那些高深莫测的什么封装、继承、多态等。

当时自己真的不知道怎么入手，怎么办呢？于是每当自己遇到困难时，就厚着脸皮去请教前辈大牛，然后就是去查阅各种网课跟资料。

下面是我之前报过的一个网课资料，觉得总结的还挺全面推荐给大家！

Web前端的学习主要分为几个方面的内容：

HTML、CSS、JavaScript 是前端的核心基础，所以必须要掌握。

HTML 主要就是HTML5，相比之前的版本，新增了很多新特性。CSS 则主要是 CSS3 了，相比以前的版本，主要就是作了模块化的拆分。JavaScript 其实分为三部分：ECMAScript、DOM和 BOM。ECMAScript 简称 ES，是 JavaScript 的核心，目前最新版本已经是ES2017，是 ES6 的第三个小版本。DOM 是文档对象模型，其实就是一套访问和操作 HTML 所有元素的 API。BOM 则是浏览器对象模型，用于访问和操作浏览器的一些特性。

HTML/CSS/JavaScript 的学习资源比较多，我推荐几个。

首先是 w3school 的系列教程（http://www.w3school.com.cn/h.asp）

HTML：该教程也包括了 HTML5 新增的内容，但讲得没下面专门讲解 HTML5 的细，所以该教程我建议只看 HTML 基础教程和表单部分即可

HTML5：该教程讲解了 HTML5 的新特性

CSS：该教程并不包括 CSS3 新增的特性，所以还需要学习下面的 CSS3 的教程

CSS3：该教程内容比较少，只包含 CSS3 新增的特性

JavaScript：该教程只是讲解了非常基础的语法

HTML跟CSS只要根据上面的教程学习就可以了，但是JavaScript则是不够的。如果有想学习，下面这个资料或许可以帮到你！

书籍方面，HTML 和 CSS 基础方面的，首推《Head First HTML与CSS》，编排设计通俗易懂，就连完全零基础的非 IT 人员都适合学习。不过，Head First 这本书没有涉及到 HTML5 和 CSS3 的更新内容。不过，Head First 有另一本书讲解了 HTML5，叫《Head First HTML5 Programming》，不过，要熟悉 HTML5 的用法，还是要先掌握一点 JavaScript 基础。CSS3 方面 Head First 则没有相应的书籍，因此，我推荐另一本《CSS3实用指南》。

JavaScript方面，我首推《JavaScript高级程序设计》这本书，书中内容由浅入深，也是写得通俗易懂，适合入门。另外，有些人会推荐《JavaScript权威指南》，但这本书主要还是一本字典书，略显晦涩，其实不适合入门。

不过《JavaScript高级程序设计》还是基于 ES5 的，为了补充 ES6 的内容，推荐阮一峰的《ES6标准入门》，目前是第3版，内容已经覆盖了最新版本的 ES2017。

那么，这么多学习资源，我们应该如何学习才高效呢？

HTML、CSS、JS都很重要，尤其是JS，对工作简直是入行的敲门砖。

学完可以考虑vue、react框架和node，用处非常大。

之前入门阶段，我是报了web企业项目实战护航班，一边学一边做项目赚钱，

确保一个月10K以上的薪酬，同时还会签协议。

下面说到开发工具

我这里推荐Visual Studio Code，一款免费开源的轻量级代码编辑器，macOS、Windows、Linux 都支持，有人评价说比sublime开源，比atom更快，比webstorm更轻，所以说，你值得拥有。

上面这些都掌握了后，就是接下来的实战阶段，这也是我入门以来一直推崇的，跟Android、ios实战一样的建议。

如果条件允许，你可以向上司申请参加公司的前端项目开发，然后开始去熟悉代码跟实现一些简单的工作任务，从一些简单的UI界面，同时vue开源项目我这里推荐两个去练习。

vue2-happyfri：很简单的一个小项目，很适合入门练习

vue2-elm：用 vue 模仿饿了么的一个完整项目，重点推荐

同时，我也找到了一个汇总了众多vue开源项目的GitHub地址：https://github.com/opendigg/awesome-github-vue

对于开源实战项目的操作上，我依然还是建议先给应用改皮肤开始，之后尝试着自己做出一个类似的App。

以上面的 vue 版饿了么项目为例，你先给它所有页面先换个皮肤，包括背景、按钮、文字等等，通通换掉一遍，然后尝试自己做一个百度外卖或美团外卖，当你做完，应付一般的 vue 项目开发就应该没有问题了。之后也根据需要可以再去学下 React 体系，这时候学起来绝对不会吃力。

Web前端开发，要学的技术栈真的很多，除了最基础的HTML/CSS/JavaScript，还包括HTML5.CSS3,ES6，还要学习目前流行的JavaScript，作为过来人的建议是从Vue开始，容易入门。

另外，node.js也要了解点基础，不然我怕你连面试都进不去！

最后，祝愿大家都能早日找到自己喜欢的前端工作，毕竟现在前端的工资也不低啊！

如果对前端感兴趣想要学习web前端可以

1.转发本文

2.私信发送“1”，即可获取

私信方法：点我主页头像旁边的私信按钮，回复1即可