学前注意事项
请阅读 学前注意事项>>
作业提交说明
请阅读 作业提交说明>>
第一部分 HTML CSS（两周左右）
课程
文字课：
https://developer.mozilla.org/zh-CN/docs/Learn/HTML
https://developer.mozilla.org/zh-CN/docs/Learn/CSS
视频课：
https://www.bilibili.com/video/BV1XJ411X7Ud?p=96
尽量尝试看文字课，效率会高点
HTML，CSS部分尽量速度快点， 不需要记忆，在做项目的过程中巩固
重点掌握：
- HTML
- 掌握html，head，body，title
- a， p，img，h1-7，
- table，tr，td，ul,li 标签，
- form，input，select，option,button
- CSS
- 基本语法
- id 、class
- Background
- Font
- 文本样式， 链接样式
- 盒子模型
- 边框（Border）
- Margin，Padding
- Display
- Position定位
- Float
- 属性选择器
作业一
使用 html、css 技术做一个人介绍的网页，包含个人头像(img标签)，个人社交网站地址（a标签），个人简介（p标签）等
第二部分 JavaScript（三周左右）
课程
文字课一（推荐）： https://www.liaoxuefeng.com/wiki/1022910821149312
文字课二：https://www.w3school.com.cn/js/index.asp
视频课：https://www.bilibili.com/video/BV1YW411T7GX
文字课一重点掌握
- 快速入门
- JavaScript基本语法
- 数据类型和变量
- 字符串
- 数组
- 对象
- 条件判断
- 循环
- Map和Set
- iterable
- 函数
- 函数的定义和调用
- 变量作用域与解构赋值
- 方法
- 高阶函数
- map/reduce
- filter
- sort
- Array
- 闭包
- 箭头函数
- generator
- 标准对象
- Date
- RegExp
- JSON
- 面向对象编程
- 创建对象
- 原型继承
- class继承
- 浏览器
- 浏览器对象
- 操作DOM
- 操作表单
- 操作文件
- Ajax
- Promise
- 错误处理
- 错误传播
- 异步错误处理
- Node.js
- 安装 Node.js 和 npm
- Node程序
- Node环境搭建
- 模块（Module）
- 基本模块
- fs
- stream
- http
- Web开发（可选）
作业二
- 编写一个函数， 输入数字1~7，输出对应星期几（例如，传入1 ，打印”星期一“， 传入2， 打印”星期二“…)
- 使用 JavaScript以及浏览器Dom技术，在网页上打印九九乘法表
- 使用 Node.js 启动HTTP服务，返回一个Json格式的数据，接口内容为你的简历信息， 在网页中使用Ajax，将 Json 数据渲染为你的个人简历
完成后通过git 提交到 gitee，教程参考
https://www.bilibili.com/video/BV1xY411t7PE/
第三部分：框架学习
学习目标
掌握常用的前端开发框架， jQuery 和 Vue。（如果去大厂，需要把 React 也学习下。）
jQuery 是非单页应用最常用的前端类库， 能够应用即可。
Vue 是最常用的单页应用前端框架，要能够熟练掌握 Vue 开发成熟的前端应用。
ElementUI 是一个基于 vue 开发的UI组件库，里面有很多现成的组件可以直接拿来用。
课程
jQuery:
https://www.liaoxuefeng.com/wiki/1022910821149312/1023022609723552
Vue：
https://www.bilibili.com/video/BV1Zy4y1K7SH
ElementUI：
https://element.eleme.cn/#/zh-CN/component/quickstart
第四部分：项目实战
学习目标
掌握能够使用框架完成需求开发的能力，完成两个完整项目，提升简历的含金量。
学习资料
https://www.bilibili.com/video/BV1Vf4y1T7bw
作业三
在以下练手项目中，选择两个，进行仿写实现：
http://www.dahouduan.com/2022/03/08/vue%e7%bb%83%e6%89%8b%e9%a1%b9%e7%9b%ae%e5%90%88%e9%9b%86/
完成后分别提交到自己的 gitee 仓库中。
推荐：
1. 仿写社区项目
2. 仿写饿了么点餐系统
将三个项目写到自己的简历上
第五部分：源码学习
学习目标
具备一定的框架底层代码能力， 增加简历的含金量，增加面试的筹码。
课程
Vue 作者带你实现vue：
https://www.bilibili.com/video/BV1d4411v7UX
my-vue，自己实现vue：
https://segmentfault.com/a/1190000016434836
自己实现jQuery（选修）：
https://blog.csdn.net/yangaoyuan1999/article/details/110428074
作业四
- 用自己实现的 my-vue 完成一个代办事项应用
- 编写一个类似jQuery 类的类库， 支持链式调用（选修）
两个作业分别建一个仓库提交到 Gitee 上。
第六部分：就业准备
简历技巧
简历上两个重点，一是自己的技术栈、项目经验， 二是重点体现自己解决问题的能力， 解决问题的思路，让面试官看到自己的潜力。
请认真学习：http://www.dahouduan.com/2022/01/22/jian-li-mo-ban-ji-ji-qiao/
简历模板：http://www.dahouduan.com/%e7%b2%be%e7%ae%80%e7%ae%80%e5%8e%86%e6%a8%a1%e6%9d%bf/
面试刷题
刷面经（重点）：
https://www.nowcoder.com/discuss/experience?tagId=644
这块主要涉及，面试的时候问的问题，重点多刷下
题库刷题：
https://www.nowcoder.com/exam/oj?tab=%E5%89%8D%E7%AB%AF%E7%AF%87&topicId=260
这块的题主要是巩固自己的前端基础知识，建议尽量都刷一遍
公司真题：
https://www.nowcoder.com/exam/company?tagIds=644
这块是公司的真题， 根据自己的情况选择，如果去大厂，就把一线的公司都刷下， 如果不是就刷一般公司的题。
如果计划去大厂，第一关是算法题，建议跟着 https://labuladong.gitee.io/algo/1/2/ 学习。
