| w3cschool | 学编程,从w3cschool开始 |
| Microsoft Web 开发 | Developer Network |
八、HTML(5)
| 网站 | 说明 |
| — | — |
| HTML(超文本标记语言)MDN | MDN Web 文档 |
| 后HTML5时代Ⅰ | TGideas 万技师 |
| 后HTML5时代Ⅱ | TGideas 鬼爪手 |
| HTML5 进阶系列 | 爱前端 林鑫 |
| 匠心打造canvas签名组件 | 翟灿东,网名路易斯,平安健康前端工程师。 |
| HTML5 有哪些让你惊艳的 demo? | 知乎 关注者 8K |
| 一只会飞的鱼 | 每周一点canvas动画 |
九、CSS(3)
| 网站 | 说明 |
| — | — |
| CSS Reference | 从基础知识中学习CSS的所有重要属性 |
| You Don’t Know CSS | 杨健 |
| 强大的css3 | Wayne Zhu |
| 深入了解 CSS3 新特性 | 周 翔 |
| Flex 布局教程:语法篇 | 阮一峰 |
| Flex 布局教程:实例篇 | 阮一峰 |
| 如何编写轻量级 CSS 框架 | 叙帝利 |
| CSS 专业技巧 | 一个帮你提升 CSS 技巧的收藏集 |
| CSS3技术-雪碧图自适应缩放与精灵动画方案 | 慕课网 艾伦 Aaron |
| 搞定这些疑难杂症,向css3动画说yes | IMWeb 结一 |
| Effective前端1:能使用html/css解决的问题就不要使用JS | 会编程的银猪 |
| 前端如何呼风唤雨 | IMWeb coverguo |
| 默认的checkbox、input、radio太丑了?我来教你改变使用纯css3改写的带动画的默认样式 | 掘金 sunshine小小倩 |
| CSS性能分析,如何优化CSS提高性能 | 博客园 楼兰小骑士 |
| CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅 | 思否 微醺岁月 |
| CSS-Tricks | The Shapes of CSS |
十、ECMAScript
| 网站 | 说明 |
| — | — |
| Understanding ECMAScript 6 | Nicholas C. Zakas |
| 探索 ES6 | 翻译自《 Exploring ES6 》 |
| ECMAScript 6 入门 | 阮一峰 |
| ES5合集 | 颜海镜 |
| ES6 你可能不知道的事 - 基础篇 | 化辰,淘宝前端团队(FED) |
| ES6 你可能不知道的事 - 进阶篇 | 化辰,淘宝前端团队(FED) |
十一、JavaScript
| 网站 | 说明 |
| — | — |
| JavaScript 标准参考教程(alpha) | 阮一峰 |
| JavaScript 秘密花园 | 三生石上 中文翻译 |
| JavaScript Promise迷你书(中文版) | 原著:azu / 翻译:liubin、kaku、honnkyou |
| JS 函数式编程指南 | Linghao Li |
| JavaScript 闯关记 | stone0090 |
十二、jQuery
| 网站 | 说明 |
| — | — |
| 学习jQuery | Learning Center |
| jQuery API 中文文档 | 官方 |
| jQuery API中文文档 | 愚人码头 |
| jQuery UI API中文文档 | 愚人码头 |
| jQuery中文手册 | hemin |
| YOU MIGHT NOT NEED JQUERY | 你可能不需要JQUERY |
十三、Vue.js
| 网站 | 说明 |
| — | — |
| Vue.js | 官方网站 |
| vuejs | 官方仓库 |
| Vue 专业中文社区 | 全球最大的 Vueframework 中文开源技术社区 |
| vuefe.cn | Vue.js 中文文档 |
| Vue Forum | Vue 论坛 |
| Vue Land | Vue 聊天室 |
| vue-devtools | 用于调试Vue.js应用程序的浏览器devtools扩展 |
| Vue Loader | 一个 webpack 的 loader |
| vue-router | 官方路由 |
| Vuex | 状态管理模式 |
| Vue 服务端渲染 | Vue.js 服务器端渲染指南 |
| Vue package | Find the best packages for your Vue app! |
| awesome-vue | Awesome Vue.js |
| Element | 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 |
| iView | 一套基于 Vue.js 的高质量 UI 组件库 |
| Vue + webpack 项目实践 | 勾三股四 |
| vue 性能优化 | 岛书,Coffcer |
十四、AngularJS
| 网站 | 说明 |
| — | — |
| Angular 中文版 | 官方网站 |
| AngularJS入门教程 | 严清 , 李诗剑 (译者) |
| AngularJS在线教程 | 乔乐共享 |
| AngularJS学习笔记 | 邹业盛 |
| Angularlearning | Angular.js 的一些学习资源 |
| UI Bootstrap | Bootstrap components written in pureAngularJSby theAngularUI Team |
| AngularStrap | AngularJS 1.2+ native directives for Bootstrap 3 |
| AngularLearning | dolymood |
十五、React
| 网站 | 说明 |
| — | — |
| React | 官方网站 |
| React 中文索引 | Made by 题叶 & Feifei Hang |
| React China | React 中文的论坛 |
| React 入门实例教程 | 阮一峰 |
| React Router 使用教程 | 阮一峰 |
| React Native 中文版 | 极客学院 |
| React.JS教程 | PHPERZ |
| React.js 2016 最佳实践 | 腾讯全端 AlloyTeam 团队 Blog |
| React 导读 | 小撸,国双科技 |
| Redux 中文文档 | 收到 Redux 作者 Dan 的多次点赞 |
| React Router 中文文档 | 官方文档中文翻译 |
| React 介绍及实践教程 | 董越 和 徐新茹 |
| React 设计思想 | React 核心开发者、有 React API 终结者之称的 Sebastian Markbåge 撰写 |
| React Webpack 小书 | 作者 Christian Alfoni and Juho Vepsäläinen 中文译者 Fakefish |
| Material-UI | React 前端 UI 库 |
| Amaze UI React | 基于 React.js 开发的 Web 组件库 |
| dva | 基于 redux、redux-saga 和 react-router 的轻量级前端框架 |
| Ant Motion | 能够快速在 React 框架中使用动画 |
十六、Node.js
| 网站 | 说明 |
| — | — |
| NODESCHOOL | 教你 Web 开发技能的开源课程,自学或者参加一个附近的教学活动 |
| Node入门 | 作者: Manuel Kiessling 翻译: goddyzhao & GrayZhang & MondayChen |
| 七天学会NodeJS | Alibaba.com |
| Node.js 包教不包会 | alsotang |
| 从零开始nodejs系列文章 | 粉丝日志 |
| NodeJS的代码调试和性能调优 | 小胡子哥 |
| Express | 基于 Node.js 平台,快速、开放、极简的 web 开发框架 |
| Express框架 | 阮一峰 |
| Koa 框架 | 阮一峰 |
| Koa | Koajs 中文文档 |
十七、RequireJS
| 网站 | 说明 |
| — | — |
| Javascript模块化编程 | 阮一峰 |
| RequireJS学习 | 叶小钗 |
| RequireJS入门 | Snandy |
| RequireJS 入门指南 | 参与翻译 NCThinker, 姜鹏飞, super0555 |
十八、Sass和Less
| 网站 | 说明 |
| — | — |
| Sass中文网 | 世界上最成熟、最稳定、最强大的专业级CSS扩展语言 |
| SASS中文文档 | Sass 是成熟、稳定、强大的 CSS 扩展语言 |
| SASS用法指南 | 阮一峰 |
| Sass入门 | 大漠 |
| Less中文文档 | 给 CSS 加点料 |
十九、Webpack
| 网站 | 说明 |
| — | — |
| webpack | 官方网站 |
| webpack 中文 | 中文官网 |
| webpack | github |
| webpack-demos | 阮一峰 |
| |
二十、Markdown
| 网站 | 说明 |
| — | — |
| Markdown 语法说明 (简体中文版) | riku |
| Markdown 入门参考 | LearnShare |
| GitBook | 帮助团队在线撰写,协作和发布内容 |
| Cmd Markdown | Cmd Markdown 编辑阅读器 |
| StackEdit | 浏览器中的Markdown编辑器 |
| Mditor | 一款轻量级的markdown编辑器 |
二十一、Git和GitHub
| 网站 | 说明 |
| — | — |
| Git-Book | 官方文档 |
| git - 简明指南 | 罗杰·杜德勒 |
| 猴子都能懂得GIT入门 | backlog |
| 廖雪峰的官方网站 Git教程 | 廖雪峰 |
| Learn Git Branching | 通过一系列刺激的关卡挑战,逐步深入的学习 Git 的强大功能 |
| Git工作流指南 | 李鼎(哲良),taobao |
| 有关 git 的学习资料 | xirong,alibaba |
| GitHub 漫游指南 | Phodal Huang,黄峰达,ThoughtWorks 高级咨询师 |
| GitHub秘籍 | Star 24.8k Fork 3.8k |
二十二、Github大牛
| 网站 | 说明 |
| — | — |
| AlloyTeam | 腾讯 AlloyTeam |
| fex-team | Baidu FEX team |
| tmallfe | 天猫前端团队 |
| nzakas | 尼古拉斯·泽卡斯 Nicholas C. Zakas,雅虎首页的前端技术主管, YUI 库的贡献者,目前在 Box 公司任职 |
| tj | TJ Holowaychuk,Koa、Co、Express、jade、mocha、node-canvas、commander.js等知名开源项目的创建和贡献者 |
| JacksonTian | 朴灵(田永强),就职阿里巴巴数据平台,Node.js布道者 |
| lifesinger | 玉伯,支付宝前端,seajs作者 |
| jobbole | 伯乐在线 |
| paulirish | Google Chrome |
| kejun | Douban Inc |
| fengmk2 | fengmk2,Alipay |
| fool2fish | Zhouxuan Yang,Alipay |
| jayli | Taobao |
二十三、框架类库
| 网站 | 说明 |
| — | — |
| WeUI | 微信官方设计团队为微信 Web 开发量身设计 |
| ZUI | 一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。 |
| MZUI | 为移动端设计,基于 Flex 的 UI 框架 |
| SUI Mobile | 阿里他她,一套基于 Framework7 开发的UI库 |
| KISSY | 一款跨终端、模块化、高性能、使用简单的 JavaScript 框架 |
| nice validator | 领先的表单验证解决方案 |
| Underscore.js | 一整套函数式编程的实用功能 |
| Lodash | 通过解决数组,数字,对象,字符串等问题,让JavaScript变得更轻松。 |
| Metro UI CSS | 一个 BizSpark Startup |
| Kite CSS | 一个灵活的布局助手 |
| Creative Link Effects | 创意链接或菜单项效果 |
| JAVASCRIPTING | 最优的javascript库、框架和插件。 |
| Microjs | 神奇的微型框架 |
二十四、动画
| 网站 | 说明 |
| — | — |
| Animate.css | 一个跨浏览器的CSS动画库 |
| Bounce.js | 触摸库 CSS3关键帧动画 |
| Waves.js | 点击按钮或背景动画 |
| 缓动函数 | 指定动画效果在执行时的速度,使其看起来更加真实 |
二十五、移动端
最后
由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
| Microjs | 神奇的微型框架 |
二十四、动画
| 网站 | 说明 |
| — | — |
| Animate.css | 一个跨浏览器的CSS动画库 |
| Bounce.js | 触摸库 CSS3关键帧动画 |
| Waves.js | 点击按钮或背景动画 |
| 缓动函数 | 指定动画效果在执行时的速度,使其看起来更加真实 |
二十五、移动端
最后
由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
[外链图片转存中…(img-hhnmLvlI-1714627577064)]
[外链图片转存中…(img-K84SB3Gw-1714627577065)]