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

时间:2022-11-22 04:33:13

http://web.jobbole.com/89188/

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

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