成为更好的开发人员的120天计划＃120DaysBetterDev

我的强化计划，旨在升级并成为更好的前端工程师

您可以在此处找到包含计划和资源的Google表格。

资源

这是我将在程序中使用的资源列表：

图书

Beginning JavaScript（第5版） （21.32€）

破解编码面试（第六版） （37.62€）

雄辩的JavaScript （免费）

高性能JavaScript （16.62€）

JavaScript：权威指南（第6版） （19.99€）

学习JavaScript设计模式 （免费）

Web开发人员的专业JavaScript（第3版） （21.34€）

免费学习应用

您将必须在大多数帐户上创建一个帐户才能访问内容

辉煌

密码学

代码学校

FreeCodeCamp

JavaScript很性感

ReactTraining

Udacity

维京代码学校的准备工作

基于订阅的学习应用

前端大师 （33€/月，您可以随时取消）

PluralSight （25€/月，您可以随时取消）

乌迪美课程

等待他们频繁的大销售，每门课程的价格为10美元

加速ES6 JavaScript培训

进阶JavaScript

JavaScript Essentials （免费）

JavaScript：了解奇怪的部分

从头开始学习JavaScript中的数据结构

Redux的Modern React

完整的JavaScript课程

Web开发人员BootCamp

WebPack 2：完整的开发人员指南

免费运动/编码面试应用

运动力

黑客等级

JS 30

LeetCode

详细规划（120天）

练习（每天1次，共120天）：

• JS 30 （ 30天 ）
• 黑客等级30 （ 30天 ）
• 黑客排名-破解编码面试 （ 20天 ）
• 破解编码面试书（ 40天 ）（免费替代： exercism.io或leetcode.com ）

I.掌握JavaScript（30天）

对象与原型继承

• PluralSight： JavaScript对象和原型
• 图书JavaScript，权威指南 ：第6章“对象”
• javascriptissexy.com ： 详细的JavaScript对象
• j avascriptissexy.com ： 普通语言的JavaScript原型
• Book Professional JavaScript ：第6章“面向对象的程序设计”，“理解对象”一节
• FreeCodeCamp：“基本JavaScript”部分，面临的9个挑战（ 构建JavaScript对象 ， 使用Dot运算符 访问对象属性，使用括 符 访问对象属性，使用变量访问对象属性 ， 更新对象属性 ， 使用对象进行查找 ， 测试对象的属性 ， 操作复杂对象 ， 访问嵌套对象（The 。

JSON，XML和API

• Book Professional JavaScript ：第18章“ Java中的XML”和第20章“ JSON”
• Udemy： Web开发人员BootCamp ：第25节“使用API??”，第237节“ JSON和XML”
• Udemy： JavaScript：了解奇怪的部分 ：第4节“对象和函数”，第33讲“ JSON和对象文字”
• Udemy： 高级JavaScript ，第6节“ 络”
• Pluralsight： 动手JavaScript项目：JSON

常用表达

• 图书JavaScript，权威指南 ：第10章“使用正则表达式进行模式匹配”
• 编码系列： 正则表达式系列简介
• FreeCodeCamp：“基本JavaScript”部分，面临的4个挑战（ 使用正则表达式筛选文本，使用正则表达式 查找数字，使用正则表达式 查找空格， 使用JavaScript反转正则表达式匹配项 ）

进阶DOM操作

• Udemy： JavaScript Essentials的第4节“ DOM操作”
• Udemy： Web开发人员BootCamp ，第14节“高级DOM操作”
• DOM启蒙 ：第1章至第10章

深入了解JavaScript事件

• Book Professional JavaScript ：第13章“事件”
• 本书JavaScript，权威指南 ：第17章“处理事件”
• Book Professional JavaScript ：第22章“高级技巧”，“自定义事件”部分
• 菲利普·罗伯茨（Philip Roberts）： “无论如何，事件循环到底是什么
• PluralSight： JavaScript和jQuery中的高级技术 ，第2-3节
• DOM启示 ：第11章

jQuery的

• 书籍JavaScript，权威指南 ：第19章“ jQuery库”
• FreeCodeCamp：“ jQuery”部分
• CodeSchool： 试用jQuery
• PluralSight： JavaScript和jQuery中的高级技术 ，第4节

严格模式

• Book Professional JavaScript ：附录B（“严格模式”）
• Udemy： JavaScript：了解怪异的部分 ，第67和68节，第7节“零碎”
• Udemy： 高级JavaScript ，第2节“基本”，第3课

处理错误

• 图书JavaScript，权威指南 ：第14章“窗口对象”，第14.6节“错误处理”
• Book Professional JavaScript ：第17章“错误处理和调试”
• 本书雄辩的JavaScript ：第8章“错误和错误处理”

阿贾克斯

• 入门的JavaScript ：第14章“ Ajax”
• Book Professional JavaScript ：第21章“ Ajax和彗星”
• Udacity： Ajax简介
• FreeCodeCamp：JSON API和Ajax

前端数据存储

• 入门的JavaScript ：第13章“数据存储”
• Book Professional JavaScript ：第23章“离线应用程序和客户端存储”
• 本书JavaScript，权威指南 ：第20章“客户端存储”
• 深入研究HTML5： 第7章“ Web应用程序本地存储的过去，现在和未来”

ECMAScript6

• Udemy： 加速ES6 JavaScript培训
• PluralSight： 快速ES6培训
• Udemy： 完整的JavaScript课程 ，第7节“为未来做好准备：ES6 / ES2015”

