全栈开发人员修炼指南!

2018-05-23 16:05    点击次数:

俗话说:技多不压身!

这么一个传统观念充斥着每一个行业希望进取进步的人们,

当然包括了互联网行业。

作为互联网行业”技多”的头号标签就是“全栈”,

作为公司之中的技术负责人,

“深度”和“广度”哪个更为重要,

一直是一个争论不休的话题。

1.jpg

据调研,全栈网络开发是目前最受欢迎的开发职业。

全栈的定义是什么? 度娘给出的答案是:

全栈工程师,也叫全端工程师,英文Full Stack developer。

是指掌握多种技能,并能利用多种技能独立完成产品的人。

相信很多人不认同此观念,

但是不得不说,绝大多数的开发者都以此为目标。

今天有缘,小久九看你骨骼精奇,

特将这份全栈开发修炼指南无偿赠予你,

指南中列出了你需要学习的东西。

还望少侠,好好阅读,细细品味!


image.png

全栈 Web 开发人员是能够工作在应用程序的前端和后端的开发人员。前端通常是指应用程序中用户将看到或交互的部分,后端是应用程序中处理逻辑、数据库交互、用户认证、服务器配置的部分。全栈开发并不意味着你已经掌握了前端和后端工作所需的一切,而是意味着你可以在双端工作并理解构建应用程序时发生的情况。


image.png

几乎所有程序,无论是在线的还是离线的,都在说明要成为 Web 开发者需要从 HTML 和 CSS 开始,因为它们是 Web 的基石。简单地说,HTML 让你给网站添加内容,而 CSS 则为这些内容添加样式。下面的主题都是关于 HTML/CSS 的,在面试和工作中都经常遇到:

  • 语义化的 HTML。

  • 解释 CSS 盒模型。

  • CSS 预处理器的优点(你不需要深入理解,但应该知道这是什么以及它们对开发起到的辅助作用)。

  • 使用 CSS 媒体查询针对不同的设备编写响应式的 CSS。

  • Bootstrap (一个辅助页面设计和布局的框架,大量在线程序或学校都关注 Bootstrap 教学。实际上,深入理解基本的 CSS 比理解特定的 Bootstrap 特性和方法更为重要)。

2.jpg


image.png

JavaScript 语言一年比一年流行,新的库、框架和工具层出不穷。Stack Overflow 2016 年的开发者调查指出,JavaScript 在全栈、前端和后端开发中都是最流行的语言。它是浏览器唯一支持的原生语言,同时也能作为服务器端语言(下面会看到 Node.js)。下面是一些作为全栈开发者所需要了解的主题:

  • 理解如何使用 DOM。了解 JSON 并知道如何操作它。

  • 重要的语言特性,比如函数式成分、原型继承、闭包、事件委托、作用域、高阶函数等。

  • 异步控制流、Promise 和 回调。

  • 了解如何正确地通过模块化组织你的代码,像 webpack、browserify 或者 gulp 这样的构建工具对此大有裨益。

  • 至少会使用一个流行框架(很多程序将重要放在教你使用像 React 和 AngularJS 这样的库或框架,但实际上更重要的事情是深入理解 JavaScript 语言而不是特定的框架特性。只要你精通 JavaScript,选用一个框架将不费吹灰之力)。

  • 虽然有些人可能认为你应该减少使用 jQuery,因为它正趋于死亡。但 jQuery 代码仍然存在于大量应用中,彻底理解它会对你很有帮助。

  • 了解一些关于测试框架的知识,以及明白它们的重要性(有人甚至会认为这个话题可有可无)。

  • 学习重要的 ES6 新特性(可选)。

3.png


image.png

一旦你认为已掌握好 HTML/CSS 和 JavaScript 技能,你会向一门后端编程语言进军,以便处理类似数据库操作、用户认证以及应用逻辑的任务。所有在线练习平台和代码训练营通常集中于一门特定的后端语言,而实际上你选择哪一门也并不重要,只要你理解你正在做的事情并学到了你所选语言的本质。如果你问学哪一门后端语言最好,你会得到各种各样的无数的回复,所以下图我给大家列出了一些受欢迎的组合。

4.jpg


  • Node.js:这是一个很好的选择,因为 Node.js 本身就是 JavaScript 环境,这意味着你不需要学习新的语言。这也是很多在线平台和训练营为什么选择教学 Node.js 的原因。这里你最有可能学习的也是最受欢迎的能帮助你开发网络应用的框架就是 Express 。

  • Ruby:用 Ruby 开发比较受欢迎的开发框架有 Rails 和 Sinatra 。很多教学平台把 Ruby 作为首选后端语言。

  • Python:Python 受欢迎的开发框架有 Django 和 Flask 。

  • Java:现在 Java 语言很少被选中作为全栈网络开发的教学语言,但是一些公司现在还是使用 Java 作为后端语言,所以现在也还是一门有相当需求量的语言(见上图)。

  • PHP:PHP 现在也很少被这些平台教学选中,但就像 Java 一样,它也还是有一定的需求量,而且也是当今网络发展的基石。


