第一个用Github学前端的简直是个天才
一、基础入门必刷(HTML/CSS/JS)
1️⃣ freeCodeCamp 🌟
300万+星的开发者圣经!从HTML标签到响应式布局+JS算法,500+实战练习题,刷完直接上手真实项目!
2️⃣ javascript-algorithms 📈
8万+星!前端算法天花板!包含LeetCode高频题+数据结构详解+动画演示,面试突击神器!
3️⃣ 30-seconds-of-code 💡
精选JS代码片段库!每天花30秒学一个实用函数,防抖/深拷贝/Promise技巧全搞定!
二、框架进阶神装(React/Vue)
1️⃣ vuejs/core 🚀
Vue3官方源码!配套RFC文档+单元测试案例,搭配尤雨溪直播解读,彻底搞懂响应式原理!
2️⃣ react-beginner-projects ⚛️
React新手实战宝典!15个渐进式项目(TodoList→电商站),每个项目附带代码对比解析!
3️⃣ realworld 🌍
全栈应用统一标准!13种框架实现(React/Vue/Angular),学会企业级代码规范+API设计!
三、工程化实战(Webpack/Vite)
1️⃣ webpack-learning-example 📦
Webpack配置百科全书!50+个场景示例(代码分割/懒加载),保姆级注释新手友好!
2️⃣ vite-vs-webpack ⚡
Vite底层原理剖析!对比构建速度/热更新机制,手写mini版Vite掌握ES Module黑科技!
四、炫酷特效(Three.js/Canvas)
1️⃣ threejs-journey 🎮
3D开发神课!打造太空站/粒子风暴,配套着色器教程+模型优化技巧,作品直接放作品集!
2️⃣ particles-bg ✨
一行代码生成炫酷粒子背景!支持React/Vue组件化封装,毕设/官网装X必备!
–
1️⃣ freeCodeCamp 🌟
300万+星的开发者圣经!从HTML标签到响应式布局+JS算法,500+实战练习题,刷完直接上手真实项目!
2️⃣ javascript-algorithms 📈
8万+星!前端算法天花板!包含LeetCode高频题+数据结构详解+动画演示,面试突击神器!
3️⃣ 30-seconds-of-code 💡
精选JS代码片段库!每天花30秒学一个实用函数,防抖/深拷贝/Promise技巧全搞定!
二、框架进阶神装(React/Vue)
1️⃣ vuejs/core 🚀
Vue3官方源码!配套RFC文档+单元测试案例,搭配尤雨溪直播解读,彻底搞懂响应式原理!
2️⃣ react-beginner-projects ⚛️
React新手实战宝典!15个渐进式项目(TodoList→电商站),每个项目附带代码对比解析!
3️⃣ realworld 🌍
全栈应用统一标准!13种框架实现(React/Vue/Angular),学会企业级代码规范+API设计!
三、工程化实战(Webpack/Vite)
1️⃣ webpack-learning-example 📦
Webpack配置百科全书!50+个场景示例(代码分割/懒加载),保姆级注释新手友好!
2️⃣ vite-vs-webpack ⚡
Vite底层原理剖析!对比构建速度/热更新机制,手写mini版Vite掌握ES Module黑科技!
四、炫酷特效(Three.js/Canvas)
1️⃣ threejs-journey 🎮
3D开发神课!打造太空站/粒子风暴,配套着色器教程+模型优化技巧,作品直接放作品集!
2️⃣ particles-bg ✨
一行代码生成炫酷粒子背景!支持React/Vue组件化封装,毕设/官网装X必备!
–