小萌新学习前端开发的计划与时间规划

前端开发学习时间评估

（以下评估时间皆以工作日全天八节课学习为前提）

• 基础

1. HTML

主要掌握：

1. 、HTML文档；
2. 、HTML、HTML5标签；
3. 、HTML标签属性以及语法；

预计掌握时间：10工作日

1. CSS

主要掌握：

1. 、CSS文件语法及引入引入方式；
2. 、CSS选择器；
3. 、CSS基础样式；

预计掌握时间：10工作日

1. JS

主要掌握：

1. 、基于公司当前项目，大多设计增删改查，重点掌握对数组的操作；
2. 、JS基础；
3. 、...

预计掌握时间：15工作日

• 进阶（结合实际开发需要掌握的内容）

1. VUE

主要掌握：

1. 、vue项目搭建、打包；
2. 、vue数据绑定、基础语法、生命周期及相关api等；
3. 、自定义组件、组件传值等；

预计掌握时间：15工作日（基础知识熟练掌握的前提下）

1. VUE全家桶

主要掌握（根据具体情况实施）：

1. 、UI库（PC：elementUI、iView；手机：vant）；
2. 、Axios；
3. 、vueRoute；
4. 、vuex
5. 、...

预计掌握时间：15工作日（基础知识熟练掌握的前提下）

1. 相关拓展（根据具体情况实施）

• 项目实战

1. 开发前期

开发工具（根据个人习惯而定）：

Webstom、idea、vsCode...

主要技术栈：

Vue + Axios + vue-cli + elementUI + vueRouter + vuex

Vue：构建用户界面的单页面框架

Axios：http库

Vue-cli：vue项目脚手架

ElementUI：ui框架

vueRouter：路由管理

vuex：状态管理

其他：

需要了解node，webpack，npm包管理工具等，在项目前期会用到

1. 开发中起（框架搭建好，前期工作准备完毕）

注：项目中要注意代码规范、整洁、易维护；

1. 、组件封装和调用，父子组件传值和接收；
2. 、生命周期相关api等；
3. 、路由的配置；
4. 、页面中组件尽量做到通用和复用；

3、预计掌握时间：15工作日（基础知识熟练掌握的情况下）

注：  

1、以上预估时间根据具体掌握情况有所变动；

2、皆以工作日八节课学习时间为前提；

3、并且根据公司具体需求和主要技术栈而定；

4、基础部分是针对于0基础，如已经掌握前端基础，可跳过；

5、实际开发中请重点关注红色字体