Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/eryisan/zh_CN-Computer-Science-Curriculum-Front-End-Curriculum

CS计算机课程自学资源、教程、路线;Front-End前端工程师-全栈工程师课程自学资源、教程、路线;A Computer Science Curriculum;Front-End Curriculum;免费与付费的计算机科学编程类中英文教程资源
https://github.com/eryisan/zh_CN-Computer-Science-Curriculum-Front-End-Curriculum

List: zh_CN-Computer-Science-Curriculum-Front-End-Curriculum

awesome-list chinese computer-science course css curriculum free front-end frontend full-stack html java javascript programming python react

Last synced: 16 days ago
JSON representation

CS计算机课程自学资源、教程、路线;Front-End前端工程师-全栈工程师课程自学资源、教程、路线;A Computer Science Curriculum;Front-End Curriculum;免费与付费的计算机科学编程类中英文教程资源

Awesome Lists containing this project

README 

        
# zh_CN-Computer-Science-Curriculum-Front-End-Curriculum

CS计算机课程自学资源、教程、路线;Front-End前端工程师-全栈工程师课程自学资源、教程、路线;A Computer Science Curriculum;Front-End Curriculum;免费与付费的计算机科学编程类中英文教程资源





  




# 友情提示

- 切忌陷入教程地狱，会浪费大量不必要的时间。

- 本篇内容尽作者所能，减少各位纠结选XX课程的时间精力。注：本篇内容都会过时。

- 编程或英语，没有速成法，必经长时间历练，每日点点滴滴的沉淀积累。



# 声明

内容对错自己评判，一概不负责。文章谨慎参考，内容带有私货。内容有误导倾向，请自行负责，后果自负。



# 目录

