100 Days Of Code

day number:
10

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.

Links:

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