网站

Weekly

Frontend Focus
CSS Tricks
JavaScript Weekly
Best of JavaScript
30-seconds

HTTP

awesome-http

算法

算法可视化
- https://algorithm-visualizer.org/
labuladong的算法小抄
MaoDataStructures
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现
- 全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、AVLTree(AVL 平衡树)、RedBlackTree(红黑平衡树)、HashTable(哈希表)
chihungyu1116/leetcode-javascript
soulmachine/leetcode
- 151道题完整版
javascript-algorithms
- uber
algorithm-visualizer
- 算法可视化
wangzheng0822/algo
- 王争
- 数据结构和算法必知必会的50个代码实现
- Python 实现
瓶子君-从0到1构建整个前端算法体系
面试助力，算法101：JavaScript 描述
lucifer 的博客
- 公众号脑洞前端
- azl397985856/leetcode
- 算法小白如何高效、快速刷 leetcode？
- 我是如何刷 LeetCode 的？
- automate-everything
algorithm-pattern
程序员的数学基础课
极客时间-数据结构与算法之美
极客时间-算法面试通关40讲
- 不推荐
大话数据结构
政采云算法小册
「面试必问」leetcode高频题精选

CSS

css-reference
- https://cssreference.io/

CSS-Inspiration
- https://chokcoco.github.io/CSS-Inspiration/#/./init
CSS-Tricks
- https://qishaoxuan.github.io/css_tricks/
css 技巧进阶
- https://github.com/AllThingsSmitty/css-protips
30-seconds-of-css
- https://github.com/30-seconds/30-seconds-of-css
you-neek-to-know-css
- https://github.com/l-hammer/You-need-to-know-css
- https://lhammer.cn/You-need-to-know-css/#/zh-cn/

React

fullstackopen 五星推荐

课程

Glitch: React Starter Kit - A free, 5-part video course with interactive code examples that will help you learn React.
Codecademy: React 101 - Codecademy’s introductory course for React.

示例

Hacker News Clone React/GraphQL Hacker News clone rewritten with universal JavaScript, using React and GraphQL
Builder Book Open-source web app to write and host documentation or sell books. Built with React, Material-UI, Next, Express, Mongoose, MongoDB
Snap Shot A photo gallery with search
BMI Calculator A React Hooks app for calculating BMI

文章

The Hands-On Guide to Learning React Hooks - Eric Bishard’s step-by-step guide to learning React Hooks.
How to Use the React Profiler Component to Measure Render Performance - Adam Henson’s article exemplifying a use case for <React.Profiler />.
Thinking in React Hooks - Amelia Wattenberger’s provides visualizations and highlighting the mindset change needed switching from classes to functional components + hooks.

资源

Awesome React - A collection of awesome things regarding React ecosystem.
Awesome React Components - A curated list of React components.

cheatsheet

https://devhints.io/react

Node.js

Node.js 技术栈 - 五月君
nodejs-interview-questions - 五月君
node-best-practices
- https://github.com/goldbergyoni/nodebestpractices
ElemeFE/node-practice
ElemeFE/node-interview
chyingp/nodejs-learning-guide 程序猿小卡
alsotang/node-lessons

TypeScript

官网
官网翻译
- https://www.tslang.cn/
- https://typescript.bootcss.com/
- https://zhongsp.gitbook.io/
入门教程
- https://ts.xcatliu.com/
微信读书
- Typescript 实战指南
- 深入理解 TypeScript

JavaScript

You-Dont-Know-JS
JS Tips
JavaScript Weekly
现代 JavaScript 教程
MDN JS
前端九部 - 入门手册 2019
JavaScript 秘密花园
30-seconds-of-javascript
You-Dont-Need

面试(综合，大前端内容)

彭道宽的技术博客

掘金小册

基础知识

修言
- 前端算法与数据结构面试：底层逻辑解读与大厂真题训练
  - 1572人购买
- 前端性能优化原理与实践
  - 7863人购买
- JavaScript设计模式核心原理与应用实践
  - 4700人购买

TypeScript

深入浅出TypeScript: 从基础开发到类型编程
- 公众号：程序员面试官
- 2565人购买

Git

Git原理详解及实用指南

Vue.js

剖析Vue.js内部运行机制
- 柒陌同学
- 公众号前端技术优选
- 9839人购买
- 售价9.9

React

React SSR 服务端渲染原理解析与同构实战
React实战：设计模式和最佳实践
- 3030人购买
- 程墨
- Hulu架构师

工程

使用Webpack定制前端开发环境
- 前支付宝前端开发，现唯品会高级开发，现小鹏汽车前端开发

H5

