前端分阶段学习路线

ChouCong ... 2020-06-03 教程
  • 前端
大约 7 分钟

我的订阅号 我开通订阅号啦!关注即可获得海量学习资料!

java

# 说明(认真看!!!)

  • 这个路线都是我的个人总结,肯定不够全面,如果你有好的资源和知识点请在评论区讨论或者私信我,让我们一起来共同维护这个路线

  • 基本上知识点我都覆盖了学习资源,并且都是不容易和谐的免费的资源

  • 下图的资料和路线足够你完成学习,收集制作不易

# 思维导图

嫌屏幕小也可以点击在线查看 (opens new window)密码是我的名字

# 第一个阶段(看看能不能学走)

# 开发环境搭建

  • 开发工具
    • vscode
    • webstorm
    • hbuilder
  • 基础的计算机命令

# html

  • 常用标签(不同刻意去背)
  • 表单
  • 语义化
  • 多媒体
    • audio
    • video
  • 一些常用的api
    • 文件读取
    • 网络状态
    • 本地缓存
    • 拖放
    • 定位
  • Dom(重点)
  • 自定义属性

# css

  • 基础语法
  • 几种样式定义的区别和优先顺序
    • 行内
    • 行外
    • 外部样式
  • css层叠规则
  • 盒模型
  • 常见的布局方式
  • 响应式布局
    • 媒体查询
    • bootstrap
  • 动画和过渡效果

# JavaScript(重中之重)

# 学习资料

# 第二个阶段(开始正式踏入前端)

# Git和Svn的版本管理

# JavaScript进阶

# 学习框架相关

# 第三阶段(前端的进阶和大前端)

# 拓展

# 需要注意的点

  • 学习资料不一定是最新的是最好的,特别是基础部分

  • 前期的学习可以看视屏入门,后期注重书籍阅读和自主文档的学习(提升一下自身的英语)

  • 前期的开发以实现需求为主,后期的开发就是注重优化和体验

  • 前端比较繁杂,框架更新很快,但是入门以后会发现其实是有共同点的,所以不要害怕

  • 技术的广度和深度都需要探索,但是入门以后一定要深入一个点,必须让自己有不可替代的点

  • 不可闭门造车,多阅读博客和GitHub优秀项目的源码设计

  • 编程语言的发展的不是技术问题,而是政治问题