前端入门湿货整顿
因为程度不够,整理出来的货色不能叫干货
前端的入门
有人总结了前端工程师的必须清单,但其中也有些过期的,和一些很前期的货色。须要甄别着学。
一名【合格】前端工程师的自检清单
永远绕不开的三件套: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
总之,搜寻是个好货色,别忘记用。(有条件的举荐上谷歌,谁用谁晓得)