100 Days Of Code

day number:

Info (what it is) -> Here (on this page) -> Resources (what to do)

Info (what it is)

#100DaysOfCode is two things mainly:

  1. Code - You're coding your own staff for educational purpose at least one hour daily
  2. Twit - You're report it on Twitter using #100DaysOfCode hashtag

...and, yes - it should be continued, with no breaks, by one hundred days.


Here (on this page)

This page has been evolved in the sam way as all challenge I'm doing. Initially it had been stable paced progress with balanced theory (reading) and a practice (doing staff). Good plan, but failed. Later it become just doing challenges in tempo no lefting time for a reading. Now I've finished this stage. That's why reporting part of page (this chapter you are reading now - which is interesting for me) is now divided from the resources (next chapter - it could be interesting for anyone).

Done - > Now - > Experience - > Motivation

  1. Done: All challenges done:
  2. Now: Now I'm doing top10 advanced topics of JavaScipt. Plan is to grok'em all:

    1. Higher Order Functions: MDN: map(), filter(), reduce() | Sukhjinder Arora "Understanding Higher-Order Functions in JavaScript" | Sequioa McDowell "Higher order functions in ES6:Easy as a => b => c;" | M. David Green "Higher-Order Functions in JavaScript" | Derick Bailey "Fun With Higher Order Functions In JavaScript" | Egidio Docile "Introduction to higher order functions in Javascript" | Mattias Petter Johansson "A dirt simple introduction to higher order functions in JavaScript" | Yazeed Bzadough "A quick intro to Higher-Order Functions in JavaScript" | Guido Schmitz "Higher Order Functions: Using Filter, Map and Reduce for More Maintainable Code" | Hemand Nair "How to write your own map, filter and reduce functions in JavaScript" | Hugo Di Francesco "First-class and Higher Order Functions: Effective Functional JavaScript" | Richard Bovell "Understand JavaScript Callback Functions and Use Them" | Alex Permyakov "15 Useful JavaScript Examples of .map(), .reduce() and .filter()" | "Practical Functional JavaScript — Step 2: Higher-Order Functions" | Damien Cosset "Higher-order functions in Javascript" | John Hannah "Higher Order Functions in JavaScript" | Zsolt Nagy "Higher Order Functions in JavaScript" | Pedro Filho "High Order Functions" | quizlet.com: "Javascript Higher Order Functions" | Tiago Romero Garcia "Catching up with JavaScript higher-order functions" | Eric Elliott "Reduce (Composing Software)" | JavaScript Array.prototype.reduce() (JS Reduce Made Easy) | Una Kravets "An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods" | Kristian Poslek "One reduce() to rule them all" | JavaScript Higher Order Functions & Arrays — Traversy Media [YT 34:55] | Higher Order Functions — Fun Fun Function [YT 10:48] | Higher Order Functions in Javascript — Raja Yogan [YT 6:12] | Higher Order Iterators in JavaScript — Fun Fun Function [YT 13:59] | Higher Order Functions in JavaScript — The Coding Train [YT 16:20] | Methods
    2. this: MDN: this | Karan Valecha "Understanding "this" keyword in Javascript & React" | stackoverflow: How does the “this” keyword work? | Ashay Mandwarya "A guide to this in JavaScript" | Lukas Gisder-Dubé "How to understand the keyword this and context in JavaScript" | JavaScript Teacher "The magic of the “this” keyword in JavaScript" | Richard Bovell "Understand JavaScript’s “this” With Clarity, and Master It" [2013] | Simon LH "JavaScript Wizard: What’s up with ‘this’?" | Mohammed Abdullatif "The ‘this’ keyword in JavaScript, demystified" | Divyansh Tripathi "The Scope of “this” in Javascript" ("A blog explaining THIS in javascript") | Deepak Gupta "Javascript Context — this keyword" | Tyler McGinnis "WTF is this - Understanding the this keyword, call, apply, and bind in JavaScript" | Michelle Gienow" Mastering 'this' in JavaScript: Callbacks and bind(), apply(), call()" | Daniel Li "What is 'this' in JavaScript?" | Jason Yu "Let me explain to you what is this. (Javascript)" | Pavan "Understanding the “this” Keyword in JavaScript" | Mano lingam "Understanding Scope in JavaScript" | Mastering "this" in JavaScript - Intermediate JavaScript #2 YT 13:28 | Bryan Hughes "Understanding Functions and 'this' In The World of ES2017" [YT 25:52] | "bind and this - Object Creation in JavaScript - FunFunFunction" [YT 15:38]
    3. closure: MDN: Closures | Denis Spiridonov "The best way to understand JS Closures… and a few more things" | Olivier De Meulder "I never understood JavaScript closures" | JavaScript.Info: Closure | Richard Bovell "Understand JavaScript Closures With Ease" | Codesmith "Understanding JavaScript Closures" | Brandon Morelli "Understand Closures in JavaScript" | Prashant Ram "A simple guide to help you understand closures in JavaScript" | Paul Upendo "Understanding JavaScript Closures: A Practical Approach" | Alexander Kondov "Understanding JavaScript: Closures" | Léna Faure "How to use JavaScript closures with confidence" | tyler "JavaScript closures by example" | Alex Aitken "JavaScript — Closures and Scope" | Cristi Salcescu "Discover the power of closures in JavaScript" | Mae Capozzi "Simplified JavaScript: Getting Started with Closures — Code Like A Girl" | Tyler McGinnis "The Ultimate Guide to Hoisting, Scopes, and Closures in JavaScript" | RealLifeJS: "Javascript Closures 101 - Explaining how closures work" | Nelson Gutiérrez "Closures Explained with a Practical Example" Sukhjinder Arora "Understanding Closures in JavaScript" | Javascript Closure — techsith [YT 12:51] | Closures — Fun Fun Function [YT 7:03] | Closures in JavaScript — techsith [YT 16:38] | JavaScript Closures 101: What is a closure? — JavaScript Tutorials [YT 4:20] | Closures — freeCodeCamp [YT 4:47] | JavaScript Closures — CodeWorkr [YT 43:28]
    4. setTimeout and setInterval MDN: setTimeout(), setInterval() | JavaScript.Info: setTimeout and setInterval | Akanksha Sharma "Why not to use setInterval" | Develoger: setTimeout VS setInterval | Chris Coyier "Using requestAnimationFrame" | JavaScript Kit "Understanding JavaScript's requestAnimationFrame()" | Amit Merchant "Handling time intervals in JavaScript" | Coding Blocks India "Javascript: How setTimeout and setInterval works" [YT 6:22] | techsith: setTimeout and setInterval in JavaScript [YT 12:54] | Steve Griffith: "JavaScript Timers" [YT 6:04] | DoingITeasyChannel: JavaScript setTimeout, setInterval & clearInterval [YT 4:26] | Theodore Anderson "JavaScript setTimeOut and setInterval Explained" [YT 4:39]
    5. OOP: MDN "Object-oriented JavaScript for beginners" | Rainer Hahnekamp "An introduction to Object-Oriented Programming in JavaScript" | NC Patro "JavaScript — Object Oriented Programming using ES6" | JavaScript Teacher "A guide to prototype-based class inheritance in JavaScript" | rameshravi "A thing or two about Objects in JavaScript" | Luke Ruokaismaki "JavaScript ES6: Classes" | Anurag Majumdar "“Super” and “Extends” In JavaScript ES6 - Understanding The Tough Parts" | Jeff Mott "Object-oriented JavaScript: A Deep Dive into ES6 Classes" | Kevin Guebert "Simple Object Oriented Programming with Javascript" | Arfat Salman "Diving Deeper in JavaScripts Objects" | Arfat Salman "The Chronicles of JavaScript Objects" | Aphinya Dechalert "Understanding Prototypes in JavaScript" | logicbig.com: "JavaScript - OOP style ES6 class syntax" | Germán Cutraro "The Little Guide for OOP in JS" | Michele Nasti "Things you may not know about Object Oriented Javascript (Es6)" | Igor Sarcevic "OOP in the age of ES6" | Peleke Sengstacke "Better JavaScript with ES6, Pt. II: A Deep Dive into Classes" | "Javascript: Introduction to ES6 classes" | Nick Shoup "JavaScript Classes from ES6 and Beyond" | Aram Koukia "Classes, Inheritance and Static members in #JavaScript #ES6" | Justen Robertson "Making Sense of ES6 Class Confusion" | Tyler McGinnis "JavaScript Inheritance and the Prototype Chain" | Vijay Prasanna "Objects, Prototypes and Classes in JavaScript" | Tania Rascia "Understanding Classes in JavaScript" | Nathaniel Foster "ES6 Classes" | Chris Ng "ES6 Object Oriented" | Objects in Javascript | javascript tutorials for beginners #7 [YT 13:37]
    6. Functional Programming: Flavio Copes "An introduction to Functional Programming with JavaScript" | TK "Functional Programming Principles in Javascript" | Steven Ellis "The power of functional programming in Javascript" | Matthew Gerstman "Functional Programming Fundamentals" | Kumar Bhot "Practical Functional JavaScript — Step by Step" | Omer Goldberg "Javascript and Functional Programming — Pure Functions" | Eric Elliott "Master the JavaScript Interview: What is a Pure Function?" | James Jeffery "JavaScript: What Are Pure Functions And Why Use Them?" | Alex Nault "Functional Programming with JavaScript in 3 Steps" | nicoespeon "Pure functions in JavaScript" | Arne Brasseur "Functional Programming: Pure Functions" | Krunal "Pure Functions In Javascript" | Jack Franklin "Making your JavaScript Pure" | Markus Ritberger "To mutate, or not to mutate, in JavaScript" | Federico Knüssel "Arrays, Objects and Mutations" | Maciej Sikora "The State of Immutability" | James Sinclair "How to deal with dirty side effects in your pure functional JavaScript" | David Walsh "Preventing Side Effects in JavaScript" | Peleke Sengstacke "Wielding Pure Functions in JavaScript and Function Composition" | William S. Vincent "JavaScript: Pure Functions" | Alexander Kondov "Functional programming paradigms in modern JavaScript: Pure functions" | Emma Robbins "3 Reasons To Learn Functional Programming With Elixir" | Chidume Nnamdi "Understanding Javascript Mutation and Pure Functions" | Pure Functions — Hexlet [YT 6;55] | Pure Functions - Functional Programming in JavaScript — Paul McBride [YT 5:05] | JavaScript Pure Functions — Seth Alexander [YT 39:26] | JavaScript Pure vs Impure Functions Explained — Theodore Anderson [YT 2:54] | Pure Functions - Programação Funcional: Parte 1 - Fun Fun Function [YT 10:48]
    7. promise MDN: Promise | Kevin Ghadyani "Promises: The Definitive Guide" | Zack Siri "JavaScript Fetch API Cheatsheet" | Jared Nielsen "Learn JavaScript Promises and Promise Methods" | James Anthony Bruno "Promise Mate: Delegating asynchronous results in JavaScript" | Andrei Cacio "Promisified events using the Façade pattern" | r/AskProgramming: Need help pushing/resolving Axios Javascript promises | Jecelyn Yeen "JavaScript Promises for Dummies" | Gokul N K "Understanding promises in JavaScript" | Eric Elliott "Master the JavaScript Interview: What is a Promise?" | Mehdi Maujood "The easy guide to understanding JS Promises" Sandeep Panda "An Overview of JavaScript Promises" | Prashant Ram "How to use Promises in JavaScript" | Maciej Cieslar "Implementing Promises In JavaScript" | Shruti Kapoor "JavaScript: Promises explained with simple real life analogies" | Exploring JS: Promises for Asynchronous Programming | Kevin Kononenko "JavaScript Promises Explained By Gambling At A Casino" | Bobby Brennan "ES6 Promises: Patterns and Anti-Patterns" | Brandon Morelli "A Simple Guide to ES6 Promises" | Manoj Singh Negi "The ES6 Promises" | Nicolás Bevacqua "ES6 Promises in Depth" | Rajesh Babu "Playing with Javascript Promises: A Comprehensive Approach" | Brandon Wozniewicz "How to Write a JavaScript Promise" | "JavaScript Promise API Basics" | Ryan Christiani "Let's Learn ES6 - Promises" [YT 16:31] | Traversy Media: JavaScript ES6 / ES2015 Promises [YT 12:17] | Fun Fun Function: Promises [YT 16:55] | Fun Fun Function: Error Handling Promises in JavaScript [YT 10:48] | The Coding Train: Promises Part 1 - Topics of JavaScript/ES6 [YT 24:52]
    8. Asynchronous Programming - async/await: MDN: async function, await | "JavaScript — from callbacks to async/await" | "Preload, prefetch and other <link> tags" | JavaScript.Info: async/await | Gokul N K "Understanding async/await in Javascript" | Eloquent JavaScript: Asynchronous Programming | Alligator.io: Exploring Async/Await Functions in JavaScript | Joy Warugu "Asynchronous Javascript using async/await" | Flavio Copes "Modern Asynchronous JavaScript with async/await" | Demir Selmanovic "Asynchronous JavaScript: From Callback Hell to Async and Await" | Ben Garrison "Javascript — ES8 Introducing async/await Functions" | Aditya Agarwal "How to escape async/await hell" | Nicolás Bevacqua "Understanding JavaScript’s async await" | TechBrij: JavaScript Async/Await: Serial, Parallel and Complex Flow | Exploring JS: Asynchronous Programming | "Executing arrays of async/await JavaScript functions in series vs. concurrently" | Chris Nwamba: From JavaScript Promises to Async/Await: why bother? | Craig Buckler: "Flow Control in Modern JS: Callbacks to Promises to Async/Await" | Nick Parsons "JavaScript: Promises and Why Async/Await Wins the Battle" | Adrian Hajdin "How To Master Async/Await With This Real World Example" | Indrek Lasn "How to improve your asynchronous Javascript code with async and await" | "When to Use (and Not to Use) Asynchronous Programming: 20 Pros Reveal the Best Use Cases" luminousmen "Asynchronous programming. Await the Future" | Wes Bos "Async + Await" [YT 15:51] | Shelley Vohr "Asynchrony: Under the Hood" [YT 25:23] | Fun Fun Function "async/await in JavaScript - What, Why and How" [YT 23:59] | The Coding Train: "JavaScript Promises" [YT playlista] Colt Steele "Complete Guide to JS Async & Await ES2017/ES8" [YT 16:19]
    9. Two last slots free at the moment, no idea: (already in plan: destructuring, encapsulation, callback) Lukas Gisder-Dubé "9 Tricks for Kickass JavaScript Developers in 2019" | Glad Chinda "JavaScript ES6: 5 new abstractions to improve your code" | Paolo Giangrandi "JavaScript traits: the clean way to modify global prototypes" | jnrgonzalez "JavaScript, ES6, OOP Interview Questions" | Greg Byrne "A bluffer’s guide to JavaScript proficiency" | Yung L. Leung "An intro to advanced sorting algorithms: merge, quick & radix sort in JS" | Florin Pop "Here are some app ideas you can build to level up your coding skills" | JavaScript Teacher "The Complete Guide to Loops in JavaScript" | Timothy Robards "JavaScript Fundamentals: Mastering Arrays"
  3. Experience: all exercises done are stored here 100DaysOfCoding - exercises At this moment I'm fully engaged in a learning top10 topics of JavaScript, so there's no much results to show.
  4. Motivation: progress is daily (almost) reported on my Twitter.

Resources (what to do)

Theory -> Practice

  1. Theory:
    1. Books
    2. Courses
  2. Practice:

(unrelated) Basic set of WP plugins