# frontLearning

**Repository Path**: zpfang/frontLearning

## Basic Information

- **Project Name**: frontLearning
- **Description**: 前端学习路线
- **Primary Language**: Unknown
- **License**: MulanPSL-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-07-16
- **Last Updated**: 2021-04-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

1. 使用的软件

   webstorm、visual studio code

2. 遇到问题百度搜索、知乎搜索、B站搜索

3. 整体学习路线，阶段一

   1. 学习HTML、CSS-----制作一个简单的静态网站
   2. 学习Javascript----制作一个动态网站
   3. 使用基础框架jquery
   4. 学习网络知识
   5. 实现简单的网络通信
   6. 学习bootstrap等框架，巩固HTML、CSS、javascript知识
   7. 学习VUE等开发框架

4. 学习资料，学习资料可连接打开，也可以从视频网站搜索免费资源视频观看

   1. 视频网站
      - [网易公开课](https://link.zhihu.com/?target=https%3A//open.163.com/)
      - [慕课网](https://link.zhihu.com/?target=https%3A//www.imooc.com/)：高质量的在线学习平台。
      - [极客学院](https://link.zhihu.com/?target=http%3A//www.jikexueyuan.com/)。
      - [网易云课堂](https://link.zhihu.com/?target=https%3A//study.163.com/)
      - [腾讯课堂](https://link.zhihu.com/?target=https%3A//ke.qq.com/)
      - [51CTO学院](https://link.zhihu.com/?target=http%3A//edu.51cto.com/)
      - B站
   2. html和css
      - [MDN HTML](https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/HTML)：这里的内容质量更好，错误更少，内容也更加的全面
      - [HTML和CSS编码规范](https://link.zhihu.com/?target=https%3A//codeguide.bootcss.com/)：掌握一些代码技巧，写出更好，更高质量的代码
      - [学习CSS布局](https://link.zhihu.com/?target=http%3A//zh.learnlayout.com/)：带你一步一步的完成 CSS 的学习。
      - [CSS参考手册](https://link.zhihu.com/?target=https%3A//css.doyoe.com/)：对CSS可以有一个全面入门的学习。
      - [w3school CSS 参考手册](https://link.zhihu.com/?target=http%3A//www.w3school.com.cn/cssref/index.asp)：同上也是非常基础的知识，适合入门
   3. JavaScript
      - [Javascript 简史 ](https://link.zhihu.com/?target=https%3A//blog.csdn.net/qq_32135281/article/details/81667714)：可以简单了解下，JavaScript 发展由来
      - [现代 Javascript 教程](https://link.zhihu.com/?target=https%3A//zh.javascript.info/)：非常全面的JavaScript 学习教程，从基础到高阶，非常详细，相信你会爱上它的。
      - [廖雪峰的JavaScript教程](https://link.zhihu.com/?target=https%3A//www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000)：廖雪峰系列教程。
      - [JavaScript 标准参考教程（alpha）](https://link.zhihu.com/?target=https%3A//javascript.ruanyifeng.com/)：阮一峰老师的系列教程，通俗易懂，案例丰富
   4. jquery学习
      - [《锋利的jQuery(第2版)》](https://link.zhihu.com/?target=https%3A//book.douban.com/subject/10792216/)：一本很不错的 Jquery 学习书籍。
      - [jQuery API中文文档](https://link.zhihu.com/?target=https%3A//www.jquery123.com/)：JQuery 中文教程
   5. ajax相关
      - [廖雪峰AJAX](https://link.zhihu.com/?target=https%3A//www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499861493e7c35be5e0864769a2c06afb4754acc6000)：廖雪峰大佬的博客知识。
      - [XMLHttpRequest 对象](https://link.zhihu.com/?target=https%3A//wangdoc.com/javascript/bom/xmlhttprequest.html)：阮一峰老师的AJAX详解。
      - [JSON风格指南](https://link.zhihu.com/?target=https%3A//github.com/liuxiaodeng/free-programming-books/blob/master/free-programming-books-zh.md%23javascript)：前后端的交互数据通常都是 JSON 格式，所以了解 JSON 是必要的
   6. 框架学习
      - [Vue](https://link.zhihu.com/?target=https%3A//cn.vuejs.org/index.html)：官网，最好的学习资料。
      - [我的Vue进阶之路](https://link.zhihu.com/?target=https%3A//blog.csdn.net/qq_32135281/column/info/29689)：厚着脸皮贴出来，自己的一些学习总结，希望对你有所收获，哪怕一点点。
      - [使用vue全家桶制作博客网站](https://link.zhihu.com/?target=https%3A//www.cnblogs.com/xiaohuochai/p/9228543.html)
      - [Element](https://link.zhihu.com/?target=http%3A//element-cn.eleme.io/%23/zh-CN)：一个高质量的 Vue UI 组件库。饿了吗前端团队出品。
      - [Vue 项目里戳中你痛点的问题及解决办法（更新）](https://link.zhihu.com/?target=https%3A//juejin.im/post/5b174de8f265da6e410e0b4e)：做项目难免回去到坑，这里你或许可以找到答案