计算机基础✅算法和数据结构
算法
✅计算机网络✅操作系统软件开发基础✅设计模式⭐️Git版本控制✅服务器✅正则表达式三、前端工程
目标：学习至少一种主流的前端开发框架（Vue / ），能够独立使用脚手架、组件库、工具等从零开始搭建和开发一个完整的前端网站，可以尝试模仿一些知名站点。要求遵循企业级开发规范，将项目代码提交到代码仓库，并独立发布到网上供他人访问。另外，建议抓住机会参与一些团队项目，体验团队开发模式和前端工程化的优势。
⭐️研发流程
技术选择
初始化
发展
本地测试
代码提交
编译、打包、构建
部署
集成测试
线上发布
监控和维护
⭐️ 代码托管✅ Node.JS⭐️ 包管理 开发框架 开发框架⭐️ CSS 框架⭐️ 框架⭐️ Vue⭐️ ❌✅ ✅ 封装库⭐️ 组件库 数据可视化组件（插件） 工具库 动画库 字体图标库⭐️ 脚手架⭐️ 前端架构设计✅ 服务端渲染 BFF✅ 微前端 CSS in JS⭐️ CSS 模块化✅ 开发调试 内网穿透⭐️ CSS 预编译测试 测试分类✅ Mock✅ 测试框架✅ 代码质量 开发规范 类型验证 代码检查 代码风格 提交规范 提交检查 构建工具 自动化构建 打包工具 CI/CD 部署⭐️ Web 服务器⭐️✅ 容器✅ 部署策略 监控与报警 四、前端优化✅ 性能优化 性能指标
氟化碳（ ）
氟化镁（ ）
全氟辛烷磺酸（ ）
TTI（到达时间）
优化措施
样式优化
优化
代码分割
资源压缩
包装优化
服务器优化
缓存优化
动画表现
dns-
懒惰的
优化启动性能
渲染优化
网络优化
移动性能优化
✅ CDN
用户体验✅兼容性浏览器兼容性屏幕分辨率兼容性跨平台兼容性SEO✅安全性五、前端生态⭐️静态站点建设开发博客文档✅大前端
描述：前端技术融合更加紧密，应用领域更加广泛，前端领域内容多样化，除了网站，前端技术还可以用于跨平台开发、iOS、小程序、虚拟现实、增强现实等。
移动应用移动应用打包桌面应用小程序跨端开发框架移动调试✅✅云开发低代码六、前端求职流程简历面试题库面试经验面试实战七、前端未来我的前端学习路线
虽然上面列出的学习路线知识点比较多，但是不用太担心，其实按照一定的顺序和方法学习并不难，下面我来谈谈我的学习心得。
1. 快速上手，培养兴趣
刚开始学习前端，一定要以培养兴趣和快速上手为目标。我刚开始学习前端的时候，没有基础，什么都不会，所以选择在线实战教程网站学习，跟着教程的案例一行行敲出代码，实时浏览展示效果，很轻松的就把 HTML、CSS 等基础语法都过一遍。但此时，我对看过的知识点已经没有印象了，基本看完就忘了。等到自己想写一个网站的时候，完全不知道从何下手。
于是，我开始尝试去背代码，但是我发现背了之后还是写不出来。于是我就干脆打开编辑器和教程网站，把之前在网上练习时输入的代码复制粘贴到编辑器里，然后修改保存，在浏览器里打开文件。虽然要在编辑器和浏览器之间来回切换，但至少能看到我的网页文件运行的效果。后来，我又借助浏览器开发者工具，提高了自己网站开发的调试效率，当我输入的代码没有达到满意的效果时，我就再检查、再修改、再浏览。终于，一个留言板网站完成了！
通过这件事情，我明白了一个道理，如果知识点记不住，就不要勉强自己去记，多记点，忘了就去查，不要因为自己不懂而担心，只要你努力，就一定可以做到。
2. 多读多写，巩固基础知识
这样操作之下，虽然我能用基础三件套开发一个简单的网站，但是速度很慢，而且总是出问题。于是，我开始看几本前端入门和项目实战的书籍，包括三件套入门书籍、响应式网站设计、全面讲解、以及全套的视频教程。通过这些，我复习和巩固了之前学过的知识，打下了良好的基础，也学到了更多在实战教程里没有看到的知识。
我一边看书一边看视频，也跟着做了几个简单的网站，之后发现慢慢的不用文档也能写网站了！
3. 学习框架并应用于实践
但是总觉得开发一个网站什么的都要自己写，写很多重复的代码很麻烦。于是，我就试着在网上搜索这些问题的解决方法，发现可以使用组件库来减少重复写 HTML 和 CSS 代码，于是就学了。其实跟以前一样，打开官网找到要用到的组件，然后复制到项目中修改就行了。写了这么多，其实我也记住了一些（虽然这个不是必须的）。
界面和样式代码精简了，但写起来还是头疼。于是决定进入下一阶段的学习。先看了一本叫《锐利》的书学习。学完之后用它做了几个网站，发现可以大大简化繁琐的DOM操作。让我尝到了成功的滋味，也给了我继续学习前端的动力。
大概半年之后，我开始学习主流的前端框架 Vue，跟着视频教程学习，并结合组件库开发了一个响应式网站。不得不说，习惯了原生开发之后，用 Vue 开发真的是一种解脱，很有成就感。
4. 根据需要自主学习
之后就是通过不断做项目来积累经验。由于需要学习的编程知识太多，所以我按需学习，逐渐拓宽了自己的知识面。比如要做移动端H5页面，就搜了Vue的移动端组件库，学习了等等；项目需要处理日期，就搜了日期处理库，学习了.js；项目中重复的文件和代码太多，就在网上搜索一些组件化、模块化的最佳实践；项目代码量太大，加载太慢，就在网上搜索一些前端压缩、性能优化的方法；要把开发出来的项目做成APP，就在网上搜索打包工具；和其他同学一起做项目的时候，比较混乱，开发效率低，就在网上搜索一些代码规范、前端工程化等等；遇到bug也会在网上搜索解决方案，也会寻找有什么自己漏掉的知识点，及时补上。 通过不断的实践，不断的遇到问题以及自我解决问题，使自己始终保持学习的热情，学习到越来越多的前端知识，并通过归纳、总结加深自己的印象。
5. 变得更好，拓宽你的视野
之后我很快学习了前端技术，比如，，，，Dva，Umi等，边学边用。另外我不仅关注前端Web开发本身，也关注前端的生态和发展，学习了微前端，，云开发，低代码等技术，所以个人能力也有了很大的提高。现在在腾讯工作，面对各种技术栈的前端项目，我也能迎难而上，毕竟不会做也可以学！
哦，我文笔太好了，差点忘了我是个后端工程师，还在这里吹牛（所以这条路线难免会有些不专业，请见谅~）
六，结论
总结一下，学习前端的路线其实就一句话：基础三件套 => 巩固基础 => 学习框架 => 多做项目 => 随需应变学习 => 开阔视野。还有一点是学习任何编程技术都要注意的，全程多敲代码！多敲代码！多敲代码！
结语-不断学习优秀前端人的特点，学习资源，前端资讯技术博客，学习要点
在我的公众号【程序员鱼皮】后台回复“前端路线”即可领取路线图+上线网站。
大家加油！
如果觉得有帮助的话请点赞支持一下给我一些创作的动力❤️
大家好，我叫Yupi，1998年出生，是一个有抱负的天蝎座。2020年大学毕业后加入腾讯，从事全栈应用开发，也是腾讯云开发资深布道师。
热爱学习和分享编程技术，在微信公众号、抖音、哔哩哔哩、知乎等多个平台创作（均称“程序员鱼皮”），获得全网近20万粉丝关注。
熟悉多种编程语言和技术栈，包括但不限于Java后端、前端、小程序开发。在校期间带领工作室搭建了数十个校园网站。曾获国家奖学金、挑战杯学术竞赛全国奖、上海市专业第一名优秀毕业生。出版过区块链教材，有字节跳动、腾讯等三家公司实习经历，甚至有过创业经历，通过积分成功落户上海。
另外我自主开发了【编程导航】全栈项目()，已经帮助数万朋友找到了优质的编程学习资源！
编程导航，发现优质编程资源