一年半以前，我涉足Web开发。 这是一个有趣但充满挑战的旅程。 随着我知识的不断增长，我意识到自己在此过程中已经保存了许多免费信息。 我花了一段时间，但我终于完成了所有排序。

我的链接集中在JavaScript，React和Node.js。 它由文章，教程，课程，讨论帖子和课程组成。 **一切都是免费的。**

还有很多信息可用来帮助您了解何时准备申请工作，面试准备，成功案例等等。

无论您是刚刚开始学习还是已经学习了一段时间，这里的每个人都应该有一些东西。

您可以在我的GitHub Repo中找到所有100多个链接，或者通过阅读以下内容：

目录

1. 从这里开始
2. 学习方法
3. 您拥有的最有用的CS书签是什么
4. 课程与课程
5. 学习HTML
6. 学习CSS
7. 学习JavaScript
8. 学习React.js
9. 全栈教程
10. 学习Node.js
11. 学习API
12. 学习数据库
13. 学习认证
14. 学习Git
15. 游戏与挑战网站
16. 免费编程书籍
17. 开源贡献机会
18. 我准备成为开发人员了吗？
19. 软件开发人员成功案例
20. 简历，投资组合，LinkedIn，面试准备和薪资信息

从这里开始

• 纵观全局 ： Web开发人员之路
• YouTube视频概述了学习内容（类似于以上内容，但采用视频格式）— 如果您想成为网络开发人员，请观看此视频
• 我没有CS学位（从中学到的东西）从零开始成为Web开发人员的旅程 （中）
• 当您在地址栏中输入google时会怎样？ [Reddit链接]
• Tuts Plus-每个Web开发人员都必须知道的HTTP协议
• 查找与本地Web开发相关的Meetup！

学习方法

• 如何学习。
• Coursera课程（非CS专用）- 学习方法
• 重复，重复，重复—关于学习技巧的精彩讨论Reddit Post

您拥有的最有用的CS书签是什么？

• 您拥有的最有用的CS书签是什么？ [Reddit链接]
• 在Y分钟内学习X
• CS专业人士应该知道什么
• Google的技术开发指南
• CSS技巧-完整的Flexbox指南
• 正则表达式备忘单
• 开发文档
• 很棒的编程清单
• 如何打入科技行业—求职和技术面试指南

程序和课程

程式

• 奥丁计划
• freeCodeCamp
• 基本的Web开发人员课程

班级

• SANITIZED 530多种免费在线编程/ CS课程（MOOC）列表，其中包含本月（2016年12月）可以提供的反馈（例如考试/家庭作业/作业） — 需要更新
• Udacity免费网络开发课程（Google）

什锦的Reddit链接

• 教程/截屏视频： 让我们学习算法：二进制搜索简介
• 关于编码训练营的思考
• 训练营完整指南
• 自学—我的编程笔记。 275页的内容[更新的Reddit链接] [原始的Reddit链接]
• JavaScript /节点/ Angular 1＆2 / React / Elm / C＃/ PHP / SQL / Git Google云端硬盘
• 观看和编码
• RegexOne-学习正则表达式
• Google University GitHub回购

学习HTML

任何人都有漂亮的HTML链接？ 在GitHub Repo上打开PR，然后添加它们！

学习CSS

• 您需要了解的有关Flexbox的所有信息 认真地我找到的最好的Flexbox资源
• 可视化CSS指南— CSS参考
• CSS Pro技巧 -帮助您掌握CSS技能的技巧的集合。
• 流畅的Web动画的10条原则

学习JavaScript

• JavaScript 文件

课程/教程

• Courses.AngularClass.com —主题包括：webpack，nodejs，npm，es5，es6，esnext和＆rxjs，打字稿
• [课程链接] [Reddit Post]
• Edabit —通过交互式挑战学习JavaScript：赢得XP，解锁成就并攀登排行榜
• [Edabit —网站链接] [Reddit Post]
• 免费的高级JavaScript课程—学习面向对象的编程，调用应用和绑定，测试，函数式编程等
• 中级课程— Udacity — OOP JS

专案

• 30天30到30个项目的JS 30
• 通过项目学习编码— enlight.ml
• 13周的JavaScript（中级） —大量JS资源链接

