seognil / learn-by-doing

learn developing, methodology, tool, framework

LEARN BY DOING

这是什么

一个理解前端开发工作的代码库。
包含我自己实现的代码和整理的学习资源。

为什么

因为这是学习写代码的唯一方式 —— 动手练习！

目录

• JavaScript
  • 关于 prototype、Object、Function
  • 手写系列
    • 用函数实现关键字
      • 手写 ES5 寄生组合继承
      • 手写 ES5 new
      • 手写 bind
      • 手写 call
      • 手写 instanceof
      • 模板字符串
      • API
        • 手写 map
        • 手写 filter
        • 手写 reduce
        • 手写 forEach
        • 手写 flat
    • utils
      • 简单的深克隆
      • 简单 EventEmitter
      • 逗号分割千分位
      • uniqBy
      • debounce
      • throttle
      • curry
      • pipe
  • 语法的使用/语法糖
    • asnyc
    • decorator
    • 一些 ES6 语法
    • 一些 TS 语法
    • 一些编码技巧：三元 短路运算 布尔化 取整
  • 异步编程
    • 手写 p-limit
    • 手写 p-lock
    • delay
• Node.js
  • Node.js 的简单用法
  • 搭建一个简单的服务器
• 第三方库
  • 敲点简单 Demo
    • react hooks
    • redux
    • react-redux
    • redux-react-hook
    • rxjs
    • Webpack：https://github.com/seognil-study/webpack-playground
  • 测试框架
    • Jest
    • Testing-Library
    • Cypress
  • 手写一个？
    • redux
    • tiny-mvvm
    • tiny-react
    • tiny-vue
• 教程的作业
  • Javascript 30
• 计算机科学
  • 算法：https://github.com/seognil-study/leetcode
  • 设计模式

有用的工具

• 运行 JavaScript 代码的十几种方式
• 关于 Chrome
• 关于 VS Code
• Mac、设置和软件