前端入门湿货整顿

因为程度不够，整理出来的货色不能叫干货

前端的入门

有人总结了前端工程师的必须清单，但其中也有些过期的，和一些很前期的货色。须要甄别着学。

一名【合格】前端工程师的自检清单

永远绕不开的三件套：HTML CSS JavaScript

权威的资料库，不仅有三件套常识，也有很多其余网络常识。

学习 Web 开发 | MDN

其余三件套学习好网站

W3Schools Free Online Web Tutorials

w3school 在线教程

菜鸟教程 - 学的不仅是技术，更是幻想！

w3cschool菜鸟教程

视频教程

目前国内，B站曾经造成了编程技术材料公布的次要平台。做这方面的up主都会在B站开设账号。只有输出关键词搜寻都会呈现一大批视频，而且品质颇高。

[](https://www.bilibili.com/v/te...)

nodejs

当学会了一些根底之后，正真进入有生产力的开发模式，你肯定绕不开nodejs

中武官网

Node.js 中文网

npm

所有公布的库都注销在此，能够查看应用办法等。

npm

webpack

自身只是npm中的一个库，然而它的位置很重要。官网上这样定义：

实质上，webpack 是一个用于古代 JavaScript 应用程序的 动态模块打包工具。

webpack

框架

react

中武官网

React 官网中文文档 - 用于构建用户界面的 JavaScript 库

Vue

最新的版本是3，3和之前的版本有很多不同，当初入门倡议不必看以前的版本材料了。

Vue3

angular

三大框架中最败落的一家，大概率用不上，倡议放弃。

Angular

JS的加强版TypeScript

TypeScript中文网 · TypeScript--JavaScript的超集

前端游乐场

有这么一类网站，能够在网页上进行前端编程。想试试某些成果的时候十分好用。

codepen

十分有名的网站，有十分多的前人做好成果分享，省去咱们重头做事的麻烦

Create a New Pen

codesandbox

特点是预设了很多框架，咱们本地不必npm install也能够玩各种货色了

CodeSandbox: Online Code Editor and IDE for Rapid Web Development

其余

还有很多我就不例举了，搜寻这些关键词 best js playground 天然会呈现很多举荐文章。

开发IDE

工欲善其事必先利其器

vs code

最火的收费开发IDE，没有之一。

当然不仅是前端，各种语言都能够用它开发。

Visual Studio Code - Code Editing. Redefined

Web Storm

功能强大然而免费。

[](https://www.jetbrains.com/web...)

浏览器调试

按了F12，才晓得关上了一扇新世界的大门

你可能不晓得的chrome调试技巧

浏览器的过来与当初

理解一下浏览器的发展史和现状，对于之后的学习和开发十分有益处。

前端万字精髓--浏览器简史及其外围原理详解

碰到问题

不懂就问，是个好习惯。

依据集体教训，计算机类问答网站首推还是stack overflow最靠谱。不要胆怯英文，用网页翻译能够解决99%的问题。

Stack Overflow - Where Developers Learn, Share, & Build Careers

总之，搜寻是个好货色，别忘记用。（有条件的举荐上谷歌，谁用谁晓得）