Web 前端从入门菜鸟到实践老司机所需要的资料与指南合集

8,095 阅读9分钟
原文链接: segmentfault.com

Web前端从入门菜鸟到实践老司机所需要的资料与指南合集归属于笔者的Web 前端入门与最佳实践。在本文中笔者尽量以入门级介绍为主,如果对于某方面知识点想深入了解,可以参考笔者的对应的知识点系列文章。如果您有其他的Web方面的资料/课程等推荐,欢迎指教,本文会保持持续更新。
本文仅代表个人见解,若有点评不周之处望及时告知。欢迎转载,注明出处。

Introduction & Overview:入门与概览

欢迎来到,前端世界!

Tutorials

Playground / StartKits

  • 在线编译:CodePenJSFiddleRunJS:这些网站为我们提供了可以在线编辑HTML/CSS/JavaScript与即时预览的工作台。同时,在这些网站上也沉淀了大量优秀的代码片与示例,笔者就经常在CodePen上欣赏各种神奇的动画效果。

Resources:综合

Collections:资源汇总帖

Books & Serials:书籍与系列文章

Courses:教程

  • FreecodeCamp: FreecodeCamp是一个非常伟大的项目,其致力于提供优秀的免费教程与练习示范,目前其在前端方面已经累计了数百小时的课程,同时其也包含了数据可视化、后端开发等等。

  • 实验楼-Web专区

Blogs & Forums:博客与论坛

企业

英文

  • RisingStack Engineering:一系列关于JavaScript与NodeJS的博客,笔者感觉其在NodeJS方面行文还是很深入的

中文

  • [王下邀月熊 - 前端系列博客]():笔者自己的博客,不断完善中,放在这里纯属私心,不能和下面的相提并论。笔者自己觉得行文倒是其次,笔者一直主张要建立属于自己的完善的知识体系。

  • 前端外刊评论:关注前端前沿技术,探寻业界深邃思想 qianduan.guru。

  • 奇舞周刊:汇聚前端精华,每周五更新的周刊,内容尚可。

  • [前端之巅公众号]():定期推送的前端文章,有精品也有套文。

  • Div.io:文章更新不是很快,不过也有不少的好文章。

  • Fouber-系列博客

  • JSFront:JS前端开发群月报,由豪情等人维护。

Tools:工具

仰望星空

  • JS1K:大名鼎鼎的js1K,1K字节以内的Javascript代码,实现一个酷炫的动画、特效、小游戏之类的。官网从2010年开始征集参赛作品,现在已经办了7年了,还在办。

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:工作与面试