全栈高级web前端工程师的必经之路

这是最近整理的一个进阶高级web工程师的技术栈

同时也是激励自己每天来看一下离真正的王者还有多少距离！

过段时间再来反思一下自己进步了多少？

------------------------20190618------------------------------

首先html和css就不说太多了，直接来说vue

-------VUE-------

1.熟练vue语法，以及各种指令

2.用vue写一个简单的网页

3.深入研究vue的组件化

4.研究element-ui、iView、vant组件库源码

5.写一个自己的表单验证组件

6.熟练掌握vuex的数据管理、数据流设计

7.熟练掌握vue-router：路由跳转、路由守卫、路由鉴权

8.用vue写一个blog管理的小项目，包含登录注册

9.学习typescript，深入研究vue的源码

10.vue性能优化

11.最终能自己写出一个迷你的vue,js

 

------React.js-----

1.入门：JSX、虚拟dom

2.组件化：context、ant-design、高阶组件

3.写一个自己的表单验证组件

4.熟练掌握：redux、react-router、umi、dva

5.用react写一个小型商城项目，包含登录注册商品列表购物车等

6.服务端渲染ssr、next.js

7.react性能优化

8.深入研究react源码

 

---------Node.js--------

1.入门：异步、io、fs

2.nodeweb开发：koa2、router、eggjs

3.了解express，写个简单小项目

4.鉴权：cookie、jwt、oauth

5.数据库：mysql、redis、mongodb

6.构建一个自己的mvc框架

7.构建自己的koa、中间件

8.深入学习linux操作命令、pm2、nginx、docker

 

--------微信公号和小程序-------

1.nodejs对接微信服务器

2.公众号客服机器人

3.jssdk

4.小程序实战

5.小程序常用组件

6.小程序常用jsapi

7.taro开发跨端应用

8.云开发

9.写一个微信小程序

 

------------前端安全------------

1.安全漏洞

2.xss

3.csrf

4.sql注入

5.安全攻防

6.爬虫对抗

7.持久化攻击

8.加密

 

-----------react-native和flutter------------

1.掌握RN语法

2.RN第三方组件

3.flutter

4.用这两种框架各写一个小项目

 

----------工程化---------

1.webpack常见配置

2.webpack性能优化

3.手写webpack

4.gulp常用配置

5.手写gulp

6.深入研究vue-cli源码

6.构建一个自己的脚手架

 

--------------性能优化-------------

1.性能指标

2.性能化军规

3.文件加载更快：打包、压缩、缓存

4.代码执行更快：防抖、节流、vue性能优化、react性能优化

 

------------------算法和数据结构-----------------

1.算法基础知识

2.复杂度

3.搜索二分查找

4.排序：快速、冒泡、

5.数据结构：链表、树、图

 

-------------------设计模式-------------------

1.设计模式基础

2.面向对象

3.单例模式

4.装饰器模式

5.代理模式

6.观察者模式

7.设计模式实践

 

---------------java------------------

1.巩固java基础知识

2.熟悉spring-boot

3.用springboot配合vue开发一个小项目

 

-----------------git和svn--------------------

熟练掌握git和svn使用方法