Web 前端從入門菜鳥到實踐老司機所需要的資料與指南合集

tuweijie 8年前發布 | 15K 次閱讀 前端技術 JavaScript

Introduction & Overview:入門與概覽

歡迎來到，前端世界！

Tutorials

Playground / StartKits

  • 在線編譯: CodePen 、 JSFiddle 、 RunJS :這些網站為我們提供了可以在線編輯HTML/CSS/JavaScript與即時預覽的工作臺。同時，在這些網站上也沉淀了大量優秀的代碼片與示例，筆者就經常在CodePen上欣賞各種神奇的動畫效果。

Resources:綜合

Collections:資源匯總帖

Books & Serials:書籍與系列文章

Courses:教程

  • FreecodeCamp : FreecodeCamp是一個非常偉大的項目，其致力于提供優秀的免費教程與練習示范，目前其在前端方面已經累計了數百小時的課程，同時其也包含了數據可視化、后端開發等等。

 

Blogs & Forums:博客與論壇

企業

英文

  • RisingStack Engineering :一系列關于JavaScript與NodeJS的博客，筆者感覺其在NodeJS方面行文還是很深入的

中文

  • [王下邀月熊 – 前端系列博客]():筆者自己的博客，不斷完善中，放在這里純屬私心，不能和下面的相提并論。筆者自己覺得行文倒是其次，筆者一直主張要建立屬于自己的完善的知識體系。
  • 前端外刊評論 :關注前端前沿技術，探尋業界深邃思想 qianduan.guru。
  • 奇舞周刊 :匯聚前端精華，每周五更新的周刊，內容尚可。
  • [前端之巔公眾號]():定期推送的前端文章，有精品也有套文。
  • Div.io :文章更新不是很快，不過也有不少的好文章。
  • Fouber-系列博客
  • JSFront :JS前端開發群月報，由豪情等人維護。

Tools:工具

仰望星空

  • JS1K :大名鼎鼎的js1K，1K字節以內的Javascript代碼，實現一個酷炫的動畫、特效、小游戲之類的。官網從2010年開始征集參賽作品，現在已經辦了７年了，還在辦。

Syntax:基礎語法

HTML

CSS

BestPractices

JavaScript

ES6/ES7專區

Practices & Tips:實戰與提高

StyleGuides:樣式與風格

DOM

Advanced

StateManagement:狀態管理

Browser:瀏覽器

Engine

Electron

Headless Browser

PhantomJS

Selenium

JSDOM

Render:渲染

Framework:常用框架

  • JavaScripting :一個搜集所有的優秀JavaScript前端庫以及對其打分評比的網站

View

React

StateManagement

Redux

Utils:輔助工具

jQuery

  • 你應該知道的jQuery的小技巧 :介紹一系列jQuery使用的小技巧。
  • You-Dont-Need-jQuery :前端發展很快，現代瀏覽器原生 API 已經足夠好用。我們并不需要為了操作 DOM、Event 等再學習一下 jQuery 的 API。同時由于 React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery 使用場景大大減少。本項目總結了大部分 jQuery API 替代的方法，暫時只支持 IE10+ 以上瀏覽器。

NodeJS

Builder

Webpack

Career & Interview:工作與面試

 

 

來自：http://web.jobbole.com/89188/

 

 本文由用戶 tuweijie 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！