由兴趣和危机意识驱动的学习,通过计算机获取认识世界的一个角度。
Any fool can write code that a computer can understand. Good programmers write code that humans can understand.
– Refactoring — Improving The Design of Existing Code by Martin Fowler
榜样
计算机科学
- 操作系统
- 数据结构
- 算法
- 网络
Web 技术
-
MDN Learn
HTMLCSSJSWeb forms- Cross browser testing
- Accessibility(A11y)
- Git and GitHub
- Client-side web-dev tools
- Client-side JS frameworks
-
ECMAScript articles by Dmitry Soshnikov
JavaScript. The Core.JavaScript. The Core. 2nd Edition-
ECMA-262-3 in detail
Execution ContextsVariable object- This
- Scope chain
- Functions
- Closures
- OOP: The general theory
- OOP: ECMAScript implementation
- Evaluation strategy
-
ECMA-262-5 in detail
- Properties and Property Descriptors
- Strict Mode
- Lexical environments: Common Theory
- Lexical environments: ECMAScript implementation
How to Read the ECMAScript Specification by Timothy Gu-
Frontend Masters
Complete Intro to React, v8Vue 3 Fundamentals
- Understanding ECMAScript on v8.dev
-
freeCodeCamp
Responsive Web DesignJavaScript Algorithms and Data Structures- Front End Development Libraries
方法
- 要对自己有足够的信心
- 明白自己想解决什么问题
- 通过看大量知识缩小思考范围
- 依葫芦画瓢才会融汇贯通
- 把解决方案写下来
- 记住——编程的核心是逻辑
参考资料
CS
学习方法
- 用Webpack4配置 React + Express + Less 开发环境
- 谈研发人员的进步
- 程序员练级攻略
- 编程入门指南
- 左耳听风 by 陈皓
-
编程随想
Web
- https://developer.mozilla.org/en-US/
- https://javascript.info/
- http://dmitrysoshnikov.com/
- https://roadmap.sh/
- https://andreasbm.github.io/web-skills/
- https://github.com/trekhleb/javascript-algorithms
- https://v8.dev/blog/tags/understanding-ecmascript
- https://timothygu.me/es-howto/
- https://www.patterns.dev/posts/
- 学习JavaScript数据结构和算法 代码库
- Frontend Masters
- https://www.freecodecamp.org/learn
- https://web.dev/learn/
- https://fullstackopen.com/en/
- Web Interface Guidelines