我的强化计划,旨在升级并成为更好的前端工程师
我从事专业的全栈开发人员编程已有3年以上了,尤其喜欢在前端工作。 我是一名训练营的毕业生,并且是自学成才的开发人员,尽管我每天在工作中学到很多东西,但我一直有这样的冲动,要花时间充分掌握JavaScript和编程的深层基础,并成为一名更强大的开发者。
由于我为自己制定了详尽的计划以升级并获得技术编码访谈,因此我决定与您分享。 有时您只需要查看计划就可以开始使用,因此,如果该计划对任何人都有用,我将感到高兴。
我需要一个程序,它确实可以使我为代码面试做好准备, 在从事全职工作时可以遵循该程序 ,而且价格也不是很高 。
对我来说,重要的是,该程序应该非常密集:我发现在短暂的大规模动作中建立和保持势头要比拖延太久容易。 我更喜欢短跑运动员,但是当然,如果您是马拉松式的,您可以轻松地在较长的时间内推广此计划,以适应您的学习风格。
我还为每门课程有目的地选择了一些重叠的资源:从各种媒体(文本,视频)中学习以及接触到各种表达概念的方式有助于更好地掌握内容,更不用说重复的好处了。
我花了很多时间研究,阅读,寻找我能建立自己的定制课程(感谢灵感最好的资源FrontEndMasters , JavaScriptisSexy和尼克Ciubotariu这文章 ),这是结果:4个月(非常)密集的前端工程培训,加上精选的优质资源,总成本不到500欧元 。 (如果您选择自己选择的其他免费资源,则花费可能会少得多)。
注意,您应该熟悉前端开发基础知识; Git,HTML,CSS,DOM和JavaScript必不可少的概念(范围,此,闭包等)不是此学习路径的一部分。 大量免费的优质资源可以帮助您在开始该程序之前快速学习前端的入门部分。
计划(120天)
我计划每天至少工作3个小时,每天每节开始时都要进行一次强制性编码练习 ,我将继续学习Github。
您可以在此处找到包含计划和资源的Google表格。
资源
这是我将在程序中使用的资源列表:
图书
Beginning JavaScript(第5版) (21.32€)
破解编码面试(第六版) (37.62€)
雄辩的JavaScript (免费)
高性能JavaScript (16.62€)
JavaScript:权威指南(第6版) (19.99€)
学习JavaScript设计模式 (免费)
Web开发人员的专业JavaScript(第3版) (21.34€)
免费学习应用
您将必须在大多数帐户上创建一个帐户才能访问内容
基于订阅的学习应用
前端大师 (33€/月,您可以随时取消)
PluralSight (25€/月,您可以随时取消)
乌迪美课程
等待他们频繁的大销售,每门课程的价格为10美元
免费运动/编码面试应用
详细规划(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对象, 使用构造函数创建对象实例, 通过将参数传递 给构造函数来创建 唯一对象 , 将对象属性设为私有 )
最终项目
二。 通过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
最终项目
三, 前端开发工具和体系结构(23天)
JS模板(Handlebars.js)
- Ĵ avascriptissexy.com : Handelbar.js教程
- PluralSight: 带把手的JavaScript模板
工具与自动化
- PluralSight: 使用Gulp.js进行JavaScript构建自动化
JS模块装载机/捆扎机(Webpack)
- Udemy: WebPack 2:完整的开发人员指南
- PluralSight: 构建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应用程序入门
网站性能优化
萨斯
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