本文通过一组大图展示了Web开发技能图谱，给出了作为Web 开发者可以采取的路径，以及总结了想要成为Web工程师的朋友们。希望和大家一起交流分享

介绍

Web 开发的角色一般说来，包括前端、后端和devops 三个角色，作为开发者可以任选一项开始。下图左边列出了这些角色共同所需的技术

  • Git-版本控制工具
  • SSH-远程登录和安全操作的工具
  • 基本的终端使用知识
  • 养成研究的习惯
  • 数据结构和算法
  • 字符编码知识
  • 开源托管平台GitHub的使用方法 设计模式（可选）

前端路线图

作为Web前端，首先应该HTML，CSS和JavaScript“三驾马车”的基本知识，然后在此基础更深入学习各自的框架，以及更高级的设计方法、设计模式等等

后端路线图

对于Web后端开发，需要掌握的技能不比少，其可选择的语言更是五花八门，其中可供选择的动态语言和框架有：Ruby，Python，Node.JS，PHP7。Java和C# 作为静态的代表仍然很流行，不过，现在Go出来之后，Web开发也逐渐流行起来。出来之外，要想真正成为后端高手，还必要掌握许多有关Web Server，缓存、消息队列…等等一系列技术，老实说，实在不易

DevOps路线图

DevOps这个角色比较新，一定要把它和传统的系统管理员角色分开。其技术栈更为广泛，包括以下主要内容

  • 操作系统
  • 云计算平台
  • 运维自动化工具
  • 持续集成/持续交付（CE/CD） 监视和报警
  • 日志管理和分析
  • 集群管理
  • 容器技术
  • Web服务器
  • 对终端要情有独钟，对脚本语言驾熟就轻

本文以图表形式说明了Web 开发者的技能图谱，每个角色的技术栈都不简单，作为初学者应该自己的兴趣以及基础进行角色定位，以期获得最大的进步和乐趣

2018年成为Web开发者的路线图的更多相关文章

  1. Web 开发者学习路线图

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

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

    2018 Web 开发者路线图[转载] https://qianduan.group/posts/5a66f36e0cf6b624d2239c74?hmsr=toutiao.io&utm_me ...

  3. 2019 Web开发学习路线图

    以下 Web 开发人员学习路线图是来自 Github developer-roadmap 项目,目前已经有繁体版翻译 developer-roadmap-chinese. 主要有三个方向,分别为前端开 ...

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

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

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

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

  6. 微信小程序IDE（微信web开发者工具）安装、破解手册

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

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

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

  8. 使用eclipse+fiddler+微信web开发者工具调试本地微信页面

    前面已经说了调试服务器上的微信页面,放链接:http://www.cnblogs.com/Gabriel-Wei/p/5977850.html 还有fiddler调试链接:http://www.cnb ...

  9. 使用微信web开发者工具调试微信企业号页面（前端页面，已发布在服务器上的）

    前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大.这篇文章只是做一个记录,方便自己以后使 ...

随机推荐

  1. THINKPHP_(3)_TP6中实现多层关联，第一个表关联第二个表查询出的数据，再关联第三个表

    问题: (1)canxunDanwei数据表对应的模型中有一个关联是: public function canxunDanwei() { return $this->belongsTo('\ap ...

  2. JS设置GridView中的RadioButton只能选中一个

    //JS&JQuery $(document).ready(function () { //点击跳转链接返回浏览器历史的上一个页面 $("#btnBack").click( ...

  3. vscode使用版本控制git commit unstaged时提示对话框的设置

    使用 vscode 版本控制提交代码时,如果有 unstaged file,会有一个弹出框: 选择 always 或者 never ,这个框下次就不再弹出了. 如果你想让他再次出现,请去setting ...

  4. 【NX二次开发】属性操作相关函数的使用方法

    内容包括:1.属性创建2.判断属性是否存在3.读取属性值4.时间属性转换成字符串5.统计属性的数量6.删除指定属性7.删除全部属性效果: 源码: #include <stdlib.h> # ...

  5. 【NX二次开发】Block UI 文本颜色/字体/宽度

    属性说明 常规     类型 描述     BlockID     String 控件ID     Enable     Logical 是否可操作     Group     Logical 是否分 ...

  6. 【NX二次开发】Block UI 属性类型

     Block UI 属性类型的读写总结: 帮助文件 NXOpen::BlockStyler::UIBlock::GetProperties() String类型 //设置值 this->块ID- ...

  7. UG_PS Parasolid相关的操作

    Open C UF_PS_ask_current_highest_tagUF_PS_ask_current_partitionUF_PS_ask_entity_partitionUF_PS_ask_j ...

  8. 「10.19」最长不下降子序列(DP)·完全背包问题(spfa优化DP)·最近公共祖先(线段树+DFS序)

    我又被虐了... A. 最长不下降子序列 考场打的错解,成功调了两个半小时还是没A, 事实上和正解的思路很近了,只是没有想到直接将前$D$个及后$D$个直接提出来 确实当时思路有些紊乱,打的时候只是将 ...

  9. 【模拟7.25】回家（tarjan V-DCC点双连通分量的求法及缩点 求割点）模板题

    作为一道板子题放在第二题令人身心愉悦,不到一个小时码完连对拍都没打. 关于tarjan割点的注意事项: 1.在该板子中我们求的是V-DCC,而不是缩点,V-DCC最少有两个点组成,表示出掉一个块里的任 ...

  10. 如何设置Python环境变量

    大家好,我是Yivies.相信很多python的初学者们在进行一顿下一步下一步的安装之后,在windows command命令行输入python的时候会出现这样的情况: 可我们希望它是这样子的: 其实 ...