- [声明](#声明)

- [目录](#目录)

- [计算机编程后端自学](#计算机编程后端自学) :+1:

- [前端全栈自学](#前端全栈自学) :+1:

- [AI工具辅助](#AI工具辅助) :+1:

- [英文阅读自学](#英文阅读自学) :+1:

- [英文阅读工具](#英文阅读工具) :+1:

- [辅助工具](#辅助工具) :+1:

- [身体健康养护](#身体健康养护) :+1:

- [CS相关社区讨论交流](#讨论交流) :+1:

- [Step by Step Building 100 Days Project](#step-by-step-building-100-days-project)





# CS学校的本科生需要学习哪些课程？

- [CS学校的本科生需要学习哪些课程？](https://www.zhihu.com/question/39232347/answer/1947896480) 





## CS自学和前端自学提问互助、资源共享和交流QQ群（非闲聊群）

- QQ群：916804503

- 初期没人交流，欢迎大家分享共同搭建社区。[课程Q&A: Discussions](https://github.com/eryisan/zh_CN-Computer-Science-Curriculum-Front-End-Curriculum/discussions)






[⬆ Back to top](#目录)

# 计算机编程后端自学

> **CS计算机课程自学资源、教程、路线 - Computer Science Curriculum**

- 参考：[Teach Yourself Computer Science](https://teachyourselfcs.com/) 

- 参考：[计算机科学课程体系规范2013](https://www.acm.org/binaries/content/assets/education/cs2013_chinese.pdf) 

- 参考：[全球计算机教育范式](https://www.acm.org/binaries/content/assets/education/curricula-recommendations/cc2020.pdf) 

- 参考：[美国一流大学计算机组成与系统结构实验课程研究](http://cpu.csc-he.com/uploads/soft/170311/1-1F311040242.pdf) 

- 参考：[计算机组成原理课程实践教学探索](http://cpu.csc-he.com/uploads/soft/170311/1-1F311040200.pdf)



| Index | Language | Topic | Course | Book |

|--|--|--|--|--|

| 1 | Python |程序抽象 |[CS 61A: Structure and Interpretation of Computer Programs](https://inst.eecs.berkeley.edu/~cs61a/fa20/) | [Composing Programs](http://composingprograms.com/) |

| 2 | CS宏观  |构建计算机 |[From Nand to Tetris](https://www.nand2tetris.org/) | [The Elements of Computing Systems](https://www.amazon.com/Elements-Computing-Systems-second-Principles-dp-0262539802/dp/0262539802/ref=dp_ob_title_bk) | 

| 3 |  Java |数据结构与算法 |[CS 61B Data Structures](https://sp21.datastructur.es/) | [UC Berkeley's Data Structures course](https://joshhug.gitbooks.io/hug61b/content/) |

| 4.1 |  C |计算机架构 |[CS 61C](https://inst.eecs.berkeley.edu/~cs61c/fa20/) | [Computer Organization and Design RISC-V Edition](https://www.amazon.com/Computer-Organization-Design-RISC-V-Architecture/dp/0128122757) |

| 4.2 |  C | 计算机架构 |[CMU 15-213](http://www.cs.cmu.edu/~213/) | [Computer Systems: A Programmer's Perspective, 3/E (CS:APP3e)](https://csapp.cs.cmu.edu/) |

| 5 |   | 计算机网络 |[CS 144](https://cs144.github.io/) | [Computer Networking: a Top Down Approach)](https://csapp.cs.cmu.edu/) |

| 6 |   | 操作系统 |[CS 162](https://cs162.org/) | [Operating Systems: Three Easy Pieces)](https://pages.cs.wisc.edu/~remzi/OSTEP/)
[Operating Systems: Principles and Practice](http://ospp.cs.washington.edu/) |



### 不错的网站

- [用十年来学编程](https://coolshell.cn/articles/2250.html) 学习心态

- [Real Python](https://realpython.com/) CS61A之后不错的Python网站

  - [The Hitchhiker’s Guide to Python](https://docs.python-guide.org/)

  - [Full Stack Python](https://www.fullstackpython.com/table-of-contents.html) 

- [build-your-own-x](https://github.com/danistefanovic/build-your-own-x) 做项目

- [Best resources to learn X | bestresourcestolearnx.com](https://bestresourcestolearnx.com/)

- [project-based-learning](https://github.com/practical-tutorials/project-based-learning) 做项目

- [How to ACTUALLY learn CS如何真正学习计算机科学](https://www.reddit.com/r/learnprogramming/comments/fnxyq7/how_to_actually_learn_cs/)

- [ops-class.org | Learn Operating Systems Online](https://ops-class.org/)

- [The Missing Semester of Your CS Education](https://missing.csail.mit.edu/)

- [AlgoryL/Projects-from-Scratch: Read and do projects.](https://github.com/AlgoryL/Projects-from-Scratch)

- [cweagans/awesome-diy-software: A curated list of awesome DIY software.](https://github.com/cweagans/awesome-diy-software)



- [备用CS资源大全](#备用CS资源大全)






[⬆ Back to top](#目录)

# 备用CS资源大全

- [Open Source CS](https://github.com/ForrestKnight/open-source-cs)

- [OSSU](https://github.com/ossu/computer-science)

- [CS1000](https://cs1000.vercel.app/)

- [No Debt CS](https://no-debt-cs.netlify.app/)

- [Teach Yourself CS](https://teachyourselfcs.com/)

- [Functional CS](https://functionalcs.github.io/curriculum/)

- [p1xt-guides](https://github.com/P1xt/p1xt-guides)

- [The Missing Semester of Your CS Education](https://missing.csail.mit.edu/)

- [Rusty-CS](https://github.com/AbdesamedBendjeddou/Rusty-CS)

- [Teach Yourself Information Security](https://teachyourselfinfosec.com/)

- [cs-video-courses](https://github.com/Developer-Y/cs-video-courses)

- [collegecompendium](https://collegecompendium.org/)

- [My 10-step self-taught CS curriculum - any recommendations?](https://www.reddit.com/r/learnprogramming/comments/gry4el/my_10step_selftaught_cs_curriculum_any/)

- [Github上有哪些优秀的教程资源合集？](https://www.zhihu.com/question/318439272/answer/1947812362)

- [roadmap Computer Science](https://roadmap.sh/computer-science)




[⬆ Back to top](#目录)

# 前端全栈自学

> **前端工程师-全栈工程师课程自学资源、教程、路线 - Front-End Curriculum**

- 参考：[MDN](https://developer.mozilla.org/zh-CN/docs/learn) 

- 参考：[The Odin Project](https://www.theodinproject.com/) 

- 参考：[learning-roadmap](https://frontendmasters.com/guides/learning-roadmap/) 

- 参考：[Web Skills](https://andreasbm.github.io/web-skills/)

- 参考: [roadmap.sh](https://roadmap.sh/frontend)

- 参考: [spellbook-of-modern-webdev](https://github.com/dexteryy/spellbook-of-modern-webdev)



| Index | Topic | Course | Pricing |

|--|--|--|--|

| 1 | 学编程 |[Learn Programming](https://learnprogramming.online/)  | $65 |

| 2 | 学HTML CSS |[Learn HTML CSS](https://learnhtmlcss.online/)   | $85 |

| 3 | 学习JavaScript |[learnjavascript.online](https://learnjavascript.online/) | $75 |

| 4 | 前端学习 - 巩固 |[The Odin Project](https://www.theodinproject.com/) | 免费 |

| 5 | 进入框架 - React |[react-tutorial.app](https://react-tutorial.app/) | $95 |

| 6 | 学习前端与后端交互 |[Full stack open](https://fullstackopen.com/) | 免费 |



### 后续练习

- [Trending - CodePen](https://codepen.io/trending) :+1: 简单的事情重复做, 不断在上面练习前端项目, 查文档+视频+书籍辅助

- [10,000+ Coding Practice Challenges // Edabit](https://edabit.com/challenges)

- [Home | Codewars](https://www.codewars.com/dashboard)

- [Exercism](https://exercism.org/tracks/javascript/concepts)





### AI工具辅助

- [ChatGPT](https://chat.openai.com/)

- [Perplexity](https://www.perplexity.ai/)

- [devv.ai](https://devv.ai/zh)




[⬆ Back to top](#目录)

# 英文阅读自学

> **英文阅读·零基础·循序渐进式学习：单词、英语是为了用，不是为了背而背**



| 阶段0 | 0词汇量 | [不背单词](https://bbdc.cn/) | `30-40词/天` `间隔重复长久记忆` `目标4000词汇量` `时间100天` |

|--|--|--|--|

> 单词-看听例句-英文释义-中文释义-答题，(学习⇿复习)，完成后卸载APP



| 阶段1 | 4000词汇量 | [感兴趣的技术英文网站](https://developer.mozilla.org/en-US/docs/Learn) | `每天阅读学习技术` `阅读过程中积累生词` `活到老学到老读到老` |

|--|--|--|--|

> 正常：阅读+沙拉查词生词本 
 变态加强：生词本+配合Anki间隔重复长久记忆 (学习⇿复习) 
 **突破词汇量瓶颈期。阅读随着时间的增长积累加深，阅读速度由慢至快。熬。**

- [旧·阅读示例视频](https://www.zhihu.com/zvideo/1275215778070003712)

- [旧·阅读示例视频2](https://www.zhihu.com/zvideo/1331402490294329344)

- [旧·阅读示例视频3](https://www.zhihu.com/zvideo/1354731923546292224)

- [关于沙拉查词 知乎回答](https://www.zhihu.com/question/304709202/answer/1742776202)

- [关于沙拉查词 知乎回答2](https://www.zhihu.com/question/340463485/answer/1873099405)



| 阶段2 | 8000词汇量 | [英文阅读语法障碍](https://www.zhihu.com/question/323015765/answer/1931412244) | `彩云小译·中英对照` `语法和写作书《Great Writing》` |

|--|--|--|--|

> 正常：完成语法和写作书《Great Writing》系列1-5； 
 加强巩固：《English Grammar In Use》或《Grammar In Context》或《English for Everyone:Grammar》



| 阶段3 | 词汇量+++ | [大量阅读](#英文阅读自学) | `大量阅读` `每天每周每月每年不间断阅读` `刻意加深阅读材料难度、深度和广度`|

|--|--|--|--|



- [有什么自学英语好用的书丶教材？](https://www.zhihu.com/question/323015765/answer/1931412244) 

- 英语听力跟着Youtube做大量编程项目，边看双语字幕边听边查词...






[⬆ Back to top](#目录)

# 英文阅读工具

- [沙拉查词-聚合词典划词翻译](https://saladict.crimx.com/) :+1:

- [有道词典](http://dict.youdao.com/?keyfrom=dict2.index) 

- [DeepL翻译](https://www.deepl.com/translator) 

- [Quicker调用沙拉查词-全局翻译](https://github.com/crimx/ext-saladict/discussions/493) :+1:

- [彩云小译](https://fanyi.caiyunapp.com/) :+1:

- [Youtube双语字幕](https://chrome.google.com/webstore/detail/youtube-dual-subtitles/hkbdddpiemdeibjoknnofflfgbgnebcm) :+1:

- [Quicker聚合翻译OpenL DeepL](https://getquicker.net/Sharedaction?code=df2721b8-a300-4ce0-7a09-08d911cd3977)

- [WPS 全文翻译](https://www.wps.cn/learning/course/detail/id/13536)

- [沙拉查词+Anki](https://saladict.crimx.com/anki.html) :+1:






[⬆ Back to top](#目录)

# 辅助工具

- [搜索结果优化 - 屏蔽内容农场uBlacklist](https://chrome.google.com/webstore/detail/ublacklist/pncfbmialoiaghdehhbnbhkkgmjanfhe)

- [tampermonkey](https://www.tampermonkey.net/index.php?ext=dhdg#google_vignette) 

  - [固定Youtube字幕fixed youtube captions](https://greasyfork.org/zh-CN/scripts/402598-fixed-youtube-captions) 

  - [脚本大全](https://www.userscript.zone/)

- [Youtube视频速度控制](https://chrome.google.com/webstore/detail/video-speed-controller/nffaoalbilbmmfgbnbgppjihopabppdk)

- [网页摘录重点、划线批注pagenote一页一记](https://chrome.google.com/webstore/detail/pagenote/hpekbddiphlmlfjebppjhemobaopekmp?utm_source=blog)






[⬆ Back to top](#目录)

# 身体健康养护

> **人生之本，工作之本，夫妻生活之本。没有健康的身体，一切无从谈起。** `腰背腿优先级最高` `一周3 ~ 5练` `30 ~ 60分钟/练`

- [x] [番茄时钟和久坐提醒](https://getquicker.net/Sharedaction?code=b3b72194-9a89-4696-92bd-08d704390d81)

- [x] 站立式工作台 :+1:

- [x] 肺

  - [ ] **跑步** :+1: `血液循环`

- [x] 腰、腹

  - [ ] [桥](/QIAO.md) :+1: `练腰背和颈椎` `体验一次痛入脖颈，就不会想再体验了`

  - [ ] 单杠举腿  `腹部`

- [x] 背

  - [ ] **引体向上** :+1: `背`

- [x] 腿 PC肌 盆底肌 提肛

  - [ ] **深蹲** :+1: `人老腿先老`

  - [ ] **凯格尔** :+1: `久坐不动 腰背颈椎出问题，盆底肌松弛引发前列腺疾病，如漏尿，伴发症湿疹等症状`

- [x] 胸

  - [ ] 卧推

- [x] 手指、手腕、前臂

  - [x] 握力器、负重卷绳、液压臂力棒

- [x] 辅助健身记录手机App

  - [x] 训记App 

- [程序员延寿指南 | A programmer's guide to live longer](https://github.com/geekan/HowToLiveLonger)






[⬆ Back to top](#目录)

# 讨论交流

- [一亩三分地-EECS|转码](https://www.1point3acres.com/bbs/forum-41-1.html) 

- [名校公开课程评价网](https://conanhujinming.github.io/comments-for-awesome-courses/) 

- [Reddit learn programming FAQ](https://www.reddit.com/r/learnprogramming/wiki/faq#wiki_getting_started) 

- [CS自学指南](https://csdiy.wiki/)

- [0xffff](https://0xffff.one/)






[⬆ Back to top](#目录)

# Step by Step Building 100 Days Project

- HTML & CSS

  - [x] [youtube_clone](https://github.com/eryisan/youtube_clone) Day 1

  - [x] [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

       - [x] [CSS Diner](https://flukeout.github.io/)

       - [x] [FLEXBOX FROGGY](https://flexboxfroggy.com/)

       - [x] [Flex Box Adventure](https://codingfantasy.com/games/flexboxadventure/play)

       - [x] [Knights of the Flexbox Table](https://knightsoftheflexboxtable.com/) & Tailwind CSS

  - [ ] [card companies](https://ziontutorial.com/how-to-create-a-modern-website-using-html-and-css-step-by-step-website-tutorial/#C4)





# To do

- [x] [慕课网-前端工程师体系课](https://www.imooc.com/) 

- [x] [FreeCodeCamp](https://www.freecodecamp.org/learn)

    - [x] JavaScript Algorithms and Data Structures

    - [x] 80% Legacy Responsive Web Design

- [x] [Learn HTML CSS](https://learnhtmlcss.online/)

- [x] [learnjavascript.online](https://learnjavascript.online/) 

- [x] [CS 61A: Structure and Interpretation of Computer Programs](https://inst.eecs.berkeley.edu/~cs61a/fa20/) 

    - [x] [CS61A学习经验1](https://zhuanlan.zhihu.com/p/371647463)

    - [x] [CS61A学习经验2](https://zhuanlan.zhihu.com/p/362371923)

    - [x] [CS61A学习经验3](https://zhuanlan.zhihu.com/p/381109940)

    - [x] [CS61A学习经验4](https://zhuanlan.zhihu.com/p/391809891)

- [x] [react-tutorial](https://react-tutorial.app/) 

- [x] [Full stack open](https://fullstackopen.com/) 

    - [x] Part 1

    - [x] Part 2

    - [x] Part 3

    - [x] Part 4

    - [x] Part 5 

- [ ] [CS 61B Data Structures](https://sp21.datastructur.es/) 

    - [x] [CS61B学习经验1](https://zhuanlan.zhihu.com/p/431583071)

    - [x] [CS61B学习经验2](https://zhuanlan.zhihu.com/p/434144861)

    - [x] [CS61B学习经验3](https://zhuanlan.zhihu.com/p/446593985)

    - [x] [cs61b-study-guide](https://github.com/SFUMECJF/cs61b-study-guide) 他人总结

### English

- [ ] [English Reading](https://fanyi.caiyunapp.com/#/web) 终生学习

- [ ] [\](https://eltngl.com/assets/html/academic/writing/) F-5

    - [x] F

    - [x] 1

    - [ ] 2 

    - [ ] 3

    - [ ] 4

    - [ ] 5

- [ ] [\](https://www.cambridge.org/gb/cambridgeenglish/campaigns/inuse?content=student&utm_source=wmp&utm_medium=banner&utm_content=camhome_sliderone&utm_campaign=inuse) Blue Edition

### 待定课程

- [ ] [From Nand to Tetris](https://www.nand2tetris.org/)

  - [x] [相关资料](https://www.zhihu.com/question/464124424)

- [ ] [CS 61C](https://inst.eecs.berkeley.edu/~cs61c/fa20/)