30DaysJavaScript

30 Days of JavaScript challenge

DAY 1

Started my Day 1 with the Namastey JavaScript

Watched first 7 videos in the playlist. Link to the playlist 👇
Namastey JavaScript

Namasteyjavascript

DAY 2

Day 2 with the Namastey JavaScript

Watched another 5 videos in the playlist. Link to the playlist 👇

Namastey JavaScript

Namasteyjavascript Day 2

DAY 3

Day 3, Today I tried to solve some easy exercises on the Exercism platform.

Exercism is an online, open-source, free coding platform that offers code practice and mentorship on 50 different programming languages.

Link to the website 👇

Exercism

Day 4

Day 4 with the Namastey JavaScript

Watched another 2 Episodes in the playlist Episode 14 and Episode 15.

watch the topics covered in Day 4

-Link to the playlist 👇
Namastey JavaScript

DAy 4

Day 5

Day 5 with the Namastey JavaScript

Completed the playlist ✔

-Link to the playlist 👇

Namastey JS

Day 6

Topics covered

Mark and sweep garbage collection algorithm


Mark and sweep implementation


garbage collection


V8 JS Engine

Day 7

clock with CSS and js

clock with jS and CSS

Day 8

-Learnt about CSS grid and make basic CSS grid template design.
CodePen link CSS_grid

-After that created simple project of image gallery and applied js for generating html structure based on the page dimensions.

image gallery

resources

W3schools
CSS tricks
CSSgrid.io

Day 9

countdown timer

Countdown project

Day 10

Drop down menu

dropdown project

Day 11

Secret code for confirmation. Add -Draw random images on screen on random places -uses cornify_add

Cornify

Code Link

Day 12

CSS variable using js

Code Link

Day 13

Flex Image gallery

Code Link

Day 14

Sticky navigation using js

Code Link

Day 15

Shadow over mouse move!

Code Link

Day 16

reference vs copy


objects and arrays

Resources:


video:

  • reference vs copy

    • Articles:

  • object-copy
  • Array Spread operator


    • Note : Spread doesn’t work on objects in javascript


    Day 17

    Apply bind() methods

    Day 18

    Throttling in JavaScript

    Resources


    Video:

    Throttling in Javascript


    Day 19

    Javascript array reduce working => Total video time by adding individual video time

    Day 19

    Day 19

    Day 20

    Sort names without article (the , a ,an)

    Day 20

    Day 21

    Drag and scroll

    Day 21

    Day 22

    How Local storage and event delegation work in js

    Day 23

    HTML video player with speed , skip seconds , volume featues

    Day 23

    Day 24

    Image Slide in during scroll page

    Day 24

    Day 25

    Digital clock using js

    Day 25

    Day 26

    Event delegation in javascript

    Resources

    Video:

    Event delegation in Javascript

    Day 27

    Prototype and Prototypal Inheritance in Javascript

    Resources

    Video:

    Prototype and Prototypal Inheritance in Javascript

    Day 28

    Local Storage & Session Storage

    Resources

    Video:

    Local Storage & Session Storage

    Day 29

    calculator

    Day 29

    Day 30

    Side bar

    Day 30