在万物皆可转前端的当下，很多人好奇需要学习什么东西，才能找到一份前端开发工作。
西瓜哥今天就来说一说。
HTML
首先自然是前端三件套：HTML + CSS + JavaScript。
HTML，全称为 HyperText Markup Language，中文名为超文本标记语言。
HTML 也就是我们看到的网页的布局结构，比如这里放一个导航栏，那边是正文内容，都是靠 HTML 来组织的。
HTML 主要由尖括号包裹的标签组合而成，如 <p> 表示段落、<img> 表示图片。
<div> <ul> <li>首页</li> <li>个人中心</li> </ul> </div> <div> 我是前端西瓜哥的粉丝。 </div> <script src="./index.js"></script>
HTML 本身无法控制元素的样式，比如文字大小，盒子背景色等，这些需要 CSS 来控制。
CSS
CSS，全称 Cascading Style Sheets，中文名层叠样式表。
CSS 通过选择器，我们可以给指定的元素设置样式。一个美观的网站就是前端开发一个个用 CSS 构造出来的。
<style> .content { font-size: 17px; color: #333; } </style> <div class="content"> 我是前端西瓜哥的粉丝。 </div>
CSS 入门容易精通难。经常为了增加一个效果，导致其他效果失效了，真的是牵一发而动全身。
JavaScript
然后就是操作网页的脚本语言 JavaScript 了，通常我们使用它的简写 JS。
JS 赋予了网站可能性，通过 JS，我们可以操作 HTML 形成的树，实现交互效果，动态显示不同的内容。最重要的是，它可以请求后端，拿到数据然后展示。
正是 JS 让网站成为一个应用程序，而不是一个呆板的不可变的静态文本展示面板。
var fe = 1; var watermelon = 2; var feWatermelon = fe + watermelon;
Reactjs 或 Vuejs
原生的 JS 本身比较简单，不利于工程化和进行团队合作。这时候我们可能就需要用到框架。
所谓框架就是基于 JS 语言之上构建的一种抽象和规范，能够让开发者更好地开发程序。
Reactjs 和 Vuejs 是目前最流行的框架，作为一名前端开发，必须熟悉其中一种。此外还有一种 Augular 的框架也可以用，国内用的非常少。
git
随着项目越来越大，共同开发者越来越多，代码的管理就是非常重要的一个问题，所以你也要懂一点 git。
git 是一个分布式版本管理软件，用于管理代码。
git 会记录你的代码提交记录，可以可以回到任何你提交代码时的时间点，就像是游戏的存档一样，但是它可以无限存档。
此外还可以开新的分支、合并分支，可以很方便管理多个新的功能同时开发的场景。
git 支持团队协作，你可以将你修改的代码提交到服务器，然后你的同事可以拉取然后得到它们。
HTTP
既然涉及到请求服务器的数据，那么计算机网络中的 HTTP 协议还是需要掌握的。
HTTP，全称 HyperText Transfer Protocol，中文名为 超文本传输协议。
HTTP 需要掌握不同状态码的意义（比如 200 代表成功、404 代表资源不存在），还有请求方法（比如 GET、POST），以及 HTTP 缓存机制等等知识点。
Nodejs
Nodejs 是运行时的 JS，简单来说，就是可以用 JavaScript 这门语言来做一个后端服务。利用 Nodejs，我们可以操作文件、提供 HTTP 服务端服务等。
Nodejs 也被广泛运用在 Web 前端工程化领域，实现一些工程化工具，比如 Webpack 可以将多个文件打包为一个文件、CSS 预编译器比如 Sass 可以编译出 CSS。
Nodejs 会一些就好了，不要求非常熟悉，如果你不做后端开发的话。
其他
然后是其他一些要求比较低的技术。
- Webpack：打包器，可以将多个 JS 文件打包压缩编译到一个文件，需要了解一下它的配置
- TypeScript：JS 的超集，有类型的 JS，可以防止低级的类型错误，越来越多的公司要求懂 TypeScript
- 浏览器原理：有助于写出性能更好的代码。
- CSS 预编译器：CSS 预编译器是 CSS 的加强版，可以更好更轻松地写出复杂的 CSS。一般来说，就里面
当然远不止这些，等你进阶的时候再学吧，我怕你害怕。上面这些基本上入行足够了。
结尾
好好学，争取找到一份高薪工作。
我是前端西瓜哥，喜欢写前端技术文章，欢迎关注我。
