Skip to content

piyalidas10/javascript-playgrounds

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits

Dag-Drop

Dag-Drop

 
 

Image_Carousel_Slider

Image_Carousel_Slider

 
 

Image_Carousel_Slider_Thumbnail

Image_Carousel_Slider_Thumbnail

 
 

Product_Slider

Product_Slider

 
 

Resizable_Div

Resizable_Div

 
 

Shopping_Cart_OOPs

Shopping_Cart_OOPs

 
 

Throttling

Throttling

 
 

apply

apply

 
 

bind

bind

 
 

call

call

 
 

closure

closure

 
 

debouncing

debouncing

 
 

design-pattern

design-pattern

 
 

globalterrorism

globalterrorism

 
 

module_pattern

module_pattern

 
 

output

output

 
 

problems

problems

 
 

validation

validation

 
 

validation_class

validation_class

 
 

Code_optimization.png

Code_optimization.png

 
 

Contextmenu.html

Contextmenu.html

 
 

Fetch_API.html

Fetch_API.html

 
 

Object_Array_Replace_Multiple.html

Object_Array_Replace_Multiple.html

 
 

Object_array_findIndex.html

Object_array_findIndex.html

 
 

Object_clone_ways.html

Object_clone_ways.html

 
 

Object_destructuring.html

Object_destructuring.html

 
 

Object_dot_notation_vs_brackets.html

Object_dot_notation_vs_brackets.html

 
 

Object_null_empty_check.html

Object_null_empty_check.html

 
 

Object_with_Dot_vs_Bracket.html

Object_with_Dot_vs_Bracket.html

 
 

Promise.allSettled.html

Promise.allSettled.html

 
 

XMLHttpRequest.html

XMLHttpRequest.html

 
 

array_functions.html

array_functions.html

 
 

arrow.html

arrow.html

 
 

arrow_func1.html

arrow_func1.html

 
 

arrow_func2.html

arrow_func2.html

 
 

compare_arrays.html

compare_arrays.html

 
 

context.html

context.html

 
 

contextmenu.png

contextmenu.png

 
 

cookie.html

cookie.html

 
 

deep_copy_using_lodash.html

deep_copy_using_lodash.html

 
 

dragdrop.html

dragdrop.html

 
 

duplicate_element_remove.html

duplicate_element_remove.html

 
 

event_target.html

event_target.html

 
 

find_vs_some.html

find_vs_some.html

 
 

font_change.html

font_change.html

 
 

font_change.mp4

font_change.mp4

 
 

font_change_optimize.html

font_change_optimize.html

 
 

function_call.html

function_call.html

 
 

function_constructor.html

function_constructor.html

 
 

function_expression.html

function_expression.html

 
 

getter_setter.html

getter_setter.html

 
 

helper_function.html

helper_function.html

 
 

let_vs_const.html

let_vs_const.html

 
 

loops.html

loops.html

 
 

map_array.html

map_array.html

 
 

method_invocation_pattern.html

method_invocation_pattern.html

 
 

modal.html

modal.html

 
 

object.html

object.html

 
 

object_array_grouping.html

object_array_grouping.html

 
 

object_array_grouping_reduce.html

object_array_grouping_reduce.html

 
 

object_compare.html

object_compare.html

 
 

object_freeze.html

object_freeze.html

 
 

polyfill_bind.html

polyfill_bind.html

 
 

program1.html

program1.html

 
 

program2.html

program2.html

 
 

program3.html

program3.html

 
 

promise-all.html

promise-all.html

 
 

promise-race.html

promise-race.html

 
 

promise.html

promise.html

 
 

prompt.html

prompt.html

 
 

questionmark_object.html

questionmark_object.html

 
 

readme.md

readme.md

 
 

reduce.html

reduce.html

 
 

reduce_sum.html

reduce_sum.html

 
 

replace_multiple_spaces_ith_single.html

replace_multiple_spaces_ith_single.html

 
 

rest_operator.html

rest_operator.html

 
 

shallow_deep_copy.html

shallow_deep_copy.html

 
 

shorthand_operator.html

shorthand_operator.html

 
 

spread_operator.html

spread_operator.html

 
 

spread_operator_function_argument.html

spread_operator_function_argument.html

 
 

spread_vs_rest.html

spread_vs_rest.html

 
 

stopPropagation.html

stopPropagation.html

 
 

table_change_bgcolor.html

table_change_bgcolor.html

 
 

ternary_operator.html

ternary_operator.html

 
 

window_resize.html

window_resize.html

 
 

Repository files navigation

javascript course

https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/

Why use Trotlling & debouncing

  1. performance optimization
  2. limiting the rate of executions of particular functions

Scenrios where Trotlling & debouncing are used

  1. Search bar - debouncing is more efficient than trotlling
  2. Window resize - trotlling is more efficient than debouncing
  3. Button click (Shooting game) Realtime Scenerio suppose for Machine gun/Pistol- range 300ms, next shot can made only after 300ms -------- trotlling is more efficient than debouncing

Apply, Call, Bind methods

Every function in javascript has access these Apply, Call, Bind methods

Create your own function like Apply, Call, Bind methods which will be accessible in every function in javascript

Funtion.prototype.myunction = function() {

}

https://medium.com/dailyjs/how-to-remove-array-duplicates-in-es6-5daa8789641c

ng-India Webinar - Master 5 Most Popular Concepts of JavaScript

https://www.youtube.com/watch?v=F2V7MgehDSY

About

javascript programs

Topics

javascript object arrow array call closure dragdrop bind throttling debouncing apply module-pattern spread-operator

Resources

Readme
Activity

Stars

1 star

Watchers

2 watching

Forks

1 fork
Report repository

Releases

No releases published

Packages

No packages published

Languages