文章/书籍

• 递归，递归，递归（中）
• 口才的JS —免费的JavaScript电子书
• 您不知道JS —免费，托管在GitHub上
• JavaScript花园 —了解JS的古怪之处
• JS —好零件.pdf
• 学习js设计模式 -针对常见问题的可重用解决方案
• 异步模块定义

学习React JS

• 官方React 文档
• 官方React 教程

第三方教程

• 10个React Mini模式
• React入门的5个最佳教程
• 10个最佳ReactJS教程
• React Starter项目搜索
• 探索反应生态系统！ —文章
• 代码学院React程序
• 伟大的Free React书籍 -首先使用此链接

中等链接：

• React组件，元素和实例（中）
• 使用React
• React Router入门指南（中）
• Angular JS vs React JS（中）

全栈教程

• 后端Web开发简介
• 用Heroku部署应用程序
• 客户端服务器通信
• 无服务器堆栈是创建全堆栈无服务器应用程序的综合指南。 使用React.js，AWS Lambda，API Gateway，DynamoDB和Cognito从头创建笔记应用程序。
• Express —将数据库与Mongoose一起使用
• 节点JS和数据库
• 节点JS和身份验证
• Express JS数据库集成
• MERN堆栈教程-Mongo，Express，React，Node
• MongoDB MERN教程系列
• 全栈MERN教程-YouTube
• 使用Node，Hapi和Mongo构建URL缩短器
• 如何创建完整的Express.js + Node.js + MongoDB CRUD和REST骨架
• 使用react.js，express.js，node.js和mongodb构建Web应用程序 —第1、2部分
• Trello向Phoenix，React，Redux，PostgreSQL致敬 — 12个部分
• 使用React，Node.js，MongoDB和Socket.IO创建角色投票应用
• 构建一个React Universal Blog App：分步指南
• 构建安全的RESTful Node.js应用

别人创造的很棒的东西：

• 具有React，Bootstrap，Node.js和Postgres的比利时啤酒资源管理器
• 90个Full Stack React示例（有些带有tut）

学习Node JS

官方Node.js 文件

学习Node.js的最佳资源[Reddit链接]

• 的YouTube
• 节点学校
• 中—为什么要使用Node？
• 使用Node构建现代的后端API
• 使用Passport进行Node JS登录— YouTube
• 编写Node.js REST API的10个最佳实践

学习API

• 从哪里开始学习API [Reddit Link]
• 什么是API？ 请用英文。 （介质）
• 在10分钟内构建Node.js RESTful API
• Zapier免费提供API书籍/课程简介
• Google Maps API
• 距离计算器Web服务API
• 构建并保护后端API服务器

学习数据库

• SQL与NoSQL
• 关系数据库简介 -SQL，DB-API等！
• MongoDB大学 —有关学习MongoDB的众多课程
• PostgreSQL教程
• PostgreSQL练习
• 学习PostgreSQL（GitHub）
• 试试Redis
• Redis教程

学习认证

• 身份验证和授权：OAuth
• 了解有关JSON Web令牌的信息
• OAuth 2
• 使用React和Auth0的无密码身份验证

学习Git

官方教程 — 15分钟学习Git

官方文件

其他Tuts：

• Git，简单指南
• 学习Git分支-逐级学习
• 30分钟学习Git —文章
• 这是我上周使用的所有Git命令及其作用（中等）
• 为什么要使用GIT 不，我没有其他项目可向您展示

游戏和挑战网站

通过简单有趣的方式学习编程的游戏[Reddit Link]

• 柔韧的盒子
• 弹性盒子防御
• 爱达比特
• 编码游戏
• 电梯传奇-JS
• 从头开始-绝对基础
• 遭入侵-通过难题进行移动应用教学

编码挑战网站[Reddit链接] [Reddit链接2]

• 中级— 2016年10个最受欢迎的编码挑战网站
• 厨师
• 代码大战
• 编码游戏
• 骇客等级（对此有好有坏的一些辩论
• 欧拉计划（数学重点）
• 运动力

免费编程书籍

• O'Reilly免费提供编程电子书（Reddit）
• GitHub-关于每个主题的成千上万的免费编程书籍
• 非技术书籍，使您成为更好的程序员（Reddit）

