应届生或者要自学前端的同学看过来，这里有完整的前端路线图+学习方法+项目学习+简历；
一、前端学习时间安排表
- HTML+CSS：25天
- JavaScript：20天
- 环境基础：15天
- Bootstrap（15天）、jQuery UI（15天）、Amaze UI；流行的前端框架：jquery mobile、angular.Js（20天）、Vue.js（20天）、React.js（20天）
- Echarts（1周）、tableau（1周）
以上时间安排是每天至少学习6小时的时间安排，大家可以根据每天学习的小时数字型加减天数。
二、前端学习资源
知识点包括了：HTML+CSS-->移动web->JavaScript基础-->Web APIs->数据交互&异步编程-->Node.js-->Vue2+Vue3-->React核心技术-->微信小程序。
黑马程序员前端：2022年前端学习路线图52 赞同 · 10 评论文章
很多小白开始自学前端都是先来背HTML的标签，从HTML、body、div...往下背，跟背英语单词一样，学了背了就忘了，然后失去学习动力。
其实正确的方式是，从静态页面的完成开始，不用过于纠结记住标签，因为很多前端大牛都是通过多年的经验形成了下意识的记忆。
HTML标签明白了之后，开始了CSS学习，什么阴影，圆角、动画等等的，这些都是日常应用。但是这里需要注意的是，要熟练掌握css定位的原理，盒子模型，等等，如果这些没有弄清楚，javascript学习就会遇到困难。
更多HTML+CSS学习笔记如下（已完结）：
- 认识网页 / HTML标签大全 / 表格 / 列表
- CSS入门笔记 / Css样式表 / emmet语法 / CSS的复合选择器 / 显示模式 /
- CSS背景 / CSS三大特性 / 盒子模型 / 圆角边框、盒子阴影、文字阴影
- 浮动知识点汇总 / PS切图 / CSS属性书写顺序（重点） / CSS练手之学成在线页面制作
- CSS定位的4种分类 / 学成在线模块添加 / HTML+CSS之定位（position）的应用
- 案例：淘宝轮播图 / 元素的显示与隐藏 / 土豆网鼠标经过显示遮罩 /
- 【重点】CSS之精灵图 / 字体图标 / 用户界面样式源码 / vertical-align 属性应用 /
- 溢出的文字省略号显示 / 常见布局技巧+案例 / CSS新增选择器 / 盒子模型和其他新特性
HTML+CSS项目《品优购》完整笔记+源码（万字版可复制）：
- HTML+CSS大项目1：品优购项目笔记+源码（万字！收藏）
- HTML+CSS大项目2：品优购项目笔记+源码（万字！收藏）
移动开发笔记（更新中）
- 移动WEB开发之入门&视口 / 二倍图 / 主流方案选择 / 携程网首页案例制作
- rem基础&媒体查询 / less基础 / rem实际开发适配方案 /
JavaScript基础内容（已完结）
- 认识JavaScript / 注释以及输入输出语句 / 变量的使用、语法扩展、命名规范
数据类型简介以及简单的数据类型 / 获取变量数据类型/运算符&算数运算符 / 递增和递减运算符
比较运算符和逻辑运算符 / 赋值运算符以及运算符优先级 / 流程控制-实际案例学习if语句
三元表达式&分支流程控制 switch 语句 / JavaScript的for循环学不明白怎么办？
以案例学习JavaScript双重for循环 / JavaScript中while以及do while循环
JavaScript遍历数组，附5个案例 / 函数的概念和使用/JavaScript函数的参数
JavaScript的返回值 / 函数案例练习
JavaScript最全拔高（更新中）
JavaScript面向对象开发相关模式 / JavaScript创建对象简单方式到优化 / JavaScript面向对象游戏案例：贪吃蛇
其他资源：
- TypeScript 中文手册：官网翻译版。
- Javascript模块化编程（一）：模块的写法
- Javascript模块化编程（二）：AMD规范
- Javascript模块化编程（三）：require.js的用法
三、项目和简历
这里就不多说了，是什么写什么就好。
开发经验
- ? 精通 HTML、CSS、JS 基础，熟悉 H5、CSS3 新属性，熟悉 ES6 新特性
- ? 熟悉响应式，flex 等页面布局方式，熟练使用 less、sass
- ? 熟练运用 Vue、React 前端开发框架，了解 ReactNative 的基本实现原理
- ? 熟悉组件间的通信和数据的管理 , 熟练 Redux/Vuex 使用
- ? 熟悉常见 UI 框架如：Bootstrap、Element-UI、Vant、Ant-design 等
- ? 熟悉 Webpack 等构建工具
- ? 熟悉微信小程序开发流程
- ? 熟练使用 Git 等项目管理工具
- ? 了解 NodeJS，了解 Express 框架开发
项目经历（这里可以参考写）
项目一：优联校园后台管理系统
项目描述：优联校园是一款大学生校园生活服务软件，为在校大学生提供社团活动，二手交易，学生兼职，学生租房，
驾校报名、微商城等服务，项目技术栈：React + React-router + Axios + Ant-design + React-redux
责任描述：
- 1. 负责应用管理模块，包括社团管理、二手交易、学生兼职、学生租房等界面，使用 Antd 中 Button , Form , Modal ,
- Table 等组件来展示页面
- 2. 使用 React-router 来配置路由，实现组件间页面的跳转
- 3. 使用 Axios 来请求数据并渲染页面
- 4. 根据需求文档完成业务逻辑
- 5. 抽离公共组件并封装到项目组件库中
自我介绍
多人说不要写自我评价。觉得这个版块非常没有用。我认为恰恰相反，千篇一律的自我评价，什么认真啊踏实啊确实让人反感。但是如果可以写成【敏捷开发的忠实粉丝，单元测试驱动开发的实践者，曾主动重构代码】，【看书爱好者，年度目标5本书，已完成4本，正在看《领域驱动设计》】。有没有感觉这样的自我评价，就非常有意思？