开发者如何实现技能升级、薪资翻番?
消息来源:baojiabao.com 作者: 发布时间:2026-05-18

回顾成为一名前端开发者的历程,正如同如今已自我认可的人回忆过往,曾经可能是一个充满荆棘及曲折的道路。就现在而言,那些时光最难忘,而记录这条路线也将是一件有趣且有价值的事情。本文分享了四位开发者学习前端技术的路线图,接下来,我们共同来研究一番。
Kamran Ahmed 的 2018 年现代前端开发指南
想要成为一名成功的前端开发者,那么需要学习以下知识点:
学习 HTML 基础知识;
学习一些 CSS;
学习基础的 JavaScript;
了解一下 jQuery:现在新的项目中,jQuery 的使用已经没有那么广泛,了解一下即可;
学习包管理器;
CSS 预处理;
CSS 框架;
CSS 编程方式;
构建工具;
选择一个框架,如 React、Vue 和 Angular;
学习渐进式 Web App;
了解静态类型检查器;
服务器端渲染。
更多内容可参考:https://medium.com/tech-tajawal/modern-frontend-developer-in-2018-4c2072fa2b9c
AdamGo??b 的 React 开发者路线图
GitHub 地址:https://github.com/adam-golab/react-developer-roadmap
了解基础的知识点:HTML、CSS、JS;
进阶技能:学习 GIT、了解 HTTPS 协议、使用 Google 搜索引擎、熟悉终端、了解算法和数据结构、阅读相关设计模式书籍;
在相关网站上学习 React 知识点;
熟悉使用的工具:包管理器,如 npm、yarn、pnpm;Task Runners,如 npm 脚本、gulp;
学习 CSS 预处理器、CSS 框架、CSS 算法、JS 中的 CSS 样式;
学习状态管理;
路由;
了解 API 客户端;
学习实用库;
单元测试、终到终端测试、集成测试;
服务器端渲染;
静态站点生成器;
后端框架集成;
移动应用开发:React Native、Cordova/Phonegap;
桌面应用开发:Proton Native、Electron、React Native Windows;
虚拟现实:React 360。
Adnan Ahmed 的 2018 年现代后端开发指南
可以通过学习以下知识点,更好地掌握后端开发技术:
学习一门编程语言;
学习包管理器;
了解标准做法和最佳实践;
务必要读一读有关安全性的最佳实践;
学习测试;
学习如何在关系型数据库中永久保存数据;
学习一个框架;
学习一种 NoSQL 数据库;
学习如何在应用级别实现缓存;
理解 REST 并学习 RESTful API;
学习不同的认证方式;
学习消息传递机制;
了解搜索引擎;
学习使用 Docker;
Web 服务器的知识;
学习如何使用 WebSocket;
学习如何用 GraphQL 编写 API;
学学如何使用 Neo4j 或 OrientDB。
Flavio Copes 的 2018 年成为 Vue.js 开发者的路线图
要成为一名熟练的 Vue.js 开发者,需要学习以下基础知识:
Web 工作原理的基础知识;
HTML、CSS;
DOM(https://flaviocopes.com/dom/);
浏览器工作原理;
JavaScript 基础知识、事件处理、最新的 ES6-7-8 功能;
Git(https://flaviocopes.com/git/);
如何使用终端;
Vue 基础知识;
WebPack;
如何使用 npm 或 yarn 安装依赖包;
如何使用 npm 脚本运行任务;
CSS 现代工具:SASS、PostCSS;
一个 CSS 框架,如 Tailwind、Bootstrap 或其他;
如何在 JS 中运用 CSS 使用单个文件组件;
如何使用组件、vuex 及其库来管理状态;
如何使用 prop 类或 TypeScript 检查类型;
如何使用 vue-router 处理路由;
学习 Axios 或 fetch 使用,以及了解 GraphQL / Apollo / REST;
使用像 lodash 或 moment 这样的实用库;
如何使用 Jest 和 Vue Test Utils 进行测试;
如何使用 Cypress 或 Puppeteer 或其他工具进行端到端测试;
如何使用 Electron 构建桌面 Vue 应用程序;
如何使用 vue-i18n 国际化应用程序;
如何实现服务器端呈现。
原文:https://css-tricks.com/developer-roadmaps/
作者:CHRIS COYIER
编译:屠敏
相关文章
B站怎么炸崩了哔哩哔哩服务器今日怎么又炸挂了?技术团队公开早先原因2023-03-06 19:05:55
苹果iPhoneXS/XR手机电池容量续航最强?答案揭晓2023-02-19 15:09:54
华为荣耀两款机型起内讧:荣耀Play官方价格同价同配该如何选?2023-02-17 23:21:27
google谷歌原生系统Pixel3 XL/4/5/6 pro手机价格:刘海屏设计顶配版曾卖6900元2023-02-17 18:58:09
科大讯飞同传同声翻译软件造假 浮夸不能只罚酒三杯2023-02-17 18:46:15
华为mate20pro系列手机首发上市日期价格,屏幕和电池参数配置对比2023-02-17 18:42:49
小米MAX4手机上市日期首发价格 骁龙720打造大屏标准2023-02-17 18:37:22
武汉弘芯遣散!结局是总投资1280亿项目烂尾 光刻机抵押换钱2023-02-16 15:53:18
谷歌GoogleDrive网云盘下载改名“GoogleOne” 容量提升价格优惠2023-02-16 13:34:45
巴斯夫将裁员6000人 众化工巨头裁员潮再度引发关注2023-02-13 16:49:06
人手不足 韵达快递客服回应大量包裹派送异常没有收到2023-02-07 15:25:20
资本微念与李子柒销声匿迹谁赢? 微念公司退出子柒文化股东2023-02-02 09:24:38
三星GalaxyS8 S9 S10系统恢复出厂设置一直卡在正在检查更新怎么办2023-01-24 10:10:02
华为Mate50 RS保时捷最新款顶级手机2022多少钱?1.2万元售价外观图片吊打iPhone142023-01-06 20:27:09
芯片常见的CPU芯片封装方式 QFP和QFN封装的区别?2022-12-02 17:25:17
华为暂缓招聘停止社招了吗?官方回应来了2022-11-19 11:53:50
热血江湖手游:长枪铁甲 刚猛热血 正派枪客全攻略技能介绍大全2022-11-16 16:59:09
东京把玩了尼康微单相机Z7 尼康Z7现在卖多少钱?2022-10-22 15:21:55
苹果iPhone手机灵动岛大热:安卓灵动岛App应用下载安装量超100万次2022-10-03 22:13:45
苹果美版iPhone可以在中国保修 从哪看怎么查询iPhone的生产日期?2022-09-22 10:00:07










