Top Related Projects
😎 Awesome lists about all kinds of interesting topics
:books: Freely available programming books
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Interactive roadmaps, guides and other educational content to help developers grow in their careers.
A complete computer science study plan to become a software engineer.
💯 Curated coding interview preparation materials for busy software engineers
Quick Overview
The jaywcjlove/handbook repository is a comprehensive collection of front-end development resources, tools, and guides. It serves as a handbook for developers, covering various topics including HTML, CSS, JavaScript, and popular frameworks. The project aims to provide a centralized reference for both beginners and experienced developers.
Pros
- Extensive coverage of front-end development topics
- Regularly updated with new information and resources
- Well-organized and easy to navigate
- Includes both basic and advanced concepts
Cons
- Primarily in Chinese, which may limit accessibility for non-Chinese speakers
- Some sections may lack depth compared to dedicated documentation
- May require frequent updates to keep pace with rapidly evolving technologies
- Could benefit from more practical examples and code snippets
Code Examples
This repository is not a code library but rather a collection of documentation and resources. Therefore, there are no specific code examples to provide.
Getting Started
As this is not a code library, there are no specific getting started instructions. However, users can access the handbook by visiting the GitHub repository at https://github.com/jaywcjlove/handbook and browsing through the various sections and topics of interest.
Competitor Comparisons
😎 Awesome lists about all kinds of interesting topics
Pros of awesome
- Broader scope, covering a wide range of topics and technologies
- Larger community with more contributors and frequent updates
- Well-organized structure with clear categories and subcategories
Cons of awesome
- Can be overwhelming due to the sheer volume of information
- Less focused on practical, hands-on examples and tutorials
- May include outdated or less relevant resources due to its size
Code comparison
While both repositories primarily consist of curated lists and don't contain much code, here's a small example of how they structure their content:
awesome:
## JavaScript
- [ES6 Tools](https://github.com/addyosmani/es6-tools#readme)
- [JavaScript Learning](https://github.com/micromata/awesome-javascript-learning#readme)
- [Promises](https://github.com/wbinnssmith/awesome-promises#readme)
handbook:
## JavaScript
- [JavaScript基础知识](./JavaScript/README.md)
- [ES6基础知识](./ES6/README.md)
- [TypeScript基础知识](./TypeScript/README.md)
Both repositories use a similar structure for organizing content, but awesome tends to link to external resources, while handbook often links to internal documentation.
:books: Freely available programming books
Pros of free-programming-books
- Extensive collection of free programming resources across multiple languages and topics
- Well-organized structure with categories for different programming languages, platforms, and subjects
- Actively maintained with frequent updates and contributions from the community
Cons of free-programming-books
- Primarily focuses on external links rather than providing direct content
- May include outdated or broken links due to the vast number of resources
- Less curated content compared to handbook, which offers more focused and concise information
Code comparison
Not applicable for these repositories, as they primarily consist of markdown files with lists of resources rather than code samples.
Additional notes
handbook:
- Provides concise, directly accessible information on various programming topics
- Focuses on quick reference and practical tips
- Written primarily in Chinese with some English content
free-programming-books:
- Offers a wider range of resources in multiple languages
- Includes books, courses, and interactive tutorials
- Covers a broader spectrum of programming-related topics
Both repositories serve as valuable resources for programmers, with handbook offering more direct, concise information and free-programming-books providing a comprehensive collection of external learning materials.
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Pros of system-design-primer
- More comprehensive coverage of system design concepts
- Includes visual diagrams and illustrations for better understanding
- Provides practice problems and exercises for hands-on learning
Cons of system-design-primer
- Focuses primarily on system design, lacking broader programming topics
- May be overwhelming for beginners due to its depth and complexity
- Less frequently updated compared to handbook
Code comparison
system-design-primer:
class LRUCache:
def __init__(self, capacity):
self.capacity = capacity
self.cache = OrderedDict()
def get(self, key):
if key not in self.cache:
return -1
self.cache.move_to_end(key)
return self.cache[key]
handbook:
const LRUCache = function(capacity) {
this.capacity = capacity;
this.cache = new Map();
};
LRUCache.prototype.get = function(key) {
if (!this.cache.has(key)) return -1;
const v = this.cache.get(key);
this.cache.delete(key);
this.cache.set(key, v);
return v;
};
Both repositories provide valuable resources for developers, but they serve different purposes. system-design-primer is more focused on system design concepts and practices, while handbook covers a broader range of programming topics and tools. The code comparison shows different implementations of an LRU Cache, with system-design-primer using Python and handbook using JavaScript.
Interactive roadmaps, guides and other educational content to help developers grow in their careers.
Pros of developer-roadmap
- Provides visual roadmaps for various tech stacks and roles
- Regularly updated with new content and technologies
- Offers interactive versions of roadmaps on the website
Cons of developer-roadmap
- Focuses primarily on career paths rather than specific technical details
- May overwhelm beginners with the breadth of information presented
- Less comprehensive in-depth explanations compared to handbook
Code comparison
While both repositories primarily focus on educational content rather than code, developer-roadmap includes some JSON data for roadmaps:
developer-roadmap:
{
"name": "Frontend Developer",
"description": "Step by step guide to becoming a frontend developer in 2023",
"featuredTitle": "Frontend",
"featuredDescription": "Step by step guide to becoming a frontend developer in 2023",
"author": {
"name": "Kamran Ahmed",
"url": "https://twitter.com/kamranahmedse"
}
}
handbook:
## 前端开发
### HTML
- [HTML5 标签列表](./docs/html5-element-list.md)
- [HTML5 视频播放器](./docs/html5-video-player.md)
The handbook repository primarily uses Markdown for content organization, while developer-roadmap incorporates JSON data structures for roadmap information.
A complete computer science study plan to become a software engineer.
Pros of coding-interview-university
- Comprehensive curriculum covering a wide range of computer science topics
- Structured learning path with clear goals and milestones
- Extensive list of resources, including books, videos, and practice problems
Cons of coding-interview-university
- Primarily focused on interview preparation, which may not suit all learners
- Can be overwhelming due to the sheer volume of content
- Less emphasis on practical, hands-on coding exercises
Code comparison
While both repositories don't primarily focus on code examples, coding-interview-university occasionally includes code snippets for illustration:
# Example from coding-interview-university
def binary_search(list, item):
low = 0
high = len(list) - 1
while low <= high:
mid = (low + high) // 2
guess = list[mid]
if guess == item:
return mid
if guess > item:
high = mid - 1
else:
low = mid + 1
return None
handbook, on the other hand, tends to provide more concise code snippets or command-line examples:
# Example from handbook
$ git clone <repo-url>
$ cd <repo-directory>
$ npm install
$ npm start
Both repositories serve different purposes, with coding-interview-university focusing on comprehensive computer science knowledge and interview preparation, while handbook offers a more diverse range of quick references and practical tips across various technologies.
💯 Curated coding interview preparation materials for busy software engineers
Pros of tech-interview-handbook
- More focused on technical interview preparation
- Includes algorithm and data structure content
- Offers a comprehensive guide for various interview stages
Cons of tech-interview-handbook
- Less broad in scope compared to handbook
- May not cover as many general programming topics
- Primarily in English, limiting accessibility for non-English speakers
Code Comparison
tech-interview-handbook:
function binarySearch(arr, target) {
let left = 0;
let right = arr.length - 1;
while (left <= right) {
const mid = Math.floor((left + right) / 2);
if (arr[mid] === target) return mid;
if (arr[mid] < target) left = mid + 1;
else right = mid - 1;
}
return -1;
}
handbook:
# Find files containing "example" in the current directory
grep -r "example" .
# Find files larger than 100MB
find . -type f -size +100M
# Count lines of code in JavaScript files
find . -name "*.js" | xargs wc -l
The code examples highlight the different focus areas of each repository. tech-interview-handbook provides algorithm implementations, while handbook offers practical command-line examples for everyday development tasks.
Convert designs to code with AI
Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.
Try Visual CopilotREADME
ç¬è®°/æé/æå½/å®è·µ
æ¾ç½®æçç¬è®°ãæéãæå½ãå®è·µï¼ä¿æ好å¥å¿ãè¿éå°±æ¯ä¸ªéè®°ï¼æ¶çææ¯ç¥è¯ç¹å¹¿èä¸ç²¾ï¼ä¸è½ä¿è¯æ£ç¡®ï¼çæéè°¨æ ï¼åæå¾ä¸¥éã
⦠欢è¿ä¸è½½æç macOS/iOS åºç¨ç¨åºæ¯ææï¼è°¢è°¢ â¦
ç²¾å置顶
- awesome-mac - æ¶éå享大éé常好ç¨çMacåºç¨ç¨åºã
- awesome-uikit - æéåºäº React/Vue/Angular çUIç»ä»¶åºç®¡çå¹³å°æ¨¡çã
- bannerjs - è·ååºäº package.json çåè¡/å¤è¡æ³¨éæ é¢ã
- cookie.js - è½»é级çç¨äºå¤çæµè§å¨ cookie JSåºï¼æ²¡æä¾èµã
- console-emojis - 使ç¨è¡¨æ 符å·èªå®ä¹æ§å¶å°æ¥å¿è®°å½ã
- colors-cli - ç»å½ä»¤è¡ç»ç«¯åç¬¦ä¸²è®¾ç½®æ ·å¼åé¢è²ã
- docs - éè¿ docker éä¸å管çåç§ææ¡£ã
- FED - å¾é ·ç«çå端ç½ç«æéå¨ï¼å¯¼èªç½ã
- github-rank - Githubç¨æ·æåï¼ä»åºæåè¶å¿æ¦ã
- git-tips - Git 常ç¨å½ä»¤åæç¨ç½ç«æ¸ åã
- hotkeys - ç¨äºæè·é®çè¾å ¥åè¾å ¥çç»åé® JS åºï¼å®æ²¡æä¾èµã
- idoc - ç®åçææ¡£çæå·¥å · idocã
- kkt - å建没ææ建é ç½® React åºç¨ç¨åºç Cli å·¥å ·ã
- kkt-ssr - æ éé ç½®å³å¯å建 React æå¡å¨ç«¯åç°å·¥å ·ã
- mocker-api - 为 REST API å建模æï¼ç¨äºå¼å模å¼æ¨¡æ API 请æ±ã
- magic-input - Checkboxååéæé®è¾å ¥çCSS3æ ·å¼çèµ·æ¥æ´æ¼äº®ï¼åªæä¸ä¸ªå ç´ ã
- oscnews - Chrome æ件ï¼æ¥çæ°é»èµè®¯ï¼æ档导èªï¼GitHub è¶å¿æ¦çåè½ã
- package.json - æ件 package.json ç说æææ¡£ã
- svgtofont - 读åä¸ç»SVGå¾æ 并è¾åº TTF/EOT/WOFF/WOFF2/SVG åä½ã
- react-monacoeditor - Reactç Monaco Editor ç¼è¾å¨ç»ä»¶ã
- react-native - React Native çåç§é®é¢æéã
- ssr - å·¥å · SSR ç¨äºå¿«éåå设计çå¼åæå¡å¨ã
- store.js - æ¬å°åå¨localStorageçå°è£ ï¼æä¾ç®åçAPIï¼æ²¡æä¾èµã
- tsbb - TSBBæ¯ä¸ä¸ªé¶é ç½®CLIï¼å¯å¸®å©æ¨å¼åï¼æµè¯ååå¸ç°ä»£ TypeScript 项ç®ã
- translater.js - è¿æ¯ä¸ä¸ªå©ç¨HTML注éç页é¢ç¿»è¯è§£å³æ¹æ¡ã
- uiw - é«è´¨éç UI ç»ä»¶åºåºäº React çç»ä»¶åºã
- vim-web - æå¾åIDEä¸æ ·çVimï¼å®è£ é ç½®èªå·±çVimã
æéæ´ç
- 70å¤ä¸ªå ¬ä¼è´¦å·æ¨èï¼å©ä½ äºè§£ç¨åºåçä¸çâ â â â â
- 常è§HTTP/FTP/WebSocketsç¶æç å¤§å ¨â â â â â
- å½å äºèç½å ¬å¸çå¼æºé¡¹ç®åGithubå°åæ±æ»
- éè¿ä»£çå·¥å ·æé«Github Cloneé度
- è°·æ(Google)éå
- Lua5.3ä¸ææå
- æéçåç§å¨çº¿å°å·¥å ·
ç¬è®°æç¨
- docker-tutorial - Docker å ¥é¨æç¨è¯»ä¹¦ç¬ã
- golang-tutorial - Golang å ¥é¨æç¨è¯»ä¹¦ç¬ã
- mysql-tutorial - MySQL å ¥é¨æç¨å¦ä¹ ç¬è®°ã
- nginx-tutorial - Nginx å®è£ ç»´æ¤å ¥é¨å¦ä¹ ç¬è®°ã
- shell-tutorial - Shell å ¥é¨æç¨å¦ä¹ ç¬è®°ã
- swift-tutorial - Swift å ¥é¨æç¨è¯»ä¹¦ç¬è®°ã
- swiftui-example - SwiftUI 示ä¾ï¼æå·§åææ¯éåï¼å¸®å©ææ建åºç¨ç¨åºã
- linux-command - Linuxå½ä»¤æç´¢å¼æï¼å½ä»¤æåã详解ãå¦ä¹ ï¼éæ¥æåã
CentOS
- Rocket.Chat å¼æºIMç³»ç»é¨ç½²â â â â
- å®è£ ç»´æ¤Gitlabâ â â â
- CentOS常ç¨åºç¡å½ä»¤
- CentOS7ç½ç»é ç½®
- KVMèææºå®è£ 详解
- OpenStackå®è£ 使ç¨
- Elasticsearchå®è£ ç»´æ¤
- sambaå®è£ æ建使ç¨
- å®è£ é ç½®vsftpæ建FTP
- å®è£ 使ç¨svn
- ä¸ä¿®æ¹ssh端å£å·çæ¹æ³
- Centos7å®è£ ç¼è¯Node
- Linuxæ·»å ãå é¤ç¨æ·åç¨æ·ç»
- Seafileé¨ç½²æ建èªå·±çç½ç
- Macä¸å¶ä½CentOS7å¯å¨ç
- å°è¯å¨CentOS7.2ä¸ç¼è¯å®è£ Swift 4.0
- 使ç¨å è´¹SSLè¯ä¹¦è®©ç½ç«æ¯æHTTPS访é®
- 5åéå 3ç§æ¹æ³æ建ä¼ä¸å é¨ç§ænpmä»åº
- é¨ç½²é«æãæç¨ãåè½å¼ºå¤§çapi管çå¹³å°
MySQLå ¥é¨æç¨å¦ä¹ ç¬è®°
æéæ´åç MySQL ç¬è®°è¿ç§»å°è¿éäº â â â
10åéå ¥é¨ Redis
Redisæ¯ä¸ä¸ªå¼æºçï¼å è¿ç key-value åå¨å¯ç¨äºæ建é«æ§è½çåå¨è§£å³æ¹æ¡ãé è¯»å ¨æå¨è¿éã
Android
macOS
å端&å端&Node
- å·¥å · ssr ç¨äºå¿«éåå设计çå¼åæå¡å¨â â â â
- æéReact/Vue/Angularç»ä»¶åºååå°ç®¡çå¹³å°æ¨¡æ¿
- æ维导å¾æ¥å¦ä¹ Javascript åºç¡ç¥è¯â â â â
- è½»éé«æçå¼æºJavaScriptæ件ååºâ â â â â
- ä¸äºæ£å表达å¼éè®°
- æ£åå®ä¾æé
- webå¼åçæ¡æ¶Backbone.jsæå
- å端工ç¨å¸ä¹éè¦zsh
- 使ç¨Node.jså¶ä½å½ä»¤è¡å·¥å ·å¦ä¹ æç¨
å¿«æ·é®
Contributors
As always, thanks to our amazing contributors!
Made with action-contributors.
Top Related Projects
😎 Awesome lists about all kinds of interesting topics
:books: Freely available programming books
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Interactive roadmaps, guides and other educational content to help developers grow in their careers.
A complete computer science study plan to become a software engineer.
💯 Curated coding interview preparation materials for busy software engineers
Convert designs to code with AI
Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.
Try Visual Copilot