我都从哪学习

返回 前端开发入门指南 系列


维京勇士北风造

# 前端开发和编程

# 语言标准

还有什么比标准文档更权威呢?

网站 简介
ES 语言标准 JS,最新的 JS 语言标准,另有 PDF 版
HTML 标准 目录页 HTML,各种标签行为和属性,文档的行为
CSS 标准 归档页 CSS,完整标准推进比较慢,很多部分(如 Flex)是独立标准或草案的形式
MDN 相当于规范速查手册,包括了 HTML、CSS、JS,部分有代码示例

# Youtube 技术频道

# 各种技术的入门

我的习惯是跟着系统性的视频教程,建立起知识的体系结构,
搜索的关键字诸如 nginx crash course,crash course 就表示快速教程。
搜视频教程的时候会优先选择以下频道的视频。
(一般有 10 分钟、30 分钟、60 小时几种典型的时长)

YouTube 频道内容简介
Traversy Media 前端、Web,基础部分很全面
DesignCourse 前端、Web、设计,技术栈比较新
Fireship 前端,100 秒系列视频非常惊艳
Derek Banas 十几种编程语言,以及相关工具
Fun Fun Function 前端,风格比较夸张,可以减压 hhh
The Coding Train 相比 Web,内容和动画开发关系更大
Wes Bos 前端,全家桶式的教学教程
Programming With Mosh 编程技术和知识,不限于前端
freeCodeCamp.org 内容超多的社区频道

# 讲座

硬核系列,讲原理、范式、方法论等等

YouTube 频道内容简介
GOTO Conferences 硬核讲座系列,偏学术
Metosin 硬核讲座系列,偏学术
Computerphile CS 知识科普,诺丁汉大学出品
JSConf JS Conf 讲座,官方收录

# Youtuber 个人频道

主要是听吹逼和段子的。

YouTube 频道内容简介
TechLead Ex-Google TechLead 万恶之源
Joma Tech TechLead 的好基友 我觉得冷笑话水平更棒
Devon Crawford 很有活力的年轻的大学生

# 平台网站

我各自买过几个月会员,看过几套教程,后来没怎么看了。有配套代码和字幕。

国内慕课网、极客时间啥的太多了,就不说了。
(其实我个人不太适应这种学习风格……)

网站 简介
Frontend Matsters 各种大厂大佬,牌面十足,尤雨溪讲过 Vue 的
egghead.io 大佬也很多,Dan Abramov 讲过 Redux,整体牌面略逊一筹

# JS 语言学习

JavaScript 是前端开发的核心语言,所以是一门需要不断学习的语言。 所以这里先讲讲 JS,
像工具自己的官网(比如 React 啥的)就不提了

# 在线文字教程

JavaScript 语言入门教程 简介
现代 JavaScript 教程
JavaScript 教程 阮一峰写的 JS 语言入门
ES6 教程 阮一峰写的 ES6 语法和 API 教程
廖雪峰的官方网站 廖雪峰的网站,有 JS、Python、Java、SQL、Git 五套教程

#

我看完的书,同理,像《深入浅出 XXX 工具》这里就不提了。

书名 俗称 简介
JavaScript 权威指南 犀牛书 不推荐,看 MDN 就行了
JavaScript 高级程序设计 红宝书、高程 建议通读
你不知道的 JavaScript 小黄书 共三卷,偏硬核
JavaScript 忍者秘籍 忍者书 有些硬核的知识,有课后练习
JavaScript 语言精粹 蝴蝶书 原名 Good Parts,作为参考实践吧
《JavaScript 20 年》中文版 字面意思,doodlewind 翻译的中文版

# 关注社区内的人

# 国内

我关注的一部分、在社区内比较活跃的、国内的、前端技术人。如果你不知道该关注谁,可以先从关注他们开始。替身使者大佬是会互相吸引的,关注他们的动向,从而就能认识社区内的更多人。

(我自己的话,其实不算很活跃…)

(排名不分先后)

