2018 Web 开发者路线图[转载]

https://qianduan.group/posts/5a66f36e0cf6b624d2239c74?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io

文本编译自 Roadmap to becoming a web developer in 2018。原作者 Kamran Ahmed 解释说做这个路线图的原因是为了给一个他认识的老教授使用,分享给在校的大学生们,让他们对 Web 开发者这个职业有一个清晰的认识。

如果你还是一个学生,或者一个入门的 Web 开发者,也许踌躇满志,想做一番事业,只是对这个职业略感迷茫,新技术层出不穷,何去何从,希望下面这个四个路线图能够为你所用。

Web 开发者的3个方向

Web 开发者的三方方向分别为前端开发、后端开发和运维。

  • 黄色:推荐;
  • 灰色:尽可能学习;
  • 橙色:任选其一。

可以看到,作为 Web 开发者,不管从事什么职位,下面这些技能点是必须掌握的:

  • Git,代码版本管理,外刊君推荐阅读 progit 这本书;
  • SSH;
  • HTTP/HTTPs 和 API,想要真正成为一名 Web 开发者,对 HTTP 协议的了解是必不可少的;
  • 基础命令行的使用;
  • 学会钻研,养成碰到问题,通过自我学习的方式来寻找问题的解决方案,这一点有尤其重要;
  • 数据结构和算法,相信在通常的大学计算机学科这两门课都是要学习的;
  • 字符编码;
  • Github,Github(包括 Google、Stack Overflow)是 Web 开发者的宝矿,好好利用。

前端开发

随着前端技术的不断发展,原来流行的一些技术已经不再出现在下面这个图中。

外刊君划出一些自己认为的重点:

  • HTML;
  • CSS 本尊和 CSS3+;
  • JavaScript 本尊 和 ES6+;
  • React、Angular 或者 Vue;
  • Webpack 和 gulp;
  • Node.js 体系(包括 Node.js 服务端开发,npm 等)。

后端开发

原作者 Kamran Ahmed 推荐大家学习 Node.js 或者 PHP 7,他也喜欢 Go,再者则是 Ruby。

不过从中国的国情出发,以及从在各个领域取得的成绩和积累来看,Java 应该排在前列;除了语言的部分,就是本图中的其他黄色部门的学习都很重要,都是构建大型 Web 项目,丰富的功能所不可或缺的技能。

运维

在中型以上的公司,运维体系的建设必不可少,是快速开发和发布的保证,是线上服务稳定,用户体验提升的基石。

总结

感谢 Kamran Ahmed 为我们提供了一个清晰且与时俱进的路线图,如果你的老司机有新的点子或者建议,可以到 Github 上提交 PR 给原作者,完善这些路线图。

如果你 Web 马路上的萌新,也选定自己的一个方向,行动起来,在2018年顺利摘取小蓝旗,实现自己的人生目标吧。

好了,外刊君仔细看了一下这些路线图,虽然知道七七八八,还是有很多很多得学习起来,看书去了。

