• Stars
    star
    107
  • Rank 323,587 (Top 7 %)
  • Language
  • Created over 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

stduy programming skills of javascript every day

study-every-day

记录每天的学习,共建良好的学习环境,一起进步

why

我一直有个习惯,是坚持每天提交 git commit ,用这样打卡的方式来促进学习,让自己每天都敲一点代码或者学习一些新的知识。

而且也一直在做 b站, 后来突然想到这两个点是可以结合起来的:每日学习+b站

而形式是每天抽出一个小时学习,并且把这个学习的过程在 b站直播

这样对我自己来讲的话会有很多的好处,比如:

  1. 高效

    • 在直播的过程的时候,因为你会感觉有人在看你,所以会高度的集中,特别的聚焦,那么效率自然会特别高
  2. 积极的反馈

    • 在学习的过程中,你总结的好不好,弹幕会告诉你,在写应用的时候出现问题了,弹幕也会实时的告诉的。
    • 积极的反馈是培养学习兴趣的重点,这个也是在直播的时候可以反馈出来的

对于大家来讲也会有很多好处,比如:

  1. 学习氛围
    • 学习是需要一个好的环境的,而在直播间里面你会发现有好多人每天都在学习,都在进步,这个对于你来说是有特别好的促进
    • 交流群,大家可以在交流群里面对今日的学习做各种沟通
  2. 开阔眼界
    1. 平时看的基本上是源码或者是一些高阶的知识, 是大多数初中级前端接触不到的知识点
  3. 提高学习热情和积极性

下面是我在交流群和大家收集到的信息:

所以我坚信直播分享学习是个正确的事,是一个有意义的事,所以我准备把它作为项目来进行维护,一直坚持做下去

毕竟做程序员就要有"做到老学到老"的思想觉悟

how

形式是以直播的形式来分享我自己的学习过程

地点: b站直播 时间: 晚上九点

不一定是每天就直播,因为有可能会有工作和直播时间冲突,所以直播的时候我都会在交流群进行通知

每天的任务点会以 issues 的方式创建并记录

然后会把每日的收获写到当日的 issue 内

希望你可以和我一起

直播的内容不限制,这个其实一般是按照我自己的习惯和规划来的,目前基本两块内容:

  • 看源码
    • 找一些特别有意思的项目来看看他们的实现原理
  • 写应用
    • 基于需求去写应用,比如 bilibili-app 这个项目就是基于需求产出的

产出

  • bilibili-app

    • 因为在直播的时候在页面里面看弹幕不方便,所以我们直播的时候写的一个应用,可以方便我们看弹幕
  • 看 petite-vue 源码

    • TODO 贴个脑图
    • TODO 后续会把学习到的内容以文章的形式发表到我的公众号上(公众号:阿崔cxr)

你还可以收获什么?

除了我上面说到的那些关于学习上的好处的话,你还可以直接的参与到我的项目里面来

比如:

  • 你可以提交 issues 来分享和提出你对这个项目的意见和建议
    • 参与进来,共同做好这件事
  • 你可以提交代码来优化我们产出的内容
    • 比如 bilibili-app 应用里面的样式逻辑就是小伙伴们提交的代码

如何进交流群

  1. 添加我的公众号:阿崔cxr
  2. 回复 “vx”,添加我的 vx ,我拉你进群

文章之类的产出都会第一时间发表到我的公众号上

如何收到直播通知

关注 b站,直播的时候会有通知

除了直播的内容,我也会每周更新有趣好玩高质量的干货内容

More Repositories

1

mini-vue

实现最简 vue3 模型( Help you learn more efficiently vue3 source code )
TypeScript
9,044
star
2

daily-share

每日分享有趣、有用,最新的信息 FOR EVERY CODER
154
star
3

vue-magic

共读 vue3
112
star
4

vue-pixijs

Develop pixijs using vue3.0
JavaScript
111
star
5

guide-mini-vue

mini-vue 教学代码
JavaScript
89
star
6

