前端短期学习路线指南

前端短期学习路线指南

前端面试主要是计算机基础还有前端的知识，下面看有一条推荐的短期前端学习路线，仅供参考。

前端开发主要技术介绍

• HTML5：搭建网页结构的语言，增加了很多移动端支持，简单好学
• CSS3：样式表，美化网页的语言，增加了很多动画、过渡等新特性，要记的英语单词非常多，不过非常有意思
• JavaScript：前端开发工程师最重要的 “看家语言”，JS功底的好坏，决定了职业高度，学习需要下苦工
• 模块化组件化开发、移动WebApp开发：从PC端演化成移动WebApp掌握跨端+适配技能，传统单一模块开发到企业标准组件化开发掌握企业核心开发思想
• 小程序开发：作为优秀的前端工程师必备技能，小程序是当下最爆火的轻应用开发技术，需要能够独立开发企业级小程序，拥有解决主流小程序功能需求的能力
• TS/Vue/React ：从2016年前后开始流行的前端框架，采用模块化开发、数据驱动、声明式编程等等，核心在于前边的基础要扎实，后期学习就容易了
• 后端开发：Node.js/Koa/数据库/PM2
• 团队同、工程化，监控运维 ：Git版本管理，缺陷管理，单人、团队开发与跨团队开发，RESTful API接口管理，webpack / Gulp 自动化构建，CICD 自动化部署，Linux项目部署，运行日志与监控

学习路线

1.核心基础

• HTML5
  • 菜鸟—HTML
• CSS3
  • 菜鸟—CSS
• JavaScript
  • 菜鸟—JavaScript
• 计算机基础
  • 计算机网络
    • 小林coding—图解计算机网络
  • 计算机系统
    • 主要是知道linux命令
    • 小林coding—图解计算机系统
  • 网络安全
    • HTTPS、CORS、CSP等
    • 这里需要自己去了解下
• 算法
  • 代码随想录
  • LeetCode
  • 企业题库

2.前后端分离，全栈项目开发

• Vue
  • 国内主流前端框架，需要学习全家桶
  • 官方文档
• Node.js
  • 大前端基础，运行在服务端的JavaScript
  • 菜鸟—Node.js
• 数据库
  • MySQL基础
  • 小林coding—图解MySQL
  • 博客
• 中间件
  • 这个需要了解下常用的中间件
  • 小林coding—图解Redis
• ES6模块化开发
  • 博客
• 小程序开发
  • 微信小程序、Uniapp等

3.大厂常用技术栈，全面升华

• git
  • 项目合作必备
  • 廖雪峰—git基础
• webpack
  • 项目部署打包（自动化构建）
  • 菜鸟—Webpack入门
• TypeScript
  • 一种基于 JavaScript 的强类型编程语言，可为您提供任何规模的更好的工具。
  • 菜鸟—TypeScript
• 常用UI库
  • ElementUI
• 其他加分项
  • Echarts
    • 开源可视化图表库

以上路线仅供短期（4个月）学习参考，如需更长远的职业规划，请参考其他博客~