大厂H5开发实战手册
- 凹凸实验室
- 3755人购买
如何实用Canvas制作出炫酷的网页背景特效
- sunshine小小倩饿了么 FE
- 3861人购买
- 售价9.9

面试

前端面试之道
- yck
- 公众号：前端真好玩
- 10754人购买
- 售价：49.9
Web前端面试指南与高频考题解析
- Alex007
- 百度Web前端
- 4992 人购买

Node.js

基于hapi的Node.js小程序后端开发实践指南
- 叶盛飞
- 前网易高级开发

小程序、小游戏

Taro多端开发实现原理与项目实战
- 凹凸实验室
- 4273人购买
微信小游戏开发入门：从0到1实现井字棋游戏
- 凹凸实验室
- 2984人购买
CDN
https://www.pika.dev/
jspm.io
- Native ES Modules CDN
- not for production
- Easy Web Prototyping and Development

网站导航

千山 http://qianshan.co/
AnywhereAnything http://lackar.com/aa/
万花筒 https://wht.im/
掘金最热 http://e.xitu.io/

前端娱乐圈

code秘密花园
- ConardLi
- 掘金
- awesome-coding-js
鱼头的Web海洋
若川
- 公众号若川视野
小北
- 逗比
- 公众号前端你别闹
yck
- 前端真好玩
政采云前端
木易杨
- 公众号高级前端进阶
- 木易杨说
前端下午茶
前端森林
- 掘金 https://juejin.im/user/5a767928f265da4e78327344/posts
winty
- 公众号前端Q
- 虾皮 -> 腾讯微信
- https://github.com/LuckyWinty
- 掘金 https://juejin.im/post/5eba66f95188253c2a564d87
lhyt
- 公众号不一样的前端
- https://juejin.im/user/5acc4ab4f265da239148703d
- 前腾讯
qiangdada
- 美团
- 公众号合格前端
前端闰土哥
前端早早聊
前端之巅
浪里行舟
- 公众号前端工匠
笑妄
- 公众号前端劝退师
花裤衩
修言
- 掘金小册高产
黄子毅
子弈
柒陌
- 前端技术优选
桃翁
- https://juejin.im/user/576e489079bc44005bf2e248/posts
- 个人网站/
- 公众号前端桃园
相学长
- 蚂蚁保险
- https://juejin.im/post/5dfd8545f265da33a8759d50
刘小夕
- 公众号前端宇宙
- 女
- 掘金 https://juejin.im/user/5c6256596fb9a049bd42c770/posts
- Github
瓶子君
- javaScript-Algorithms
- 平安
- 公众号前端瓶子君
童欧巴
- 公众号前端食堂
- 知乎专栏 https://zhuanlan.zhihu.com/c_1128995663182233600

外包

程序员如何优雅的挣零花钱？

程序员 Podcast

ggtalk
- 头发越来越少，经验越来越多；颈椎开始僵硬，头脑依然灵活。代码写多了就想尝试点新东西，聊技术，聊工作，聊生活。挤地铁？又堵车？随便点一期吧，听个乐呵。
- 1. 职业病 2020-06-23
- 1. 姑苏城里写代码
- 1. 聊聊新加坡的工作和生活
- 1. 聊聊泰国的工作和生活
- 1. 没事刷刷算法
- 1. 聊聊新西兰的工作和生活
- 1. 聊聊加拿大的工作和生活
- 1. 在日本生活是什么体验
- 1. “家里蹲”到底什么感觉
- 1. 辞职环游中国的程序员小 K
- 1. 广义跳槽论：简洁明了的方法论
- 1. 狭义跳槽论：面试官，大厂新人和准备起跳的某 C
- 1. 聊聊程序员的升职加薪（下）
- 1. 聊聊程序员的升职加薪（上）
IPN
- [内核恐慌]
- [IT 公论]
Teahour
- 聚焦于程序、创业以及一切 Geek 话题的中文播客
- 更新较慢
Python 爱好者 - 捕蛇者说

极客时间

计算机专业课
- 程序员的数学基础课
- 算法面试通关40讲
- 趣谈网络协议
- 数据结构和算法之美
- 玩转 Git 三剑客
- 正则表达式入门课
- 如何做好一场技术演讲
前端
- Node.js 开发实战
- React 实战进阶 45 讲
- Vue 开发实战
- 重学前端
- Web 协议详解与抓包实战
- 玩转 webpack
- 透视 HTTP 协议
- 浏览器工作原理与实践
- JavaScript 核心原理解析
- TypeScript 开发实战
运维 & 测试
- Linux 实战技能100讲
- 趣谈 Linux 操作系统