#100DaysOfCode Thread 1/100: Bought an elaborate course by @jonasschmedtman . Set up a profile on Github. Also, set up a Visual Studio code editor.


@jonasschmedtman 2/100: Completed two lessons today. 1. Introduction to JavaScript. 2. Linking a JavaScript file. Also learnt about alerts! 3. In the evening, will complete a lesson on Flexbox.


@jonasschmedtman 3/100 #100DaysOfCode Flexbox continuing. Also took a lesson on values and variables. It was an elementary one, I took it nevertheless!


@jonasschmedtman 4/100 #100DaysOfCode Data types. let, const and var.... Still have, half of the day. Let's see!


5/100 #100DaysOfCode Had an early morning flight to catch. So just completed lessons on Basic Operator and Operator Precedence.


6/100 #100DaysOfCode Coding Challenge 1, Strings and Template literals Will read on some important questions as well.


7/100 #100DaysOfCode Taking Decisions Coding Challenge 2, Type conversions and coercions Truthy and Falsy values 3 interview questions


8/100 #100DaysOfCode Equality operators Boolean Logic Logical Operators Coding Challenge 3 (Good One) Will read on some interview questions in the later part of the day.


9/100 #100DaysOfCode Switch Case Statement Statements and Expressions Ternary Operator Coding Challenge 4 JS Releases 1 interview question


'10/100 #100DaysOfCode Functions declarations and expressions Arrow Functions Calling other functions


'11/100 #100DaysOfCode Reviewing Functions Coding Challenge 1 Introduction to Arrays Basic Array Operations Not feeling like studying any further today!


'12/100 #100DaysOfCode Coding Challenge 2, Introduction to objects, Dot vs Bracket notation Objects Methods Will take Coding Challenge 3 if I feel like.


13/100 #100DaysOfCode Coding Challenge 3, Iteration: The For Loop Looping Arrays, Breaking and Continuing The while loop Coding Challenge #4 Coding Challenge 4 Looking forward to the next 2 sections now!


14/100 #100DaysOfCode Section 4- Navigation Section 5- Developer Skill and Editor setup ( I have one challenge to be finished here) Will move to Section 6 tomorrow!


15/100 #100DaysOfCode Debugging with console and breakpoints (might need to revisit this) Coding Challenge 1 of section 5 Section 6: HTML and CSS: Intro, Basic Structure and Elements Attributes, Classes and IDs


16/100 #100DaysOfCode Basic Styling with CSS Introduction to the Box Model Starting Section 7 today! I would like to visit Flexbox and CSS grid if I get the time!


17/100 #100DaysOfCode Gave a brief to visit Flexbox and CSS grid. Starting a project: Guess my Number Basics of DOM Manipulation Selecting and manipulating elements.


18/100 #100DaysOfCode Working on the first project. Finding it a lil challenging. Handling click events Implementing the Game logic Manipulating CSS Styles


19/100 #100DaysOfCode Coding Challeng 1. Coded the 'Again' button (refresh playing). (Posting late. A lil difficult day. Quite some amount of work at office.)


20/100 #100DaysOfCode Coding Challenge 1: Improved the highscore button Made a profile on GitHub.


21/100 #100DaysOfCode Refactoring the code of Project 1. End of it. Moving to Project 2.


22/100 #100DaysOfCode Project 2: Designing modal window Working with Classes! Very difficult day. Could sit on to the practice after the 10th attempt perhaps.


23/100 #100DaysOfCode Project 2: Handling 'Esc' keypress event. End of a simple project. Starting Project 3: Pig Game. It's like hitting a plateau curve of learning where I feel more could have been learnt with the same amount of time invested. Hope to break it soon.


24/100 #100DaysOfCode Project 3: Pig Game. Rolling the dice Switching the active player Good day, today!


25/100 #100DaysOfCode Project 3: Holding the current score Resetting the game. End! Starting Section 8... Hmm!


26/100 #100DaysOfCode Section 8... Intro, Road-Map, High-level JS Overview JavaScript Engine and Runtime Execution Context and Call Stack Scope and Scope Chain Scoping in Practice


27/100 #100DaysOfCode Variable Environment: Hoisting and TDZ Hoisting and TDZ in Practice The this keyword The this keyword in practice Regular function vs Arrow function Primitives vs Objects (Reference Types) Primitives vs Objects in practice End of Section 8...


28/100 #100DaysOfCode Section 9: Destructuring Arrays Destructuring Objects The Spread Operator Rest Pattern and Parameters Short-Circuiting using (|| and &&) The Nullish Coalescing Operator (??) Logical Assignment Operator Coding Challenge 1 Looping Arrays- The for-of loop


29/100 #100DaysOfCode Enhanced object Literals Option Chaining Looping Objects, Object Keys, values and entries Coding Challenge 2


30/100 #100DaysOfCode Sets Maps: Fundamentals


31/100 #100DaysOfCode Maps: Iteration and Use case summary Was busy (and distracted) all day, but somehow pulled off.


32/100 #100DaysOfCode Coding Challenge 3, Working with Strings Part 1 Working with Strings Part 2


