🧪

docs/careers/Interview.md

@@ -0,0 +1,4 @@
+# Interview
+
+- [**LeetCode**](https://leetcode.com/problemset/all/) - 刷題工具
+- [**Coding Interview University**](https://github.com/jwasham/coding-interview-university) - Github 上自學教程，一個非本科生花八個月自學從網頁前端到成為 Amazon 軟體工程師

docs/fundamentals/IntroductionToComputerScience.md

@@ -0,0 +1,5 @@
+# Introduction to Computer Science
+
+- [CS50](https://www.edx.org/course/introduction-computer-science-harvardx-cs50x) - Harvard 大學知名課程
+
+- [Computer Science](https://www.youtube.com/watch?v=tpIctyqH29Q&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo) - youtube 上介紹機算機科學的一系列影片，不少還挺有趣的

docs/fundamentals/OperatingSystem.md

@@ -0,0 +1,5 @@
+# Operating System
+
+- [11010 清大周志遠教授 作業系統](https://ocw.nthu.edu.tw/ocw/index.php?page=course&cid=295&)
+
+      - [11010 Youtube Playlist](https://youtube.com/playlist?list=PLS0SUwlYe8cxj8FCPRoPHAehIiN9Vo6VZ)

docs/ProgrammingLanguages.md → docs/fundamentals/ProgrammingLanguages.md

@@ -12,16 +12,18 @@
 - [**Java Design Pattern**](https://java-design-patterns.com/patterns/)
 - [**Codecademy Learn Java**](https://www.codecademy.com/learn/learn-java) - Java 基礎，Lesson 部分免費，其他 Quiz、Projects 的部分要付費。
 - [**OpenHome Java**](https://openhome.cc/zh-tw/java/) - 林信良老師(良葛格)撰寫的 Java 中文教材。我們永遠記得您的偉大...
-  - [**OpenHome Gossip 語言技術：Java Essence**](https://openhome.cc/Gossip/JavaEssence/) - 林信良老師(良葛格)撰寫的 Java 本質部分，「千萬別急著飛翔，卻忘了如何起步」
+
+      - [**OpenHome Gossip 語言技術：Java Essence**](https://openhome.cc/Gossip/JavaEssence/) - 林信良老師(良葛格)撰寫的 Java 本質部分，「千萬別急著飛翔，卻忘了如何起步」
 
 ## C++
 
 - [**Microsoft 歡迎回到 C++ (現代 C++)**](https://learn.microsoft.com/zh-tw/cpp/cpp/welcome-back-to-cpp-modern-cpp?view=msvc-170&viewFallbackFrom=vs-2019) - 微軟官方 C++ 中文文件。
 - [**OpenHome 語言技術：C++ Gossip**](https://openhome.cc/Gossip/CppGossip/index.html) - 林信良老師(良葛格)撰寫的 C++ 中文教材
 - [**Standard C++ Library reference (cplusplus)**](https://cplusplus.com/reference/) - 英文標準函式庫文件
 - [**CS106L Standard C++ Programming - Stanfard**](https://web.stanford.edu/class/cs106l/)
-  - [**Fall 2019 Youtube Playlist**](https://www.youtube.com/playlist?list=PLCgD3ws8aVdolCexlz8f3U-RROA0s5jWA) - Youtube 課程播放清單
-  - [**Winter 2018 Course Website**](https://web.stanford.edu/class/archive/cs/cs106l/cs106l.1184/index.html) - 課程網站，有 slides 跟 assignments
+
+      - [**Fall 2019 Youtube Playlist**](https://www.youtube.com/playlist?list=PLCgD3ws8aVdolCexlz8f3U-RROA0s5jWA) - Youtube 課程播放清單
+      - [**Winter 2018 Course Website**](https://web.stanford.edu/class/archive/cs/cs106l/cs106l.1184/index.html) - 課程網站，有 slides 跟 assignments
 
 ## Python
 

docs/index.md

@@ -1,8 +1,6 @@
 # CS Resources
 
-!!! Danger
-
-        🛠️ 網站大改版中
+!!! Danger "🛠️ 網站大改版中"
 
 ![Banner](./src/banner.png){ width="800" }
 

docs/stylesheets/extra.css

@@ -9,5 +9,5 @@
 .heart {
     animation: heart 1000ms infinite;
     /* color:  dont use red*/
-    color: #ca9400;
+    color: #ffbf2a;
 }

docs/toolkits/DevelopmentTools.md

@@ -45,7 +45,13 @@
       - [**oh-my-zsh**](https://ohmyz.sh/) - zsh 開源框架，可以改主題、安裝套件。
       - [**zsh-autosuggestions**](https://github.com/zsh-users/zsh-autosuggestions) - zsh 自動補全套件。
 
-## Verion Control
+### SSH Agent
+
+- [**Terminus**](https://termius.com/) - 支援多種作業系統平台，連手機平板都有 App 版本。Student Developer Pack 有免費專業版。
+
+- [**MobaXterm**](https://mobaxterm.mobatek.net/)
+
+## Version Control
 
 - [**Git**](https://gitforwindows.org/)
 

docs/web/Backend.md

@@ -0,0 +1,33 @@
+# Backend Development
+
+- [**Backend Developer Roadmap**](https://roadmap.sh/backend) - 後端工程師的學習路線圖，從基礎到進階都有涵蓋，推薦先大概瀏覽一遍。
+
+- [**成為看起來很強的後端 - Web 實驗室**](https://www.youtube.com/playlist?list=PLS5AiLcCHgNxd341NwuY9EOpVvY5Z8VOs) - 用很短的時間就可以了解到後端藍圖，老師講的非常前顯易懂，受益良多。
+
+!!! Info
+
+    使用甚麼工具以及技術因專案需求、個人習慣等情況而異，以下僅是自己常用的工具與技術。
+
+## Java Spring Boot
+
+- [**Spring Boot Official Documents**](https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/)
+
+- [**Spring Guides**](https://spring.io/guides)
+
+- [**Java Design Pattern**](https://java-design-patterns.com/)
+
+- [**JaCoCo**](https://www.eclemma.org/jacoco/) - 程式碼覆蓋率工具，用來檢查測試覆蓋率很方便。
+
+      - 使用教學 [如何在 Spring Boot 與 Maven 專案加入 JaCoCo 測試覆蓋率報告(VSCode)](https://blog.miniasp.com/post/2021/08/11/Spring-Boot-Maven-JaCoCo-Test-Coverage-Report-in-VSCode)
+
+## NodeJS
+
+- [**NodeJS Official**](https://nodejs.org/en)
+
+- [**ExpressJS**](https://nodejs.org/en) - NodeJS 的 Web 應用程式框架
+
+## Web API Design
+
+- [**Guidelines for designing REST APIs at Cisco**](https://github.com/CiscoDevNet/api-design-guide#references)
+
+- [**marmelab/awesome-rest**](https://github.com/marmelab/awesome-rest)

docs/web/Beginning.md

@@ -0,0 +1,16 @@
+# Beginning
+
+!!! quote "工具一直再變動，但核心基礎知識不太會一直更迭"
+!!! quote "要時時刻刻提醒自己不要盲目追求新工具，先學會走路才能飛得更遠"
+
+!!! tip "培養查閱官方文件的能力很重要，往往第二手教學資訊都需要等比較久"
+
+- [**MDN Web Docs**](https://developer.mozilla.org/zh-TW/) - 網頁開發開源文件與學習資源，當作學習資源與技術文件都很適合
+
+- [**Cloudfare 學習中心**](https://www.cloudflare.com/zh-tw/learning/) - 有關網路安全和 Cloudflare 在網際網路上如何運作的相關學習資源
+
+- [**University of Helsinki - Full Stack open 2022**](https://fullstackopen.com/en/) - 開放式全端教學，React、Testing、Server、GraphQL、TypeScript、CI/CD ...等等許多 Web 開發的知識都都錄在裡面
+
+- [**2022 網頁開發全攻略(HTML, CSS, JavaScript, React, SQL, Node, more)**](https://www.udemy.com/course/html5-css3-z/) - Udemy 付費課程，初學者網頁開發中文教學，內容很豐富，推!
+
+!!! note "過去學習的紀錄 [2022-web-dev](https://github.com/xxrjun/2022-web-dev)"

docs/web/Frontend.md

@@ -0,0 +1,51 @@
+# Frontend
+
+- [Frontend Developer Roadmap](https://roadmap.sh/frontend) - 前端工程師的學習路線圖，從基礎到進階都有涵蓋，推薦先大概瀏覽一遍。
+
+!!! Question "要先學哪一個框架"
+
+    個人認為看框架受歡迎、[討論度](https://gist.github.com/tkrotoff/b1caa4c3a185629299ec234d2314e190)、以及市場需求等方面來選擇是最簡便的方法
+
+## ReactJS
+
+- React - FB 開發用來實作使用者介面的 JavaScript 函式庫，但大家都當它是框架(三大主流框架之一)。
+
+  - React Docs - 官方文檔
+  - Overreacted - Dan Abramov (Redux 的作者、也是 React 核心開發成員) 的 Blog。個人覺得挺有趣的
+
+## CSS Framework
+
+關於要用 Bootstrap 還是 TailwindCSS 有許多的(激烈的)討論，可以多上網看看或是參考參考這篇文章 該選 Tailwind CSS 還是 Bootstrap？框架比較讓你一次知道它們的優缺點！ 不過最重要的還是將 CSS 學好，框架只是開發過程中的工具。
+
+Bootstrap - 組件類型的 CSS 框架，兩大流行的前端開發工具之一
+
+Bootstrap Docs - 官方文件檔
+
+中文文件檔(六角學院譯) - 不一定是最新版本，請注意
+
+TailwindCSS - Utility 類型的 CSS 框架，兩大流行的前端開發工具之一
+
+TailwindCSS Docs - 被許多人抱怨難用的官方文件檔
+
+Awesome TailwindCSS - GitHub Reop，許多跟 Tailwind CSS 有關的酷酷東西。
+
+## NextJS
+
+!!! info "Frontend Framework"
+
+- Next.js Documentation
+
+## Cypress
+
+!!! info "Frontend Testing Framework"
+
+Cypress
+SSCS Cypress E2E
+
+## Redux
+
+!!! info "狀態管理工具"
+
+- [**Getting Started with Redux**]
+- [**Getting Started | Redux Toolkit**]
+- 持久化工具 GitHub - [**rt2zz/redux-persist**](https://github.com/rt2zz/redux-persist) persist and rehydrate a redux store

mkdocs.yml

@@ -23,12 +23,10 @@ theme:
     code: Roboto Mono
     text: Josefin Sans
   features:
-    - navigation.instant
     - content.tabs.link
-    - navigation.top
-    # - navigation.sections
     - navigation.path
-    - navigation.expand
+    # - navigation.sections
+
 markdown_extensions:
   - abbr
   - attr_list
@@ -52,11 +50,36 @@ nav:
   - Platforms:
     - Youtube Channels: platforms/YoutubeChannels.md
     - GitHub Repositories: platforms/GitHubRepositories.md
-  - Programming Languages: ProgrammingLanguages.md
-  - Web Development: WebDevelopment.md
-  # - Academic: Academic.md
-  # - 考研: 考研.md
+    - News: platforms/News.md
+  - Fundamentals:
+    - Introduction: fundamentals/IntroductionToComputerScience.md
+    - Programming Languages: fundamentals/ProgrammingLanguages.md
+    - Data Structures and Algorithms: fundamentals/DataStructuresAndAlgorithms.md
+    - Computer Networking: fundamentals/ComputerNetworking.md
+    - Operating Systems: fundamentals/OperatingSystems.md
+    - Compilers: fundamentals/Compilers.md
+    # - Databases: fundamentals/Databases.md
+  - Mathematics:
+    - Calculus: mathematics/Calculus.md
+    - Linear Algebra: mathematics/LinearAlgebra.md
+    # - Discrete Mathematics: mathematics/discrete-mathematics.md
+    # - Probability and Statistics: Mathematics/ProbabilityAndStatistics.md
+  - Web Development:
+    - Beginning: web/Beginning.md
+    - Frontend: web/Frontend.md
+    - Backend: web/Backend.md
+  - Machine Learning: machine-learning.md
+  - LLM: llm.md
+  - Specialized Fields:
+    - Data Science: specialized-fields/data-science.md
+    - Quantum Computing: specialized-fields/quantum-computing.md
+    # - DevOps: specialized-fields/devops.md
+  - Career:
+    - Graduate Entrance Examination: careers/graduate-entrance-examination.md
+    - Interview Preparation: careers/Interview.md
+    # - Resume and Portfolio: careers/resume-and-portfolio.md
   - My Setup: MySetup.md
+  # - About Me: AboutMe.md
 
 extra_css:
   - stylesheets/extra.css