前端学习路线


前言

一年前的自己刚刚度过了高考难关,满心欢喜(bushi)的踏入了大学,
在师兄师姐的介绍下,懵懵懂懂的选择了前端这个方向,经过一年的摸索
也算是入了前端的门。下面就总结一下个人的前端学习路线

这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。
仅供参考,此路线仅供零基础想入门的前端的同学,以及我的师弟师妹们有个参考。
等你入门了之后,对前端有个大概了解就知道以后深入需要学习什么了。


开发工具

工欲善其事,必先利其器。

浏览器:

  • Chrome (极力推荐!!!)
  • Edge (推荐学习)

编辑器:

  • VSCode (优先推荐这个!!)
  • WebStorm (不喜欢他的风格)
  • HBuilder X (用来写uniapp和小程序的)
  • 在线 IDE (额。。。)
  • 记事本

文档笔记

  • Markdown 语法
  • Typora

前端入门基础知识

tip:建议从实战开始,边学边练,培养兴趣,快速入门。

前端三剑客:HTML CSS JavaScript

俗话说:基础不牢,地动山摇。基础的重要性不需要我多讲了吧。
HTML CSS JavaScript 作为前端最基础,同时我认为也是最重要的。
这一阶段的学习一定要慢而细,最重要的是一定要动手敲代码!动手敲代码!动手敲代码!
重要的事情说三次,不要只是跟着视频看而不去自己动手操作,很多东西你只有上手过后才能
有更深的理解,看十遍百遍不然自己动手敲一遍。

学习资料

HTML + CSS

JavaScript


进阶学习

到了这里,恭喜你!你已经能用前端三剑客写一些静态的网页了。
下面我们继续学习!
当然如果你有更适合自己的学习方法,可自行学习。

交互和JS高级知识

团队协作 代码托管

集中存储、备份你的代码,还能和团队成员协作开发。

Node Js

一个开源与跨平台的 JavaScript 运行时环境。它是一个可用于几乎任何项目的流行工具!

包管理

用于安装 Node.js 的扩展、工具等。

  • npm
  • yarn
  • npx

数据库


前端框架和小程序

到了这里相信你的基础y已经比较扎实了,开始框架的学习。

优先学习Vue,然后是React,小程序后面根据自己需要学


后语

以上就是我大一到大二一年时间的学习路线,如果你是刚入门的小白,
不知道从哪里学起,可以参考我的学习路线,当然可能不适合所有人。
根据自己的需求学习。当然,我们前端的学习才刚刚开始,一入前端深似海,后面就要靠你们自己努力了。
一起加油把!!


文章作者: TOBY
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 TOBY !
评论
  目录