33/100 #100DaysOfCode Working with Strings Part 3 Coding Challenge 4, String Methods Practice


34/100 #100DaysOfCode Section 10: ----Functions Default Parameters How passing Arguments works: Value vs Reference First Class and Higher Order function Functions accepting callback functions


35/100 #100DaysOfCode Functions accepting callback functions (revision) Functions returning functions The call and apply method


36/100 #100DaysOfCode Bind Method Coding Challenge 1 Immediately Invoked Function Expression (IIFE)


37/100 #100DaysOfCode Closures- Part I Closures- Part II Coding Challenge 2


38/100 #100DaysOfCode Starting Section 11 [Arrays] Simple array methods (slice, splice, reverse, concat, join, the new .at() method) Looping Arrays: forEach forEach with Maps and Sets Starting a 'Bankist App' project today!


39/100 #100DaysOfCode Bankist App' project: Creating DOM elements Coding Challenge 1 Introduction to Data Transformations: map, filter and reduce!


40/100 #100DaysOfCode Revision Map Method Computing Usernames


41/100 #100DaysOfCode The filter method.... Travelling today... Not much done!


42/100 #100DaysOfCode The reduce method Coding Challenge 2


43/100 #100DaysOfCode The magic of Chaining Methods Coding Challenge 3


44/100 #100DaysOfCode The fine method


45/100 #100DaysOfCode Implementing Log In Implementing Transfers


46/100 #100DaysOfCode The findindex method (Down with Covid)


47/100 #100DaysOfCode some and every flat and flatMap


48/100 #100DaysOfCode Sorting Arrays


49/100 #100DaysOfCode More ways of creating and filling arrays Which array method to use: Summary


50/100 #100DaysOfCode Array Methods Practice : Revision


51/100 #100DaysOfCode Coding Challenge 4 End of Section 11 Signing up for a BootCamp today


52/100 #100DaysOfCode Converting and Checking Numbers Math and Rounding The Remainder Operator Numeric Separators Working with BigInt


53/100 #100DaysOfCode Creating Dates Adding Dates to the Bankist App Operations with Date Internationalizing Dates (Intl)


54/100 #100DaysOfCode Internationalizing Numbers (Intl) Timers: setTimeout and setInterval


55/100 #100DaysOfCode Implementing a Countdown Timer


56/100 #100DaysOfCode PROJECT: "Bankist" Website How the DOM Really Works


57/100 #100DaysOfCode Selecting, Creating, and Deleting Elements


58/100 #100DaysOfCode Styles, Attributes and Classes


59/100 #100DaysOfCode Implementing Smooth Scrolling Types of Events and Event Handlers


60/100 #100DaysOfCode Event Propagation: Bubbling and Capturing Event Propagation in Practice


61/100 #100DaysOfCode Event Delegation: Implementing Page Navigation DOM Traversing


62/100 #100DaysOfCode Building a Tabbed Component


63/100 #100DaysOfCode Building a tabbed component.


64/100 #100DaysOfCode Passing Arguments to Event Handlers Implementing a Sticky Navigation: The Scroll Event


65/100 #100DaysOfCode A Better Way: The Intersection Observer API


66/100 #100DaysOfCode Revealing Elements on Scroll


67/100 #100DaysOfCode Lazy Loading Images


68/100 #100DaysOfCode Building a Slider Component: Part 1 Building a Slider Component: Part 2


69/100 #100DaysOfCode Lifecycle DOM Events Efficient Script Loading: defer and async


70/100 #100DaysOfCode Section 14-- Introduction to Object-Oriented Programming.


71/100 #100DaysOfCode OOP in JavaScript Constructor Functions and the new Operator


72/100 #100DaysOfCode Examples of Prototypes


73/100 #100DaysOfCode Prototypal Inheritance and The Prototype Chain Prototypal Inheritance on Built-In Objects


74/100 #100DaysOfCode Coding Challenge 1 ES6 Classes


75/100 #100DaysOfCode Getters and Setters Static Methods


76/100 #100DaysOfCode Object.create Coding Challenge #2


77/100 #100DaysOfCode Inheritance Between "Classes": Constructor Functions


78/100 #100DaysOfCode Coding Challenge #3 Inheritance Between "Classes": ES6 Classes


79/100 #100DaysOfCode Inheritance Between "Classes": Object.create Another Class Example


80/100 #100DaysOfCode Encapsulation: Protected Properties and Methods


81/100 #100DaysOfCode Encapsulation: Private Class Fields and Methods Chaining Methods


82/100 #100DaysOfCode ES6 Classes Summary Coding Challenge #4


83/100 #100DaysOfCode Section 15: Map App, OOP, Geolocation, External Libraries, etc. Section Intro and Project Overview.


84/100 #100DaysOfCode How to Plan a Web Project


85/100 #100DaysOfCode Using the Geolocation API


86/100 #100DaysOfCode Displaying a Map Using Leaflet Library


87/100 #100DaysOfCode Displaying a Map Marker Rendering Workout Input Form


88/100 #100DaysOfCode Rendering Workout Input Form Pausing the challenge for a few days to revisit the topics covered yet.


Top