前言
一年前的自己刚刚度过了高考难关,满心欢喜(bushi)的踏入了大学,
在师兄师姐的介绍下,懵懵懂懂的选择了前端这个方向,经过一年的摸索
也算是入了前端的门。下面就总结一下个人的前端学习路线
这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。
仅供参考,此路线仅供零基础想入门的前端的同学,以及我的师弟师妹们有个参考。
等你入门了之后,对前端有个大概了解就知道以后深入需要学习什么了。
开发工具
工欲善其事,必先利其器。
浏览器:
- Chrome (极力推荐!!!)
- Edge (推荐学习)
编辑器:
- VSCode (优先推荐这个!!)
- WebStorm (不喜欢他的风格)
- HBuilder X (用来写uniapp和小程序的)
- 在线 IDE (额。。。)
记事本
文档笔记
- Markdown 语法
- Typora
前端入门基础知识
tip:建议从实战开始,边学边练,培养兴趣,快速入门。
前端三剑客:HTML CSS JavaScript
俗话说:基础不牢,地动山摇。基础的重要性不需要我多讲了吧。
HTML CSS JavaScript 作为前端最基础,同时我认为也是最重要的。
这一阶段的学习一定要慢而细,最重要的是一定要动手敲代码!动手敲代码!动手敲代码!
重要的事情说三次,不要只是跟着视频看而不去自己动手操作,很多东西你只有上手过后才能
有更深的理解,看十遍百遍不然自己动手敲一遍。
学习资料
HTML + CSS
- 小破站黑马pink老师: https://www.bilibili.com/video/BV14J4114768
JavaScript
- 同样是小破站pink老师:https://www.bilibili.com/video/BV1Sy4y1C7ha
- 或者是李立超老师(js核心基础):https://www.bilibili.com/video/BV1mG411h7aD
进阶学习
到了这里,恭喜你!你已经能用前端三剑客写一些静态的网页了。
下面我们继续学习!
当然如果你有更适合自己的学习方法,可自行学习。
交互和JS高级知识
- AJAX:https://www.bilibili.com/video/BV1WC4y1b78y
- ES6: https://www.bilibili.com/video/BV1uK411H7on
- Promise: https://www.bilibili.com/video/BV1GA411x7z1
- Axios: https://www.bilibili.com/video/BV1wr4y1K7tq
团队协作 代码托管
集中存储、备份你的代码,还能和团队成员协作开发。
- Git / Github: https://www.bilibili.com/video/BV1FE411P7B3
- Gitee (不推荐使用,知道就好)
- GitLab (目前不需要,知道有这么个东西就好)
Node Js
一个开源与跨平台的 JavaScript 运行时环境。它是一个可用于几乎任何项目的流行工具!
包管理
用于安装 Node.js 的扩展、工具等。
- npm
- yarn
- npx
数据库
- MySQL: https://www.bilibili.com/video/BV1Vy4y1z7EX
- MongoDB: https://www.bilibili.com/video/BV18s411E78K
前端框架和小程序
到了这里相信你的基础y已经比较扎实了,开始框架的学习。
优先学习Vue,然后是React,小程序后面根据自己需要学
- Vue: https://www.bilibili.com/video/BV1Zy4y1K7SH
- React: https://www.bilibili.com/video/BV1wy4y1D7JT
- TypeScript(建议学):https://www.bilibili.com/video/BV1Xy4y1v7S2
- 小程序:https://www.bilibili.com/video/BV1nE41117BQ
后语
以上就是我大一到大二一年时间的学习路线,如果你是刚入门的小白,
不知道从哪里学起,可以参考我的学习路线,当然可能不适合所有人。
根据自己的需求学习。当然,我们前端的学习才刚刚开始,一入前端深似海,后面就要靠你们自己努力了。
一起加油把!!