前端找工作真的很难吗？都要学什么？如何提升？

Posted 2023-03-08 黑马程序员官方

前端不会框架的话，找工作是真的很难。

• 基础（html+css+javascript）学不扎实，不会框架、不做项目
• 前端业务需求不仅限于效果和功能，更追求性能和优化、后期维护

如果你存在这些问题，找工作的确是个问题。本文主要从下面三个方面讨论：前端基础、进阶学什么？如何做项目？后期提升方向？

一、前端基础学什么？

HTML

HTML 负责网页的结构层，是网页开发的基础，从简单的网页骨架搭建入手，使用常见的 HTML 标签丰富网页结构。

CSS

CSS在 HTML 搭建的网页结构基础上，通过 CSS选择器 精准选择标签，使用外观、盒模型相关属性完成网页全部内容，利用浮动、定位等布局技巧精准控制网页布局，结合背景、圆角、阴影等装饰属性进一步美化网页效果，达到能够编写企业级大型综合网页。

JavaScript

• 1. 掌握JavaScript基础语法，培养编程逻辑思维
• 2. 掌握DOM和BOM对象的常用属性和方法，能够完成网页常见的交互效果
• 3. 能够使用 axios 实现 Ajax 操作，为后续项目课做好技术铺垫
• 4. 能够运用 Git 管理前端项目，并且使用 Git 分支进行多人协同开发
• 5. 能够使用 Promise 与 async/await 高效的实现异步操作

Vue.js

通过 Vue2 和 Vue3 的基础学习，掌握企业开发中常见业务功能实现；通过深入 Vue 技术栈学习 vue-router vuex vant element-ui 等主流技术，掌握企业级项目开发方式，如移动端H5项目实与PC端管理项目；通过 Vue3 结合 TypeScript 的技术学习，掌握大型企业级项目开发技巧。

2023年Web前端开发学习路线图_黑马程序员官方的博客-CSDN博客扎实的技术基础功+真实项目实战经验，才是好就业的关键。不止于此，黑马程序员帮助已就业学员继续提升！技术的提升永无止步，碎片时间学习进行各种技术强化前端学习路线图概览：HTML5+CSS3+实战项目 → 移动webJavaScript基础 → JavaScript核心Web APIs → 数据交互 & 异步编程Ajax\\Git框架前置课Nodejs&es6 → Vue2+Vue3全套React → TypeScript → 微信小程序。https://blog.csdn.net/itcast_cn/article/details/128806937

二、如果你想找到一份好工作，需要从这些方面进阶：

大部分情况下你多会了一门编程语言/框架/库的使用，这的确可以让你做的事情更多了，但你距离真正的技术进阶还很远。

对于前端来说，你需要掌握框架的基本使用，学会开发一个完整的项目流程。进阶内容：

• js 熟悉，原型链，事件循环...都熟记于心
• node
• docker
• nginx
• webpack
• babel + ast
• 前端安全性
• 持久化数据(数据库)
• 至少熟悉一门后端语言(java, php, python)
• 单元测试，集成测试

进阶必读书籍：

• 《你不知道的 JavaScript 上/中/下卷》：必买书籍，将 JavaScript 的疑难问题，细节知识一网打尽。原版是 GitHub 上开源的电子书，英语水平高的可以去读英文原版。
• 《JavaScript 忍者秘籍》：深入讲解 JavaScript 的核心知识点，必买书籍。
• 《了不起的 JavaScript 工程师》：从宏观来看 JavaScript 语言，以及前端工程师所需要掌握的一些技能，推荐阅读。
• 《JavaScript 函数式编程指南》：学习函数式编程思想
• 《JavaScript 函数式编程》：也是一本函数式编程思想的好书
• 《JavaScript 设计模式》：学习 JavaScript 设计模式，推荐阅读
• 《JavaScript 设计模式与开发实践》：另一本同等分量的设计模式书籍，推荐阅读
• 《锋利的 jQuery》：jQuery 现在已经很少有人用了，除非是很老的项目或者写小东西。不过这本书值得买，学习 jQuery 的优秀思想，还可以去学习一下它的源码，对你进阶很有帮助。