2018 Web 开发者路线图[转载]的更多相关文章

  1. 【转】2016/2017 Web 开发者路线图

    链接:知乎 [点击查看大图] 原图来自LearnCodeAcademy最火的视频,learncode是YouTube上最火的Web开发教学频道,介绍包括HTML/CSS/JavaScript/Subl ...

  2. 2018年成为Web开发者的路线图

    本文通过一组大图展示了Web开发技能图谱,给出了作为Web 开发者可以采取的路径,以及总结了想要成为Web工程师的朋友们.希望和大家一起交流分享 介绍 Web 开发的角色一般说来,包括前端.后端和de ...

  3. Web 开发者学习路线图

      2017 Web 开发者学习路线图(头图源自谷歌) 本文是源自 Github 上 Kamran Ahmed 建立的一个仓库.在文中,作者为他的老教授分享了一组成为前端与后端开发者以及 Devops ...

  4. Web开发者不容错过的10段CSS代码

    Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发.但仍然有一些开发者迷恋着一些CSS2代码. 本文将分享20段非常专业的CSS2/C ...

  5. 2018 Python开发者大调查:Python和JavaScript最配?

    在2018年秋季,Python软件基金会与JetBrains发起了年度Python开发者调查. 报告的目的是寻找Python领域的新趋势,帮助开发者深入了解2018年Python开发者的现状. 该报告 ...

  6. 每个Web开发者都该了解的12条命令行

    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者.原文出处:https://tutorialzine.com/2017/08/12-terminal-comma ...

  7. 在Linux系统下运行微信Web开发者工具

    微信Web开发者工具只有window版本和mac版本,如果想要在Linux系统下运行微信Web开发者工具,需要花费很大周折. 注:带 * 的步骤或文件为不确定是否管用的步骤或文件.本人系统为Linux ...

  8. 微信小程序IDE(微信web开发者工具)安装、破解手册

    1.IDE下载 微信web开发者工具,本人是用的windows 10 x64系统,用到以下两个版本的IDE安装工具与一个破解工具包: wechat_web_devtools_0.7.0_x64.exe ...

  9. Web开发者需养成的好习惯

    Web开发者需养成的8个好习惯 每个行业有着每个行业的标准和一些要求,自己只是一个进入前端领域的小白,但是深刻的知道,习惯很重要,就Web开发分享一下,要养成的一些好的习惯. 优秀的Web开发人员工作 ...

随机推荐

  1. Updatexml函数再mysql中的作用

    函数的解释 http://www.blogjava.net/chenpengyi/archive/2006/07/11/57578.html 我的理解就是updatexml函数具有查询功能 并且会再x ...

  2. DVWA--upload

    文件上传漏洞 0x01了解文件上传漏洞的用处是用来干什么的 什么是文件上传漏洞? 文件上传漏洞是指由于程序员在对用户文件上传部分的控制不足或者处理缺陷,而导致的用户可以越过其本身权限向服务器上上传可执 ...

  3. Linux shell - shift命令用法(转载)

    位置参数可以用shift命令左移.比如shift 3表示原来的$4现在变成$1,原来的$5现在变成$2等等,原来的$1.$2.$3丢弃,$0不移动.不带参数的shift命令相当于shift 1. 非常 ...

  4. php 防盗链

    防盗链的技术已经很普遍了,有些网站不喜欢自己的图片被别的网站直接复制使用,便使用了防盗链的技术,这样别人在直接复制使用网站图片时,图片便会按照程序的设定不显示或显示防盗链等字样. 使用了防盗链技术,不 ...

  5. Linux驱动开发8——中断处理

    中断包括软中断和硬中断两种,中断是一种异步I/O机制,即中断可以发生在任意时间点. 1.硬中断 硬件中断包括触发中断和处理中断两部分,而维系两者的是中断号,中断号是一种硬件资源. 1.1.注册和释放中 ...

  6. word中打字会覆盖下一个字

    insert键 误按了insert键,此时Word默认为改写模式,输入文本会覆盖后面的内容.

  7. Spring 缓存注解 SpEL 表达式解析

    缓存注解上 key.condition.unless 等 SpEL 表达式的解析 SpEl 支持的计算变量: 1)#ai.#pi.#命名参数[i 表示参数下标,从 0 开始] 2)#result:Ca ...

  8. Octavia 的实现与分析(OpenStack Rocky)

    目录 文章目录 目录 Octavia 基本对象概念 基本使用流程 软件架构 服务进程清单 代码结构 loadbalancer 创建流程分析 network_tasks.AllocateVIP netw ...

  9. windows的VMWare下NAT共享无线方式上网的配置

    1,本文参看: https://blog.51cto.com/13648313/2095288 VMware安装最新版CentOS7图文教程 https://blog.csdn.net/q215879 ...

  10. oracle ogg 单实例双向-新增表,修改表结构(oracle-oracle

    --新增inset测试--dept 表结构orcl,ogg都存在,数据相同(但是rep1配置文件没有添加) SCOTT@ orcl ,'hongquan','BBA'); row created. S ...