JS中的面向对象编程

• Udacity： 面向对象的JavaScript
• 入门的JavaScript ：第5章“ JavaScript：一种面向对象的语言”
• Book Professional JavaScript ：第6章“面向对象的编程”
• 图书JavaScript，权威指南 ：第9章“类和模块”
• j avascriptissexy.com ： 面向对象：您需要了解的内容
• Udemy： JavaScript：了解怪异的部分 ，第5节“面向对象的JavaScript和原型继承”
• FreeCodeCamp：“面向对象和函数式编程”一节，面临5个挑战（将JavaScript对象声明为变量 ， 使用函数构造JavaScript对象， 使用构造函数创建对象实例， 通过将参数传递 给构造函数来创建 唯一对象 ， 将对象属性设为私有 ）

最终项目

• FreeCodeCamp： 井字游戏和Simon游戏项目

二。 通过JavaScript进行软件工程（37天）

软件工程和CS基础知识

• 维京代码学校的准备工作 ：“基本准备工作”一章，第2节“软件工程基础知识”
• FrontEndMasters： “六个小时的计算机科学四个学期”研讨会
• Brilliant.org： 计算机科学完整课程
• FreeCodeCamp：“计算机基础”
• 博客文章： JavaScript中的计算机科学
• 简单程序员：处理问题，将其分解
• FreeCodeCamp：“大O符 ”
• CodeCademy： Big O

算法和数据结构

• Udemy： 从头开始学习JavaScript中的数据结构
• FrontEndMasters： JavaScript中的算法和数据结构
• 免费代码营：算法脚本（初级，中级和高级）

JS设计模式

• 书籍学习JavaScript设计模式
• PluralSight： JavaScript中的实用设计模式
• PluralSight： JavaScript设计模式

功能编程

• FunFunFunction： JavaScript系列中的函数式编程
• 功能灯JS

最终项目

• 构建一个Vanilla JavaScript Web App

三， 前端开发工具和体系结构（23天）

JS模板（Handlebars.js）

• ? avascriptissexy.com ： Handelbar.js教程
• PluralSight： 带把手的JavaScript模板

工具与自动化

• PluralSight： 使用Gulp.js进行JavaScript构建自动化

JS模块装载机/捆扎机（Webpack）

• Udemy： WebPack 2：完整的开发人员指南
• PluralSight： 构建JavaScript开发环境

单页应用程序的原理

• 前端JavaScript单页应用程序体系结构
• Nicholas Zakas：可扩展的JavaScript应用程序体系结构
• 在没有框架的情况下制作单页应用

架构前端Web应用程序

• 出色的JavaScript书籍： 第10章“模块”
• Udemy： JavaScript：了解奇怪的部分 ，第8和9节
• Udemy： 完整的JavaScript课程 ，第6节“ The Budget App project”

测试前端开发人员

• PluralSight： 前端优先：测试和原型化JavaScript应用
• Udacity： JavaScript测试

JS中的高性能代码

• 预订高性能JavaScript：构建更快的Web应用程序接口

IV。 React＆Redux（16天）

• 泰勒·麦金尼斯（TylerMcGinnis）： 反应基础
• Udemy： 与Redux进行现代反应
• PluralSight： 在ES6中使用React和Redux构建应用程序

五，走得更远（14天）

渐进式Web应用

• 渐进式Web应用程序初学者指南
• Udacity： 渐进式Web应用程序简介
• PluralSight： 渐进式Web应用程序入门

站性能优化

• Udacity： 浏览器渲染优化
• Udacity： 站性能优化

萨斯

• PluralSight： 更好的CSS：更少和更少

SEO基础知识

• PluralSight： SEO基础知识

找工作

• PluralSight： 准备面试
• 维京代码学校的准备工作 ：“获得雇用的第一阶段”一章
• PluralSight： 设计一个杀手级的求职策略
• PluralSight： 参与进来！

一些技巧

学习时，请确保编写和重现您将遇到的大多数代码 ，并尽可能多地练习。

在Github上尽可能多地推送代码： 长时间长时间的公共提交会充分说明您对代码的勇气和热情。 当您进入真正的采访阶段时，它将很好地反映出来。

如果您真的不了解关键概念，请花1或2天时间撰写有关此概念的深入文章 。 这将迫使您寻找外部资源，并尝试从各种解释中了解。 就像在向真正的初学者并且没有主题背景的人解释这个概念一样写文章。 这帮助我掌握了JavaScript的许多部分，并且被认为是理解和保留困难概念的最佳方法之一。

不要成为完美主义者： 对最适合您需求的事物保持聪明 。 如果您不打算在接下来的几周内使用正则表达式的怪癖，那么花10天将不会很有用。 了解它们是什么并继续前进：当有必要使用它们时，您将有机会更深入地了解它们的所有细节。

尝试自己寻求解决方案，但不要陷入困境：当您无法前进时，请寻求 StackOverflow 或 FreeCodeCamp 区组的 帮助 。

如果您想加入我的计划并分享最好的学习资源， 请在Twitter上使用＃120DaysBetterDev标签：让我们互相鼓励，共同编码！

From: https://hackernoon.com/a-120-days-plan-to-become-a-better-developer-120daysbetterdev-4c3bbbdf31ee

相关资源：TranslationLoaderBundle:具有数据库翻译加载器的Symfony2捆绑软件