开源贡献机会

• 为GitHub上的开源做贡献 —官方GitHub指南。
• 5分钟内完成您的第一个开源贡献
• 我如何掌握足够的技能来从事开源项目？
• Exercism是一个学习编程的开源项目，也是一个很好的机会，可以帮助您开始在github上做贡献。
• 开源贡献机会[Reddit讨论]
• 填写Redditor表单以获取有关开放源代码机会的通知
• 抢手—浏览具有精选任务的项目列表
• Hacktoberfest-每年10月举行的开源活动。 易于参与，您将获得免费的T恤！
• 恐怕如果我在GitHub上说任何话，人们都会嘲笑我，我会死。

我准备成为开发人员了吗？

• 自学的前端开发人员……您什么时候知道自己“准备工作”？
• 自学成才的开发人员，您第一份工作花了多长时间？
• 您何时知道何时准备开始面试？
• 软件开发人员-您对学习CS的人的最佳建议是什么？
• 我想要从事编程工作
• 大学刚毕业时，您应该知道什么？
• Reddit讨论-较新
• CS专业人士应了解的知识-年龄较大
• 我是如何开始Side Project的- 链接
• 初学自学的开发人员应具备哪些目标？
• Reddit的计算机程序员，对于当前正在学习如何编码的人，您的最佳建议是什么？
• 我一年前开始自学编码。 4个月前，我被第一份工作录用。 这是我还没准备好的东西的细分（仅供参考，工作是远程红宝石/ rails开发）

软件开发人员成功案例

• 18个月前，我不知道如何编码，现在我是一个自学成才的程序员，为NBA，NHL和Purdue，Notre Dame，Alabama和Clemson等学校编写了应用程序。 我现在根据MIT许可证发布我的软件，以供任何人使用-AMA！
• 去年，我失业和悲惨。 使用此子资源，我已经全职工作了一年。 我用所有免费资源做到了。 我想与您分享我的做法。 （IOS）
• 我一年前开始自学编码。 4个月前，我被第一份工作录用。 这是我还没准备好的东西的细分（仅供参考，工作是远程红宝石/ rails开发）
• 我今年32岁，刚刚开始我的第一份全职工作，是一名开发人员。 一年前，我的编程知识基本上为零。 我通过/ r / learnprogramming找到了学到的所有东西，所以只想分享我的经验。
• 从零开始到软件开发人员-并不是一个成功的故事，但是许多指导者分享了他们的学习方法。 非常适合没有路径的初学者

得到工作

简历，投资组合，LinkedIn，面试准备和薪资信息

如何申请

• 编码训练营结束后，我花了3个月时间申请工作。 这是我学到的。 （介质）
• 我在岗后求职的经验教训（中）
• 如何在没有联系的情况下找到六位数的技术工作（中）

简历和领英

• 您看到过哪些最佳的恢复格式？
• Fullstack Developer LinkedIn配置文件的模型示例

个人项目

• 招聘人员对什么样的CS项目印象深刻？

面试准备

• CS50-技术面试的准备和练习[YouTube]
• 如何打入科技行业—求职和技术面试指南

常见JavaScript面试问题回购

• GitHub Repo —所有问题和解答
• Reddit Post —讨论，还有其他问题和答案
• Ammon Bartram —向面试官询问任何问题：面试问题，答案，错误
• 分享一些面试技巧（硅谷员工）
• 工作面试问题问面试官
• 我很喜欢编程采访。
• 解决面试问题时，请始终讲话。
• 雇用经理（或其他经验丰富的开发人员），您在理想的候选人中寻找什么素质？
• 发表您最好的面试问题
• 作为前端开发人员正在接受许多技术初创公司的采访，这是我被问到的技术问题（MID-SENIOR LEVEL）
• 每个JS开发人员都应该知道的10个面试问题（中）

薪资信息

• 12/2016薪金分享主题（<2年经验）
• 薪资谈判以及如何不放火烧钱（中）
• 谈判工作要约的10条规则（中）
• 如何不破坏报价谈判（中）

From: https://hackernoon.com/100-free-resources-to-learn-full-stack-web-development-5b40e0bdf5f2