vue3-dida

Real-world vue3 projects with complete testing
TypeScript
70
star
7

front-end-testing

涵盖前端开发所需的所有测试技能
TypeScript
65
star
8

cReptile

爬取电影网站,生成免费电影url
JavaScript
65
star
9

one-step

vue3 开发 一步到位 开箱即用
TypeScript
53
star
10

chunquchunyoulai

随便记录点啥(个人博客)
44
star
11

vue3-test-course

写给前端的测试课
TypeScript
42
star
12

VSCodeVim

Vim for Visual Studio Code
TypeScript
34
star
13

teach-koa-setup

实现一个基于 nodejs 的 cli 工具
JavaScript
32
star
14

tetris-vue3

使用 vue3 来实现俄罗斯方块
JavaScript
29
star
15

mini-webpack

webpack 的教程
JavaScript
28
star
16

tdl-ts

test driver learn typescript
TypeScript
24
star
17

refactoring-to-patterns

重构与模式
TypeScript
24
star
18

autoWechatMass

使用 robotjs 实现的微信群发功能
JavaScript
22
star
19

koa-setup

setup koa 开发坏境
JavaScript
22
star
20

vite-scaffold-template

for vite template
JavaScript
18
star
21

teach-vue-practice

vue practice for teach
Vue
18
star
22

algorithm

基于js实现各类算法
JavaScript
18
star
23

teach-tetris-vue3

教学版俄罗斯方块
TypeScript
17
star
24

coder-game

程序员的游戏人生
16
star
25

obsidian-plugin-deploy-content-to-anywhere

obsidian 插件,把 md 的内容部署到任何地方
JavaScript
15
star
26

bezierCurvDraw

基于贝塞尔曲线拟合算法实现绘制平滑曲线
JavaScript
15
star
27

web-camp

web集训营
JavaScript
15
star
28

tank

坦克大战
TypeScript
14
star
29

vue3-think

记录学习思考 vue3 的所有
13
star
30

mini-pack

理解打包工具得核心原理
JavaScript
12
star
31

the-tutorial-super-tiny-compiler

the tutorial super tiny compiler
TypeScript
12
star
32

recordCourse

一个教你如何优雅的实现撤销、回退记录的教程(如同浏览器的撤销回退)
HTML
12
star
33

delete-function

vscode extension quick delete function
TypeScript
11
star
34

learn-language

学习编译原理
TypeScript
11
star
35

play-plane

探索前端UI层和业务逻辑层的分层架构
TypeScript
10
star
36

course-vue3-test

teaching how to write test for vue3
JavaScript
10
star
37

recordWeb

浏览器内实现录音功能得demo
JavaScript
10
star
38

mini-vite

实现 mini vite ,学习 vite 原理
JavaScript
9
star
39

second-brain

To build the second brain
9
star
40

weapon

实践: 使用 tdd 开发组件库
JavaScript
9
star
41

teaching-vuejs

Teaching case for vuejs
JavaScript
9
star
42

learn-solidjs

learn solidjs
TypeScript
8
star
43

cx

retro zxjs
JavaScript
8
star
44

bilibili-app

bilibili 直播桌面app
JavaScript
7
star
45

guide-rollup

rollup 教程
JavaScript
7
star
46

refactoring

重构教程
TypeScript
7
star
47

chatBot

AI chatbot running in the terminal based on nodejs and openai implementation
TypeScript
7
star
48

earthworm

Learning English through the method of constructing sentences with conjunctions
TypeScript
6
star
49

keyboard-man

键盘侠养成训练营(快捷键)
6
star
50

mini-rollup

实现 mini-rollup 学习 rollup 原理
JavaScript
6
star
51

configuration

对配置信息的备份以及恢复的解决方案
6
star
52

babel-plugin-dev-debug

an babel plugin that for dev debug
JavaScript
6
star
53

vue3-template-magic

template code generator for vue3 template
TypeScript
6
star
54

guide-webpack