进阶选读书籍：

• 《高性能 JavaScript》
• 《JavaScript Web 应用开发》
• 《深入理解 JavaScript》
• 《JavaScript 经典实例》
• 《JavaScript 面向对象编程指南》
• 《JavaScript 编程精粹》

三、如何独立完成项目

项目阶段要知道一个项目的整体框架和设计思路：

• 确定框架和技术点（一般来说开源的项目，都整理好了，就算没整理，评论区的大牛也有整理出来的）
• 开发工具确认
• 开发规范+命名规范（这点在职场上很重要，所以学习项目的时候要注意）
• 后面就是技术点的学习并且要了解业务。
• 前期是抄一抄，可以借鉴一些社区的技术文章
• 后期可以在学会的基础上优化一些什么，然后变成自己的经验。

比如我们构建一个实时聊天应用的话：

• 首先使用create-react-app或者vue-cli来创建项目
• 使用现有的Sass服务商，例如极光IM、腾讯IM、网易云信，它们都有免费使用的额度。
• 使用http://socket.io框架自行搭建聊天服务
• 使用Node.js自行搭建websocket服务

比如电商项目的话：

• 使用create-react-app或者vue-cli来创建项目，使用Node API来构建后台服务
• 使用Postgres或者MongoDB数据库，使用像Prisma（Postgres）或者Mongoose (MongoDB)这样的ORM框架
• 使用支付宝、微信接入支付功能
• 将Node API和前端应用部署阿里云、腾讯云等

前端开源项目整理，送给大家！

• React Native Paper：基于 React Native 的 Material Design UI 组件库。链接：https://github.com/callstack/react-native-paper
• TensorFlow.js：基于 TensorFlow 的 JavaScript 库，用于在浏览器和 Node.js 中进行机器学习和深度学习。链接：https://github.com/tensorflow/tfjs
• VS Code：一个轻量级且强大的代码编辑器，由 Microsoft 开发。链接：https://github.com/microsoft/vscode
• Home Assistant：一款开源的智能家居平台，可以将不同的智能设备整合到一个平台上。链接：https://github.com/home-assistant/home-assistant
• OpenCV：一个计算机视觉库，可以用于处理图像和视频。链接：https://github.com/opencv/opencv
• Node.js：一个基于 Chrome V8 引擎的 JavaScript 运行环境，可以用于服务器端应用程序的开发。链接：https://github.com/nodejs/node
• WordPress：一个流行的开源内容管理系统，可以用于构建博客、网站和电子商务网站等。链接：https://github.com/WordPress/WordPress
• FastAPI：一个快速（高性能）的 Web 框架，用于构建基于 Python 的 API。链接：https://github.com/tiangolo/fastapi
• Rust：一种快速、安全和并发的系统编程语言，由 Mozilla 开发。链接：https://github.com/rust-lang/rust
• Electron：一个基于 Web 技术的桌面应用程序框架，可以使用 HTML、CSS 和 JavaScript 构建跨平台的桌面应用程序。链接：https://github.com/electron/ele

四、学习提升方向

作为前端程序员要真正掌握数据结构和算法, 必须先从每一个微小的程序设计开始，摆脱边写边想的开发方式，认真理解和思考程序的现实面，并通过你所了解的数据结构和算法，将现实面抽象出来变成数字面，而只有在这样一次一次的设计中不断积累经验，不断深入掌握和理解并学习各种数据结构和算法。

推荐一些数据结构和算法的经典书籍：

• 《剑指offer》
• 《程序员面试金典（第 6 版）》
• 《编程之美》
• 《漫画算法》
• 《算法图解》
• 《程序员代码面试指南》
• 《大话数据结构》
• 《趣学算法》
• 《学习 JavaScript 数据结构与算法》
• 《数据结构与算法：JavaScript 描述》
• 《算法（第四版）》
• 《算法导论》
• 《算法竞赛入门经典（第二版）》
• 《算法竞赛入门经典 训练指南》

学好数据结构和算法很重要，这是计算机的思维方式，比如说分治算法的思想，对模块设计以及系统设计都有着较大的影响。