# 12 周前端实习生学习计划
- 学习途径
# 0 基础阶段 - 初出茅庐
# Week 1
网页三剑客
- HTML5 基础语法
- CSS3 基础语法和常用样式
- JavaScript 基础语法和常用操作
- 前端开发环境搭建（VS Code、Nvm、Node.js-v16.*、npm）
- 浏览器常用 API 的使用
- DOM 基础操作和事件处理
项目实战
- 制作一个简单静态页面(比如登录页面)
- 建议：尝试使用 Flexbox 和 Grid 布局。
# 框架阶段 - 融会贯通
# Week 2-3
Vue 基础知识学习
- Vue 的概念和基本使用方法
- Vue 指令和事件处理
- Vue 中的路由和状态管理
- Vue 项目的搭建和配置
- Vue CLI 的使用方法
- 入门级别的 Vue 单文件组件开发
- 使用 Axios 进行数据交互
项目实战
- 练习使用 Vue 框架搭建一个简单的 TodoList 应用，加深对 Vue 基础知识的理解和掌握。
- 建议：在项目中使用 Vue Devtools 进行调试。
# Week 4-6
Vue 高级特性学习
- Vue 的 mixins 和自定义指令等高级特性的使用
- Vue 的组件开发
- 掌握 Vue 组件通信的各种方式
- Vue 的表单处理和动画效果实现
- Vue 的服务端渲染与 Nuxt.js 框架
项目实战
- 在 TodoList 应用中添加过渡动画效果，并使用 Nuxt.js 框架进行服务端渲染。
- 建议：尝试使用 Vue Transition 组件实现动画。
# 优化阶段 - 精益求精
# Week 7-8
Vue 性能优化学习
- Vue 性能优化的方法和实践
- Webpack 打包优化
- 学习如何使用 Chrome DevTools 进行性能分析
项目实战
- 对 TodoList 应用进行性能优化和 Webpack 打包优化。
- 建议：使用懒加载和代码分割技术提升应用性能。
# 综合应用阶段 - 游刃有余
# Week 9-10
Vue 全家桶学习
- Vue 的配套库 Vuex、Vue-router、Axios 等的详细使用方法
- 使用 Element UI、Ant Design 等 UI 组件库进行前端页面开发
- 学习 Echarts 可视化图表库的操作
项目实战
- 在 TodoList 应用中添加 Vuex 状态管理、Vue-router 进行路由管理，使用 Element UI 进行页面布局和 UI 组件开发。
- 建议：尝试在项目中集成 ECharts 进行数据可视化。
# 小试牛🔪 - 厚积薄发
# Week 11-12
项目实战
- 学习 Nginx 在服务器上的搭建与配置
- 学习 Nginx 的反向代理、liunx 常用命令
- svn的安装与使用
- 内部项目的 bug 修复
- 内部项目的功能开发
建议：学习团队协作开发流程、养成代码及时上传svn的习惯。