444861693/learning

前端学习资源

前端学习资源分享

1：互联网

1.1：互联网基本概念

📄 文档

• 互联网是如何工作的 MDN
• 因特网，万维网，互联网什么区别？
• 全球互联网50年
• **互联网发展简史

📺 视频

• 10分钟带你了解互联网是如何运作的！
• **互联网发展简史
• 你不知道的互联网30年秘史

📚 书籍

• 《史蒂夫·乔布斯传》
• 《世界因你而不同》
• 《大数据时代》
• 《浪潮之巅》

1.2：网络协议

📄 文档

• 深入浅出－网络七层模型
• TCP/IP协议
• 从URL输入到页面展现到底发生什么？
• HTTP概述MDN
• HTTP和HTTPS协议

📺 视频

• 计算机网络
• 计算机科学速成课

📚 书籍

• 《计算机网络》
• 《图解HTTP》
• 《深入理解计算机系统》

2： 浏览器

2.1：浏览器工作原理

📄 文档

• 全面了解浏览器（内核）发展史
• 浏览器的工作原理
• 深入了解现代Web浏览器

📺 视频

• 浏览器是如何运作的？

📚 书籍

• 《WebKit 技术内幕》

2.2：Chrome DevTools

📄 文档

• Chrome 开发者工具操作指南

3： 操作系统

3.1：Windows

📄 文档

• Microsoft使用技巧
• Adobe 2020全家桶 提取码: eppw
• 绿色免费软件下载网站：花间社 佛系软件

3.2：linux

📄 文档

• Linux.org
• Linux 命令大全

📺 视频

• 尚硅谷_韩顺平_Linux教程
• 史上最牛的Linux视频教程—兄弟连

📚 书籍

• 《鸟哥的Linux私房菜》
• 《Linux从入门到精通》
• 《Linux Shell脚本攻略》

4： HTML

4.1：HTML基础

📄 文档

• HTML 教程
• HTML 元素参考

5： CSS

5.1：CSS基础

📄 文档

• CSS 教程
• CSS单位px，rem，em，vw，vh的区别
• 深入理解 CSS 中的行高与基线
• CSS自适应布局
• Flex 布局教程
• CSS素材

📚 书籍

• 《Head First HTML and CSS》
• 《CSS权威指南》
• 《精通CSS（第2版）》
• 《CSS揭秘》

5.2：CSS预处理语言

📄 文档

• Less
• Sass
• stylus
• PostCSS 中文文档
• 关于CSS预处理器：sass、less、stylus

5.3：CSS Modules

📄 文档

• CSS Modules
• CSS Modules 用法教程

6： JavaScript

6.1：JavaScript的历史

📄 文档

• Javascript诞生记
• Javascript的10个设计缺陷

📺 视频

• 从浏览器之争到Javascript的诞生
• JavaScript 的一点历史

6.2：JavaScript语法及API

📄 文档

• JavaScript教程
• ECMAScript 6 入门-阮一峰
• 现代 JavaScript 教程

📚 书籍

• 《JavaScript DOM 编程艺术》
• 《JavaScript 高级程序设计》
• 《JavaScript 语言精粹》
• 《你不知道的 JavaScript》
• 《JavaScript设计模式》
• 《JavaScript权威指南》
• 《数据结构与算法JavaScript描述》

7：版本管理工具

7.1：Git

📄 文档

• Git 教程-廖雪峰出品
• 学习 git 分支-可视化学习
• 图解 Git
• Github 使用教程图文详解

7.2：SVN

📄 文档

• TortoiseSVN 使用教程

8：打包工具

8.1：webpack

📄 文档

• webpack 中文官方文档
• webpack demos-阮一峰老师出品

📚 书籍

• 《深入浅出Webpack》

8.2：Snowpack / Vite

📄 文档

• Snowpack官方文档
• 精读《snowpack》
• Vite

9：代码质量

9.1：编码规范

📄 文档

• JavaScript编码规范
• javascript
• css
• react
• clean-code-javascript

9.2：ESLint/Prettier

📄 文档

• eslint
• prettier

9.3：TypeScript

📄 文档

• 官方文档
• 深入理解 TypeScript
• 【万字长文】深入理解 Typescript 高级用法
• semlinker/awesome-typescript

10：JS框架

10.1：Vue

📄 文档

• Vue.js文档
• awesome vue
• vue3.0 全家桶初体验

📚 书籍

• 《vue实战》

10.2：React

📄 文档

• 官方文档
• awesome react
• React之render函数
• React 入门实例教程-阮一峰老师
• React.js 小书
• 官方cli-create react app
• React 的今天和明天

11：小程序

11.1：小程序生态

📄 文档

• 微信小程序
• 鉴权相关分享
• QQ小程序
• 支付宝小程序
• 钉钉小程序
• 百度小程序
• 京东小程序
• 字节跳动小程序
• 360小程序
• 快应用

11.2：小程序开发框架

📄 文档

• taro
• 利用 Taro 构建多端应用
• uni-app
• Chameleon 变色龙
• Remax
• WePY
• mpvue

12：移动端应用

12.1：Hybrid

📄 文档

• Hybrid App开发原理
• Hybrid App技术解析

12.2：React Native

📄 文档

• React Native中文网
• Awesome React Native

12.3：Weex

📄 文档

• Weex官方文档

12.4：Flutter

📄 文章

• Dart
• Flutter中文网

📺 视频

• Dart Flutter教程
• Flutter基础视频教程

13：桌面应用

13.1：Electron

📄 文档

• Electron官方文档

13.2：NW.JS

📄 文档

• NW.JS官方文档

14：可视化

14.1：Echarts

📄 文档

• EChart官方文档

14.2：AntV

📄 文档

• AntV

14.3：HeightCharts

📄 文档

• Highcharts

14.4：D3.js

📄 文档

• D3.js

15：Node.js

15.1：包管理

📄 文档

• npm 使用介绍-菜鸟教程
• npm 中文文档
• npm scripts 使用指南
• npm scripts 官方文档
• yarn文档

15.2：Node开发

📄 文档

• Node 中文官方文档（重点掌握常使用的几个 module：fs、http、path）
• Node 入门
• 七天学会 NodeJS
• Express 中文网
• koa
• egg.js

📚 书籍

• 《深入浅出 Node》
• 《NodeJs 实战》
• 《狼书:更了不起的NODE.JS》

16：博客资源

16.1：前端组织

📄 资料

• GitHub
• MDN
• Awesomes.cn
• 如何跟上前端开发的最新前沿
• 慕课
• 掘金
• CSDN
• segmentfault
• 阮一峰
• 淘宝前端团队
• 奇舞团博客
• 百度 FEX
• 腾讯前端 AlloyTeam

16.2：博客搭建

📄 文档

• Hexo
• GithubPages
• Wordpress
• VuePress