当您不熟悉某项东西时，通常很难在您选择的学习道路上使用大量可用资源。 这是我发现有用的资源的完整列表，我认为前端开发人员（包括新手和经验丰富的开发人员）也可能会喜欢。
大多数资源都是免费的。 如果没有，那么订阅费用通常约为每月几杯咖啡的价格（如果不低于此价格）。
编码路径
编码路径之所以出色，是因为它们通常会为您提供所需的指导，以使您学习所选的技术或路径变得更加容易和快捷。 有一些类似Code Academy的流行语言，但是这里还有一些其他选项，也可以从Internet上获得。
便当 —几年前，我发现了Bento.io，发现它们对需要指导和资源的初级开发人员很有用。 Bento.io是来自其他来源的其他资源的集合，放置在可跟踪的路径布局中，以帮助您跟踪进度。
FreeCodeCamp —如果您还没有听说过FreeCodeCamp，则应该真正将它们检出。 每个认证费用估计约为300小时。 如果您超级敬业，则可以在一个月内赚到钱。 他们的前端证书是react和Redux的。
egghead.io —这是一项付费服务，但以您的年度咖啡消费价格为基础，订阅egghead.io绝对值得。 过去，我过去曾与他们订阅过，很可能会在我个人的深度学习年度再次订阅。
角度的
Angular是我早在2013年就开始使用的前端技术。自那时以来，该框架已发展壮大并不断完善。 相比之下，Angular 2+看起来并不像它的前身-而且更好。 完成了多个项目后，一旦您掌握了这些想法，就可以很轻松地进行操作。 还有大量可用资源，并且在世界各地都有非常强大的社区。
CodAffection（YouTube） —如果您想要一个全面的代码来教您使用Firestore的基础CRUD，那么这个家伙是很棒的。 如果您对Angular的工作已经有了一点点了解，并且比通常的Angular教程介绍更高级，那么他会很棒。
角度模板 —该网站有6个写得很好的文章，内容涉及CRUD，国际化，MEAN和表单验证。 这里的教程解释了为什么某些事情以某种方式很好地完成了。
Todd Motto-在我的Angular事业开始时，我对Todd Motto有点迷。 从他的博客中可以获得很多知识。 还有一个漂亮的目录，可让您快速了解每一篇文章将学到的内容。
深度角度 -这是一家中型刊物，出版了许多写得很好的Angular相关故事。 个人经验故事和编码指南很好地结合在一起。
Angular中的Adventures —如果您有时间杀死通勤者或想增加通勤时间，那么Angular中的Adventures是一个很棒的播客系列。
反应
React是街区上最新的孩子，并且在我所居住的城市中最受欢迎。这意味着，尽管我致力于Angular，但我仍需要适应需求并最终制作出我的第一个React应用-我将来可能会写关于。
有人告诉我它非常简单，但是如果不小心，很快就会变得复杂。 当我开始创建我的第一个应用程序时，对框架的最终判断将是很有趣的。 尽管如此，这里还是建议/目前正在寻找的一些资源。
响应Native Radio —如果您没有访问DevChat.tv，那么您应该这样做。 他们有出色的社区驱动播客节目，讨论和教授不同的技术堆栈。 React Native Radio是面向React开发人员的平台，具有经验丰富的React开发人员作为来宾。
学习React之路 —如果您不确定学习React的起点 ，这是一个很好的现场指南。 这是一本leanpub书，这意味着您可以自己支付价格。
React快速课程 （YouTube）-这是YouTube上涵盖React的最全面，最完整的初学者课程之一。 这些视频的长度简短易懂，这意味着您无需坐在长达一个小时的编码教程中。
使用React构建应用程序-实时编码系列 （YouTube）-最好进行编码，特别是如果您不熟悉特定的框架。 这使您可以查看其他人的编码方式，并与您的技能水平进行比较。
在模式中反应 -这是一本很棒的书。 代码中的所有内容都是由模式组成的。 让自己接触常见的React模式以加快工作流程。
30天的React —如果您正在寻找一个易于理解和理解的指南，请花30天的时间来完成React。 内容是针对绝对初学者的。
Redux
虽然我过去已经看过React代码。 Redux对于它来说是一个陌生的领域。 经过一番研究和探索，结果证明redux是一个状态容器。 人们告诉我，React和Redux之间有着牢固而亲切的关系。 我还没有发现。 以下是一些资源，可帮助您开始使用Redux。
大码冒险 —当我开始学习一个新的框架时，通常我会先深入研究CRUD应用程序，以便对所有东西如何组合有很好的了解。 这8个系列的文章将教您这一点。
全栈Redux教程 —该教程尽管很长，但于2015年发布，仍然很有意义，对于框架的新手来说是一个很好的开始。 尽管有大量的阅读内容，但它并不适合胆小者。 但是，如果您成功做到了这一点，那么将从中获得大量知识。
Redstastagram —在大约2.5个小时内为您提供Redux背后的核心思想，React Router和React.js。 如果您没有太多时间，那么本教程适合您。
反应Redux链接 —这个github回购背后的人花了一些时间为React和Redux学习路径制定学习路线图。 它基本上是与其他资源的链接，但是他构造一切的方式甚至可以扩展经验丰富的React / Redux开发人员的技能。
Vue
Vue推销自己为构建界面的渐进框架。 这意味着它可以直接插入现有代码库，这使其成为一个灵活的框架。 但是话又说回来，React和Angular也可以这样说。 不过，这里有一些有趣的教程，您应该检查一下。
Laracasts-如果您正在学习结构化学习，Laracasts会提供有关Vue的精彩系列文章。 它确实要花钱，但是如果您可以在一两个月内全部学习完，那么价格还算不错。
Vue手册 -如果您希望了解Vue，则这本免费书值得阅读。 它具有所有基础知识以及更多内容，并且以合乎逻辑的和新手友好的方式进行结构化。 唯一的价格是您的电子邮件地址，以便该人员可以自动通过电子邮件将pdf发送给您。
使用Vue构建应用 —本教程位于scotch.io上，它也是其他与代码相关的资源的好网站。 本教程侧重于初学者资料，也是快速启动Vue之旅的好地方。
Vue + Veux-入门 — Matt Bradford在Vue和Veux教程中做得相当出色，编写简洁，并附带了代码。 如果您想快速入门，那么应该给这9分钟的向导以帮助。
节点
节点用作您的JavaScript服务器端。 这使得前端开发人员可以访问创建API和后端。 网页除非连接到某物，否则它本身不会做很多事情；否则，它只是互联网上的静态广告牌。
Guru 99 —到Guru 99的链接有望教您Node的基础知识。 这意味着您将在不到一周的时间内启动并使用该技术。 有一个课程表，内容结构良好。
Node入门 -Rising Stack包含大量积压的文章，其中包含简明易懂的教程，这些教程总共增加了一份入门风格指南。 该应用程序已进入Heroku / Docker部署，可用于将来可投入生产的应用程序。
Mozilla Express / Node简介 -许多人经常浏览MDN Web文档，但是他们的指南通常非常有用，可以很好地启动节点项目。 它也是可用的较技术性的在线文档之一，但同时仍易于理解。
极客代码 -这个网站是大量的前端技术资源库。 它们在节点上非常繁重，但也涵盖了express，Angular，Meteor，Sails，MongoDB，RethinkDB，mySql和RaspberryPI。
GIT
命令行基础知识 —如果您想被视为合适的开发人员，Git是您需要学习的东西之一。 你无法逃脱。 在任何地方都是必要的。 本教程只有30分钟，涵盖了您日常开发所需的95％的内容。
