Web前端开发怎么学？

前端开发怎么学？

• 首先别的不谈，学习前端是为了什么？当然是找一份像样的工作，但是找工作要对口，工作可以细分各个行业，前端同样也可以继续细分下去，而不是你认为的学了前端三剑客（HTML，CSS，JavaScript）就可以找到一份像样的工作，那个只是基础而已，只要是个前端人，就得掌握的知识，只是每个人的熟练程度不一样罢了，但对于刚接触的人来说，必须要学好前端三剑客，才有资格去接触其他方面的知识

• 既然选择做一个前端开发的技术人员，那就要先准备好工具，毕竟“工欲善其事，必先利其器”

Mac电脑如果懂命令行操作的话，可以去下一个brew，然后利用brew去下载你想要的软件

• 开发工具

  • 初学者可以使用较为简单的开发工具，这里推荐一个：sublime

  • 有一定基础或者想直接就使用复杂一点的开发工具，也可以用这两个：

    • VScode：比较推荐使用这个，提供的插件比较多，目前大厂也基本是用的是这个
    • HBuilderX

  • 如何较好地记录平时积累的知识
    当代的程序员都是使用markdown语法来写文档的，所以这里我也推荐使用这种方法，而不是用word之类的，不仅效率低，而且格式也不是很清晰

  • 推荐使用的编写markdown的工具

    • 只能保存在本地的：typora
    • 可以与远端共存的：语雀

  • OK，选择好自己想要的工具之后，到这里基本上就可以进行愉快地学习之旅了，那下面就来看看，究竟该怎么入门呢？

• HTML

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

• 一个网页的结构（类比人的骨架）就是用的HTML去创建的，定义了网页的内容

• 现在的HTML早已不是以前的HTML了，经过HTML5的发展，扩展了许许多多的新特性，当然，我相信还有很多接触过前端的人都会把HTML5和H5给混淆了，HTML5是超文本标记语言，而H5是指一种前端的开发技术，主要应用在非浏览器上面，比如在微信客户端内部打开一个网页，或者你经常看到的公众号的一些网页链接或者文章等等，打开后你依然是在微信，并且可以进行浮窗显示，当然，内部是怎么做到的，这个就暂时不讲，因为对于刚入门的人来说，还是先了解基础概念和基础知识比较好

• 那HTML该怎么学，其实HTML特别地简单，只要你会点英文单词，都可以猜出它们是什么意思，我举几个简单栗子，head 标签，很明显就是头部的意思，代表一个网页的头部，body 也是一样，代表身体，也就是内容主体，其他的那些标签大同小异，可以没必要立马去学习HTML5的新标签，先把前面的那些标签学清楚了就行。下面放一些链接，可供学习

  • 通过文档学习：https://www.runoob.com/html/html-tutorial.html

  • 通过书籍学习：《Head First HTML and CSS》

  • 通过视频学习:

    • 速学版
    • 详细版

• CSS

CSS 指层叠样式表 (Cascading Style Sheets)

• 一个网页的样式（类比人的皮肤，五官、衣服等）就是利用CSS在已有的结构基础上去进行网页的润色，定义了网页的布局

• CSS同样也有自己的发展，目前已经到CSS3，CSS3扩展出来的很多的样式，这些的话建议都可以去学习一下，对网页的润色以及布局会有很大的帮助

• 同样放一些学习链接

  • 通过文档学习：https://www.runoob.com/css/css-tutorial.html

  • 通过书籍学习：《Head First HTML and CSS》，《CSS 权威指南（第四版）》，《CSS 揭秘》

  • 通过视频学习：

    • 速学版
    • 详细版

• JavaScript

JavaScript是一种可执行的脚本语言

• 一个网页的行为（类比人说话，打字等的行为），定义了网页的行为

• js是整个前端最核心的一门技术，无论是以后接触到的任何框架，打包工具等，都是基于js去写出来的，所以想要学好前端，就必须学好js

• 它和大部分编程语言一样，都拥有一些相同的语法，如果接触过其他编程语言，学习起来会比较容易接受

• 同样放一些学习链接

• 通过文档学习：https://www.runoob.com/js/js-tutorial.html

  • 通过书籍学习：《JavaScript 高级程序设计（第3版）》，《你不知道的 JS》

  • 通过视频学习：

    • 速学版
    • 详细版

• 实战类网站

freecodecamplearn.freecodecamp.one/

• 一些该说的话

  • 想要变强是没有捷径的，想要学好前端同样没有，只有依靠自己的努力，多学多练才能成功，一定一定要多敲代码

  • 这些只是基础而已，当你踏入了前端的大门，你还会接触到各种各样的新东西，但是他们都离不开这些基础知识

  • BAT大厂看中算法，计算机网络，计算机安全，编程能力，前端的技术点基础需要扎实（特别是JavaScript），至少会一门框架（vue或者react），有不少于一个的项目经历，有过前端性能优化方面的经验或者见解等