web前端开发，自学的流程可以怎样?

素颜马尾好姑娘i 2023-01-11 01:13 140阅读 0赞

前几天自学团一个伙伴和我说顺利就业了，在北京11k被一家上市公司录取，我之前给他规划的学习路线是这样的：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]  
第一阶段，基础

html css JavaScript。打好基础，这部分学完就可以写一些静态的Web页面了。

然后需要学习前后端分离开发，这时候后端只会为你提供接口，需要学习Ajax，也就是“阿贾克斯”。需要用它来向后端进行交互数据。

第二个阶段， jquery和bootstrap

jquery是一个快速、简洁的JavaScript框架。它封装了javascript的常用功能代码，提供一种简便的JavaScript设计模式，优化了HTML文档操作，事件处理，动画设计和Ajax交互。

bootstrap是IU框架，可以少写很多代码，快速开发出漂亮的界面和响应式页面，还有手机页面。虽然说现在这两个技术用的比较少，但是也避免不了在以后的工作中维护一些现有的项目时，出现蒙圈蒙圈的情况，所以也可以学习一下。

第三个阶段，单页面应用开发

在这之前，需要学习node.js ， webpack，es6。node.js主要了解npm包管理工具，之后会很常用的。es6是JavaScript的新的版本标准。webpack是模块化打包工具。

> 在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】 每天更新最新技术文章干货。

第四阶段，框架

Vue react，angular。angular目前国内使用较少，客观建议选择react，因为它使用比较广泛，不过门槛也比较高，还有vue，这个框架比较小清新，上手也比较快。

还有iu框架也得快学快用，比如，and design, element iu。这阶段还有git和github也要学，最起码简单的创建代码仓库，提交和拉去代码得会。

第五阶段，移动互联网

手机app，小程序等移动应用，需要借助一些框架来开发。像React Native，APIcoloud，Uni-APP，可以用来开发跨平台app，支持IOS和Android, react native使用比较多，是基于react框架的。

前端的话需要去跨语言去学习，小程序的平台太多了，现在主要就是微信小程序，这个比较简单，是基于三大基础的。

第六个阶段，提前做技能储备，查缺补漏

这阶段尤其适用经过学习找到工作的，Typescript，Flutter node等等这些技能储备起来，也不要忘记补漏，已经忘记的都要补起来。

自己是一个正在创业的前端工程师，如果你同样迷茫不知道前端该如何学习，可以加入我的自学团，会有知识分享，匹配学习伙伴，还可以参加我组织的上线项目及活动。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]: /images/20221119/2c49820ec9c542bf97b6701c26ecd1c7.png