image.png

编写 Web 应用的过程中,有时候需要保存数据,以便稍后再进行访问。那么最好掌握下面这些有关数据库和存储的主题。

  • 理解关系型数据,比如 SQL,带来的好处。

  • 学习 NoSQL 数据库,比如 MongoDB。

  • 知道在某些情况下,哪一种更合适。

  • 知道如何使用你的后端语言连接数据库(比如 Node.js + MongoDB)。

  • 知道像 Redis 或 memcached 这类内存数据存储的优势。

  • Web 存储可在浏览顺中存储会话、Cookie 以及缓存数据。

  • 伸缩型数据库、ACID 和 ORM (都是可选的)。

5.png


image.png

HTTP 是应用于互联网的一项无状态应用协议 —— 它规范了客户端连接到服务器的行为(比如 JavaScript 代码通过 AJAX 请求后端服务器中运行的代码就是采用的 HTTP)。下面列出了你应该了解的重要主题:

  • 什么是 REST 以及它为什么对 HTTP 协议和 Web 应用来说很重要。

  • 设计 RESTful API 的最佳实践。POST/GET 请求。

  • 学会使用 Chrome DevTools 是极其有用的。

  • SSL 证书是什么。

  • HTTP/2 & SPDY (可选)。

  • WebSockets、Web Workers,以及 Service Workers (均可选)。

6.png


image.png

当你认为已经掌握了 HTML/CSS、JavaScript、后端编程、数据库 和 HTTP/REST ,你就到了难对付的部分了。这时,如果你想创建一个稍微复杂的 web 应用,你需要了解如何组织代码,如何分割文件,往哪里保存大量媒体文件,如何结构化数据库里的数据,何处执行特定的计算任务(客户端还是服务器端),以及更多其他问题。

以下书籍或文章可以帮助你学习如何有效架构你得网络应用: 

  • 学习通用的平台即服务,比如 Heroku 和 AWS 。Heroku 允许你做很少的配置或服务器维护,即可轻松上传代码,并执行应用。AWS 提供许多产品和服务帮助解决存储、视频处理、负载均衡以及其他更多其他的问题。

  • 应用和流行浏览器的性能优化。

  • 关于网络应用架构应该考虑哪些要素的一些观点。

  • 微软文档:设计网络应用。

  • 模型-视图-控制器编程模式(MVC)。

  • 当然,最重要的还是应该尝试与别人合作项目,阅读 Github 上受欢迎的代码,以及尽可能向资深开发员学习。

7.png


image.png

Git是一套版本控制系统,它允许开发团队的开发人员跟踪代码库的所有更改。了解与 Git 相关的一些事项非常重要,它能让你了解如何正确获取错过的最新代码,更新部分代码,修复并修改其他人的代码,而不会发生任何意外。 你一定要学习 Git 背后的概念,并多做尝试。

  • 这里是一个参考列表,它列出了你将会使用到的 git 命令。

  • 这里是一本手册 对 Git 和 GitHub 的初学者很有用。

    8.png


image.png

这个话题在开发世界中有点两极分化,因为有些开发人员认为在 Web 开发中不应该如此重视计算机科学的主题诸如树的遍历、排序、算法分析、矩阵操纵等。然而,像谷歌这样的公司在面试中问这些类型的问题是出了名的。 有人说谷歌的前端工程师面试:也就是说,正如  Ryan McGrath 所提到的,我们的前端(FE)工程师要有一个坚实的计算机科学(CS)背景,就像我们所有的工程师一样。

虽然有些公司确实要求申请人拥有计算机科学学位或同等学历,也有很多公司愿意雇佣没有这个技术资格的人,如果他们能够证明他们懂得如何开发应用程序和展示出对整个域的理解。但是,作为一个合格的开发人员,而不是编写低效的代码或使用错误的工具,部分要求是理解一些基本算法和数据结构,能够分析权衡。所以你一定要学会一些东西:

  • 研究哈希表并试着在更深的层次上理解它们。这个数据结构构成了 JavaScript 中的对象(Python 中的字典,Ruby 中的哈希)的基础。 

  • 理解树和图作为数据结构有何益处。

  • 理解算法复杂度分析的基础知识,所以你不会做傻事,像创建实际上没必要创建的3层嵌套的循环!

  • 懂得何时使用对象或是数组,并懂得取舍。

  • 了解为何在处理大量数据时缓存是如此重要。也要了解内存存储和磁盘存储各自的利与弊 。

  • 了解队列和栈的区别 。

9.png

(以上内容及资料均来自网络,侵权请告知删除)