前端免费资源大汇总

1、前端开发电子书

PDF 电子书

《JavaScript Succinctly》

《Bootstrap 4 Succinctly》

《JavaScript Enlightenment》

《Designing Scalable JavaScript Application》

《JavaScript For Impatient Programmers》

在线电子书

《Learning JavaScript Design Patterns》作者:Addy Osmani,

https://addyosmani.com/resources/essentialjsdesignpatterns/book/

《你不懂 JavaScript》系列,在 GitHub 有 92k+ Star

https://github.com/getify/You-Dont-Know-JS

《JavaScript 秘密花园》(这是中文版)

http://bonsaiden.github.io/JavaScript-Garden/zh/

《jQuery 基础》

http://jqfundamentals.com/

《Speaking JavaScript》

http://speakingjs.com/es5/

《DOM Enlightenment》

http://domenlightenment.com/

《Learn CSS Layout the pedantic way》

http://book.mixu.net/css/

《Node 的艺术》GitHub 上有 7900+ Star

https://github.com/maxogden/art-of-node/blob/master/readme.zh-cn.md

《深入 HTML 画布》

https://joshondesign.com/p/books/canvasdeepdive/toc.html

2、前端开发速查表

PDF 速查表

13 张速查表,包括:CSS、HTML、jQuery、Vue、React、Angular、响应式 Web 设计、Bootstrap 等。

交互式速查表

  • Bootstrap Icon

https://glyphicons.bootstrapcheatsheets.com/

  • Vue.js 2.2 速查表

https://vuejs-tips.github.io/cheatsheet/

  • HTML 速查表

https://htmlcheatsheet.com/

  • CSS 速查表

https://htmlcheatsheet.com/css/

  • CSS 布局速查表

https://learn-the-web.algonquindesign.ca/topics/css-layout-cheat-sheet/

  • CSS grid 速查表

https://alialaa.github.io/css-grid-cheat-sheet/

3、GitHub Awesome 系列

JavaScript 资源大全中文版

https://github.com/jobbole/awesome-javascript-cn

CSS 资源大全中文版

https://github.com/jobbole/awesome-css-cn

Awesome Vue

https://github.com/vuejs/awesome-vue

Awesome React

https://github.com/enaqx/awesome-react

Awesome Angular

https://github.com/gdi2290/awesome-angular

4、前端学习视频

《Web Development in 2018 - A Practical Guide》

https://www.youtube.com/watch?v=Zftx68K-1D4

《CSS Crash Course For Absolute Beginners》

https://www.youtube.com/watch?v=yfoY53QXEnI

《CSS3 Animation & Transitions Crash Course》

https://www.youtube.com/watch?v=zHUpx90NerM

《Intro to JavaScript》Udacity 新手入门课程

https://www.udacity.com/course/intro-to-javascript--ud803

《Programming for the Web with JavaScript》

https://www.edx.org/course/programming-web-javascript-pennx-sd4x

麻省理工学院(MIT)和 JS 相关的公开课列表

https://ocw.mit.edu/search/ocwsearch.htm?q=JavaScript

https://ocw.mit.edu/search/ocwsearch.htm?q=CSS