webpack 教程
JavaScript
6
star
55

tdd-protect

tdd protect for deliberate practice tdd
JavaScript
6
star
56

cxr-axios

通过 tdd 简单实现 axios
JavaScript
6
star
57

tdd-mars-rover

假想你在火星探索团队中负责软件开发。现在你要给登陆火星的探索小车编写控制程序,根据地球发送的控制指令来控制火星车的行动。
JavaScript
6
star
58

sokoban-vue3

sokoban game by vue3
TypeScript
5
star
59

solidjs-real-world

solidjs real world
TypeScript
5
star
60

solidjs-crash-course

solidjs crash course
JavaScript
4
star
61

til

today i learned
4
star
62

element3-demo

用于演示 element3
Vue
4
star
63

MVVM

实现简单的mvvm框架,用于学习
JavaScript
4
star
64

learn-grammer-by-picture

learn grammer by picture
JavaScript
4
star
65

quickOpenLazygit

quick open lazygit on vscode
TypeScript
4
star
66

guide-test

前端工程测试方向教程
JavaScript
4
star
67

execute-shell-webpack-plugin

webpack 插件,可在构建阶段执行 shell 命令
JavaScript
4
star
68

create-daily-share-issue-action

automatic create daily plan issue for cuixiaorui/study-every-day
JavaScript
4
star
69

length

重构Length
JavaScript
3
star
70

guide-vite

vite 教程
JavaScript
3
star
71

opinion-ate-vue3

基于 vue3 最新的技术栈来实现 TDD
JavaScript
3
star
72

tutorial-eslint-plugin

tutorial eslint plugin
JavaScript
3
star
73

virtualDom

实现简单的虚拟dom,用于学习
JavaScript
3
star
74

vitest-tutorial

vitest tutorial
CSS
3
star
75

teach-create-issues-action

teach create issues action
JavaScript
3
star
76

cVideoCrawler

基于命令行的视频爬虫。
JavaScript
3
star
77

high-performance-timer

高性能的定时器
JavaScript
2
star
78

toy-browser

build toy browser
HTML
2
star
79

cuixiaorui

2
star
80

cache-LRU

实现缓存淘汰策略(LRU)
JavaScript
2
star
81

teach-resume

teach resume
Astro
2
star
82

tutorial-playwright-component-test-vue3

tutorial playwright component test vue3
HTML
2
star
83

mini-react

build mini-react for learn react principle
JavaScript
2
star
84

vue3-play-plane

use vue3 and pixijs build play plane game
JavaScript
1
star
85

markdown-to-htmlStr-webpack-loader

webpack loader for markdown to html string
JavaScript
1
star
86

opinion-ate

由外到内的测试驱动开发前端实战项目
JavaScript
1
star
87

resume-template

resume template
Astro
1
star
88

string-fsm

有限状态机的应用
JavaScript
1
star
89

args

command line tool
TypeScript
1
star
90

obsidian-plugin-daily-share-commit

obsidian plugin that commit to daily share
JavaScript
1
star
91

tutorial-rollup-plugin-alias

tutorial rollup plugin alias
TypeScript
1
star
92

tdd-learn-nodejs

通过测试驱动学习 nodejs
JavaScript
1
star
93

tutorial-node-typescript

使用 ts 编写 express 服务器的教程
TypeScript
1
star
94

cypress-issue-for-vue3-compoment-test-hot-update

cypress issue for vue3 compoment test hot update
TypeScript
1
star
95

teach-nodemon

学习 nodemon 的实现原理
JavaScript
1
star
96

learn-turbo

learn turbo demo
Vue
1
star
97

tutorial-travis-ci

使用 travis 的教程
JavaScript
1
star
98

vue3-ai-assistant

build a chatbot to read vue3 document with langchain and openai
JavaScript
1
star
99

nuxt3-start-template

quick start nuxt3 project
TypeScript
1
star
100

video-hhh

The statistics of video time
JavaScript
1
star