常用网络 ID GitHub 知乎 简介、领域、主要贡献
尤雨溪、Evan You @yyx990803 尤雨溪 Vue 作者
程劭非、winter @wintercn winter 知乎 温赵轮 中的 温
贺师俊、Hax @hax 贺师俊 架构师,TC39 和 W3C
阮一峰 @ruanyf - 阮一峰的网络日志ES6 教程
廖雪峰 @michaelliao 廖雪峰 廖雪峰的官方网站
i5ting、狼叔 @i5ting i5ting Node,《如何正确的学习 Node.js》
phodal @phodal phodal DevOps,技术笔杆子
doodlewind、雪碧 @doodlewind doodlewind 稿定科技,《JavaScript 20 年》中译
shu ding @shuding Parabola Vercel 成员,useSWR
工业聚 @Lucifier129 工业聚 react-lite
太狼 @Brooooooklyn 太狼 LeetCode 中国,TypeScript,Rust
程墨、Morgan @mocheng 程墨 Morgan 《深入浅出 RxJS》
顾轶灵 @Justineo 顾轶灵 百度资深前端,Vue,vue-echarts
justjavac、迷渡 @justjavac justjavac Deno,V8,vscode_deno
黄玄、Hux @Huxpro 黄玄 前端,PL

# 国外及其他

(有点乱,稍后再整理)

# 技术以外

当然,技术人仅仅掌握技术是不够的,除了技术以外,我还会了解很多其他领域的知识,用知识武装自己。在地铁通勤上听听或者作为睡前饭后消遣。目前还处于听段子阶段,以后说不定也会系统地做做笔记。

# 政治文化科学

YouTube Bilibili 频道内容简介
Guan Video 观视频工作室 观视频工作室 陈平、张维为、金灿荣、马前卒、袁岚峰…
Kevin in Shanghai Kevin 英语情报局 各地的语言和文化
Mr & Mrs Gao - 老高与小茉 方脸与妙见神,关于历史和未来的科学脑洞
李永乐老师 李永乐老师 全学科科普 神奇的小朋友系列
箭厂 ArrowFactory Doc 箭厂视频 中国社会故事

# 经济商业

YouTube Bilibili 频道内容简介
李自然说 李自然说 “有趣的灵魂,聊科技人文” (其实都是讲商业)
所长林超 所长林超 谈未来方向、职业规划,参考资料超级多
巫师财经 巫师财经 “资本永不眠” (现在好像退出 B 站了?)
小艾大叔 Albert 小艾大叔 “看得起豪宅的艾叔” 结尾满分作文升华主题

# 消费电子和硬件

YouTube Bilibili 频道内容简介
Coreteks - 硬件产业分析和预测
Linus Tech Tips LinusTechTips 加拿大土豪白嫖王,他还有很多不同的子频道
TESTV TESTV 官方频道 “值不值得买” 消费电子体验 (也卖零食火锅底料)
Toppc Lin - “板厂没有说的秘密” 微星超频王工程师
极客湾 Geekerwan 极客湾 Geekerwan 一些硬件科普系列做得不错
翼王 翼王 硬件开箱,也有一些神奇视频,比如搭万兆 nas

# 游戏文化

工作之后玩游戏时间变少了,反而更喜欢看别人聊游戏。

YouTube Bilibili 频道内容简介
gamker 攻壳官方频道 gamker 攻壳 “全宇宙的华人玩家们大家好” 游戏设计、开发、文化、行业 (广告是正片)
森纳映画 森纳映画 “不止游戏” 游戏背后的真实背景故事等(FPS 偏多)
MadcatClan 疯猫 MadcatClan 游戏分析、背景故事,YouTube 开通较晚
Game Maker's Toolkit 卡姐 Cara 卡姐翻译,游戏设计、历史,原视频来源于多个 YouTube 频道
Digital Foundry - 数毛社,游戏性能分析、硬件、渲染技术等

还有一个 电台 | 机核 GCORES,纯音频。Gadio Pro 系列节目内容还不错,不过现在听的少了。