Discover and read the best of Twitter Threads about #Javascript30
Most recents (24)
Memoization is a technique used to optimize the performance of a function by caching its results for a given set of inputs.
#100DaysOfCode #reactjs #Angular #NodeJS
#100DaysOfCode #reactjs #Angular #NodeJS
The idea is that if a function is called multiple times with the same input, it's more efficient to return the cached result instead of re-computing the result each time.
#100daysofcodingchallenge #reactjs #Angular #NodeJS
#100daysofcodingchallenge #reactjs #Angular #NodeJS
1. Create package.json
๐ npm init
# Generate and answer yell to all
๐ npm init --yes
# Short hand
๐ npm init -y
๐ npm init
# Generate and answer yell to all
๐ npm init --yes
# Short hand
๐ npm init -y
2. Install Package
# install a package local to current folder
๐npm i <packageName>
# install a package with specific version
๐npm i <packageName>@<version>
# install a package globally
๐npm i -g <packageName>
# install a package local to current folder
๐npm i <packageName>
# install a package with specific version
๐npm i <packageName>@<version>
# install a package globally
๐npm i -g <packageName>
You decided to learn Java, and even picked up a course to learn but it seems to be more time consuming
So AppsHive has come up with the list of the best Java Coding Apps for easy learning
#appshiverecommends #javascript30 #Java #mobileapps #Coding #Codingprojects
A thread๐
So AppsHive has come up with the list of the best Java Coding Apps for easy learning
#appshiverecommends #javascript30 #Java #mobileapps #Coding #Codingprojects
A thread๐
1) @Sololearn
What we liked:๐คฉ
๐Very easy to use and let us have many many options to choose what we want to learn
๐It offers courses in many languages
๐Can compete with peer learners
๐You can try and write code right from your mobile phone
What we liked:๐คฉ
๐Very easy to use and let us have many many options to choose what we want to learn
๐It offers courses in many languages
๐Can compete with peer learners
๐You can try and write code right from your mobile phone
2) @codegym_cc
What we liked:๐คฉ
๐Provide a handy article on programming
๐ Bite-size lectures with real examples
๐Provides instant task verification
๐Can ask questions for solving any problem
What we liked:๐คฉ
๐Provide a handy article on programming
๐ Bite-size lectures with real examples
๐Provides instant task verification
๐Can ask questions for solving any problem
Cursos gratis y cortos de los programadores mรกs cracks que yo conozco:
- #JavaScript (de todo) y Flexbox de @wesbos
- #CSS grids de @jensimmons
- #ReactJS y NextJS de @leeerob
โค๏ธ RT comparte el amor!
๐งต HILO
- #JavaScript (de todo) y Flexbox de @wesbos
- #CSS grids de @jensimmons
- #ReactJS y NextJS de @leeerob
โค๏ธ RT comparte el amor!
๐งต HILO
El #javascript30 de @wesbos es un clรกsico javascript30.com son 30 videos de vainilla #JavaScript code challenges. Aprendes de todo, #arrays, #canva, sonido, etc.
Tambiรฉn de @wesbos tenemos cssgrid.io para aprender #cssgrids en 25 videos y flexbox.io para aprender #flexbox en 20 videos.
๐ Day 3๏ธโฃ2๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series!
๐ What are DOM selectors?
๐ Types of DOM selectors?
๐ Select by Id?
๐ Select by query selector?
๐ Select by class name?
๐Select by tag name?
๐Select by query selector all?
#javascript30
Let me explain๐งต๐
๐ What are DOM selectors?
๐ Types of DOM selectors?
๐ Select by Id?
๐ Select by query selector?
๐ Select by class name?
๐Select by tag name?
๐Select by query selector all?
#javascript30
Let me explain๐งต๐
๐ What are DOM selectors?
โ DOM selectors are used to select HTML elements or nodes or objects.
โ Or, DOM selectors are used to selecting HTML elements within a document using JavaScript.
โ DOM selectors are used to select HTML elements or nodes or objects.
โ Or, DOM selectors are used to selecting HTML elements within a document using JavaScript.
๐ Types of DOM selectors?
โ There are 2 types of DOM selectors.
1๏ธโฃ Single element selector(Sigular selector)
2๏ธโฃ Multiple elements selector(Plural selector)
โ There are 2 types of DOM selectors.
1๏ธโฃ Single element selector(Sigular selector)
2๏ธโฃ Multiple elements selector(Plural selector)
๐ Day 3๏ธโฃ1๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series!
๐ What is DOM?
๐ What is DOM structure or tree?
๐ What is DOM manipulation?
๐ How to access or manipulate nodes using DOM?
๐JavaScript selectors?
#javascript30
Let me explain!๐งต๐
๐ What is DOM?
๐ What is DOM structure or tree?
๐ What is DOM manipulation?
๐ How to access or manipulate nodes using DOM?
๐JavaScript selectors?
#javascript30
Let me explain!๐งต๐
๐ What is DOM?
โบ DOM stands for Document Object Model.
โบ DOM is not part of JavaScript, it's an interface that allows programming language to change or remove the HTML elements.
โบ It is used to make the website interactive from the client-side.
โบ DOM stands for Document Object Model.
โบ DOM is not part of JavaScript, it's an interface that allows programming language to change or remove the HTML elements.
โบ It is used to make the website interactive from the client-side.
โบ DOM is used to manipulate, style, or content of HTML elements.
โบ The "document" is the "root" element of the website.
โบ And the <HTML> is the child of the "document" node or object.
โบ The "document" is the "root" element of the website.
โบ And the <HTML> is the child of the "document" node or object.
๐ Day 2๏ธโฃ6๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series!
โ What is an array?
โ How many types of creating an array?
โ How to access array items & full array?
โ How to change the array items?
โ The data type of the array?
#javascript30
๐งตโฉ
โ What is an array?
โ How many types of creating an array?
โ How to access array items & full array?
โ How to change the array items?
โ The data type of the array?
#javascript30
๐งตโฉ
๐ What is an array?
โ It is a special variable that can be store more than one value.
โ If you have multiple data items then you can use an array for storing those items.
โ It can hold many values in a single variable.
โ It is a special variable that can be store more than one value.
โ If you have multiple data items then you can use an array for storing those items.
โ It can hold many values in a single variable.
โ Or, storing a collection of multiple items in a single variable.
โ Js array can contain mixed types of data or items, like string, decimal, float, boolean, etc.
โ Js array can contain mixed types of data or items, like string, decimal, float, boolean, etc.
๐ Day 2๏ธโฃ5๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series!
โ How many types of functions are in JavaScript?
โ With explanations as well as examples!
#javascript30
Let me explain!๐งตโฉ
โ How many types of functions are in JavaScript?
โ With explanations as well as examples!
#javascript30
Let me explain!๐งตโฉ
๐ How many types of functions are in JavaScript?
โ There are 3 types of function is javaScript
1๏ธโฃ Function declaration/statement
2๏ธโฃ Function expression
3๏ธโฃ Arrow function
โ There are 3 types of function is javaScript
1๏ธโฃ Function declaration/statement
2๏ธโฃ Function expression
3๏ธโฃ Arrow function
1๏ธโฃ Function declaration/statement
2๏ธโฃ Function expression
โ Learn it from this thread!๐๐
2๏ธโฃ Function expression
โ Learn it from this thread!๐๐
๐ Day 2๏ธโฃ4๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series!
โ What is an arrow function?
โ What is the syntax of the arrow function?
#javascript30
Let me explain!๐งตโฉ
โ What is an arrow function?
โ What is the syntax of the arrow function?
#javascript30
Let me explain!๐งตโฉ
๐ What is an arrow function?
โ This is also similar to function declaration or function expression.
โ Arrow function was introduced in ES6(2015).
โ It allows us to define a function with an arrow (=>) symbol.
โ This is also similar to function declaration or function expression.
โ Arrow function was introduced in ES6(2015).
โ It allows us to define a function with an arrow (=>) symbol.
๐ What is the syntax of the arrow function?
โ This is the simple syntax of the arrow function
๐ฃ๐ฎ๐ฟ๐ฎ๐บ๐ฒ๐๐ฒ๐ฟ => ๐๐ ๐ฝ๐ฟ๐ฒ๐๐๐ถ๐ผ๐ป
๐Here:
- "square" is the name of the function
- "a" is the parameter of the function
- "a * a" is the function expression
โ This is the simple syntax of the arrow function
๐ฃ๐ฎ๐ฟ๐ฎ๐บ๐ฒ๐๐ฒ๐ฟ => ๐๐ ๐ฝ๐ฟ๐ฒ๐๐๐ถ๐ผ๐ป
๐Here:
- "square" is the name of the function
- "a" is the parameter of the function
- "a * a" is the function expression
๐ Day 2๏ธโฃ3๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series!
โ What is a function declaration?
โ What is a function statement?
โ What is function expression?
โ Difference between function declaration & function expression?
โ What is an anonymous function?
#javascript30
๐งตโฉ
โ What is a function declaration?
โ What is a function statement?
โ What is function expression?
โ Difference between function declaration & function expression?
โ What is an anonymous function?
#javascript30
๐งตโฉ
๐ What is a function declaration?
โ A function declaration always starts with the "function" keyword.
โ The function declaration must have a function name.
โ A function declaration always starts with the "function" keyword.
โ The function declaration must have a function name.
๐ What is a function statement?
โ The function statement is the synonym of the function declaration.
โ Both are the same.
โ The function statement is the synonym of the function declaration.
โ Both are the same.
1. Number() Method:-
- The Number() function is used to convert various data types to numbers.
Syntax:- Number(value)
Example:-
- The Number() function is used to convert various data types to numbers.
Syntax:- Number(value)
Example:-
2. parseInt():-
- This function converts a decimal number to an integer value.
Syntax:- parseInt(value)
Example:-
- This function converts a decimal number to an integer value.
Syntax:- parseInt(value)
Example:-
๐ Day 2๏ธโฃ1๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series!
โ What is a ternary operator?
โ The conditional ternary operator in JavaScript?
โ The conditional operator in a template literal?
#javascript30
โ What is a ternary operator?
โ The conditional ternary operator in JavaScript?
โ The conditional operator in a template literal?
#javascript30
๐ What is a ternary operator?
โ Which operator takes 3 operands that are a ternary operator.
๐ In short:
1 operand : Unary operator
2 operand : Binary operator
3 operand : Ternary operator
โ Which operator takes 3 operands that are a ternary operator.
๐ In short:
1 operand : Unary operator
2 operand : Binary operator
3 operand : Ternary operator
๐ The conditional (ternary) operator in JavaScript?
โ This is similar to the "if" and "else" statements but in a single line.
โ This is an operator, which produces a value.
โ There are 3 parts of this operator.
Have a look!๐๐
โ This is similar to the "if" and "else" statements but in a single line.
โ This is an operator, which produces a value.
โ There are 3 parts of this operator.
Have a look!๐๐
๐ Day 2๏ธโฃ0๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series!
โ What is a Switch statement?
โ What are the "break" & "default" keywords?
โ What is a Switch statement in multiple cases?
โ Strict comparison with switch statement?
#javascript30
โ What is a Switch statement?
โ What are the "break" & "default" keywords?
โ What is a Switch statement in multiple cases?
โ Strict comparison with switch statement?
#javascript30
๐What is a Switch statement?
โ Switch statements are similar to if and else if statements with differences.
โ Switch statements also executed the block of code based on the switch condition.
โ Using switch statements we can select a particular block of code based on cases.
โ Switch statements are similar to if and else if statements with differences.
โ Switch statements also executed the block of code based on the switch condition.
โ Using switch statements we can select a particular block of code based on cases.
๐ Syntax of switch statement!
switch(condition/case){
case 1:{
...
break;
}
case 2:{
...
break;
}
case 3:{
...
break;
}
default:{
...
}
}
switch(condition/case){
case 1:{
...
break;
}
case 2:{
...
break;
}
case 3:{
...
break;
}
default:{
...
}
}
๐ Day 1๏ธโฃ1๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series
โ Arithmetic operator?
โ Prefix & Postfix operator?
โ Assignment operator?
โ Comparision operator?
โ == VS === operator?
โ Logical operator?
โ String operator?
#javascript30
Let me explain!๐งต๐
โ Arithmetic operator?
โ Prefix & Postfix operator?
โ Assignment operator?
โ Comparision operator?
โ == VS === operator?
โ Logical operator?
โ String operator?
#javascript30
Let me explain!๐งต๐
๐ Arithmetic operator?
โ It is used to perform mathematical calculations.
๐ +, -, %, *, **, etc
โ ** is a square operator or power operator.
๐ 2**3 = 2x2x2
โ It is used to perform mathematical calculations.
๐ +, -, %, *, **, etc
โ ** is a square operator or power operator.
๐ 2**3 = 2x2x2
โ % is a modulus operator, not a percentage.
โ It is used to find the remainder of an expression.
๐ 11 % 10 = remainder ( 1 )
โ It is used to find the remainder of an expression.
๐ 11 % 10 = remainder ( 1 )
๐ Day 1๏ธโฃ0๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series
โ What is an expression?
โ What is an operator?
โ What is an operand?
โ What is a unary operator, binary operator, ternary operator?
#javascript30
Let me explain!๐งต๐
โ What is an expression?
โ What is an operator?
โ What is an operand?
โ What is a unary operator, binary operator, ternary operator?
#javascript30
Let me explain!๐งต๐
๐ What is an expression?
โ Expression is the combination of operator, operand(value), and variable that produce new value.
๐ c = a + b;
- a, b is a value, and + is an operator that produces and new value as a c variable.
โ Expression is the combination of operator, operand(value), and variable that produce new value.
๐ c = a + b;
- a, b is a value, and + is an operator that produces and new value as a c variable.
๐What is an operator?
โ It is used to manipulate values.
๐
+, -, *, etc
โ It is used to manipulate values.
๐
+, -, *, etc
๐ Day 2๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series
โ What is data type?
โ How many data types are in javaScript?
#javascript30
Let me explain!๐งต๐
โ What is data type?
โ How many data types are in javaScript?
#javascript30
Let me explain!๐งต๐
๐ What is data type?
โ Data type means which type of data or value.
โ It defines which "type" of variable has a value or data.
โ The data type defines the type of data or value.
โ It can be number, string, boolean, etc.
โ Data type means which type of data or value.
โ It defines which "type" of variable has a value or data.
โ The data type defines the type of data or value.
โ It can be number, string, boolean, etc.
๐ How many data types are in javaScript?
๐ There are 2 types of data types in JavaScript.
1๏ธโฃ Primitive data types
2๏ธโฃ Non-primitive / object / reference data types.
๐ There are 2 types of data types in JavaScript.
1๏ธโฃ Primitive data types
2๏ธโฃ Non-primitive / object / reference data types.
๐ Day 1๏ธโฃ / 3๏ธโฃ0๏ธโฃ days of basics in JavaScript series!
โ What are values and their type?
โ What is the use of value?
โ How to invoke or call value?
โ What is a variable?
#javascript30
Let me explain!๐๐งต
โ What are values and their type?
โ What is the use of value?
โ How to invoke or call value?
โ What is a variable?
#javascript30
Let me explain!๐๐งต
๐ What is value?
โ A value is a fixed object.
โ Or, a value is a definite item or entity.
โ In the context of programming, A values can be a number, string, double, function, etc
โ Note: javascript function also produces a value!
โ A value is a fixed object.
โ Or, a value is a definite item or entity.
โ In the context of programming, A values can be a number, string, double, function, etc
โ Note: javascript function also produces a value!
๐ What is the use of value?
โ Values are used to perform calculations.
โ Suppose, 10 & 20 are values, you can add, subtract, them using an operator!
๐ More in the upcoming thread!
โ Values are used to perform calculations.
โ Suppose, 10 & 20 are values, you can add, subtract, them using an operator!
๐ More in the upcoming thread!
Here's a thread of FREE resources that helped me land my first developer role. Take a look if you're just starting out or doing #100DaysOfCode. Link your favourite resources below and help others.. ๐งต๐
1. @freeCodeCamp - The perfect place to start learning HTML, CSS and JavaScript.. (FREE) freecodecamp.org/learn/responsiโฆ
2. @Codecademy - Another great place to start with HTML, CSS and JavaScript.. (FREE) codecademy.com/catalog/languaโฆ
17+ JavaScript Resourses
[A thread ๐งต- Books, Courses, Tutorials, etc. โฌ]
[A thread ๐งต- Books, Courses, Tutorials, etc. โฌ]
Are you looking for Javascript Projects and Tutorial including HTML , CSS ?
๐Here is 30 Day Vanilla JS challenge
Build 30 things 30 Days with 30 Tutorial โฌ๏ธ
Link of Github for codes ๐github.com/YUG2477
#100DaysOfCode #javascript30 #DEVCommunity #html
Threads ๐งต๐งต๐
๐Here is 30 Day Vanilla JS challenge
Build 30 things 30 Days with 30 Tutorial โฌ๏ธ
Link of Github for codes ๐github.com/YUG2477
#100DaysOfCode #javascript30 #DEVCommunity #html
Threads ๐งต๐งต๐
Day 1
โถ๏ธ Javascript Drum Kit ๐ฅ
Learn ๐
how to build drumkit , dealing with Event key and keycode for keyboard and how to link sound to particular key entered.
Link๐github.com/YUG2477/30-Dayโฆ
Final look โฌ๏ธ
โถ๏ธ Javascript Drum Kit ๐ฅ
Learn ๐
how to build drumkit , dealing with Event key and keycode for keyboard and how to link sound to particular key entered.
Link๐github.com/YUG2477/30-Dayโฆ
Final look โฌ๏ธ
Day 2
โถ๏ธ Built Clock with js and css ๐
Learn ๐ how to move the different hands of clock with particular angles .
๐ Maths for calculating mins Degree , seconds Degree and hour Degree link them using js by setInterval.
Link๐github.com/YUG2477/30-Dayโฆ
Final look โฌ๏ธ
โถ๏ธ Built Clock with js and css ๐
Learn ๐ how to move the different hands of clock with particular angles .
๐ Maths for calculating mins Degree , seconds Degree and hour Degree link them using js by setInterval.
Link๐github.com/YUG2477/30-Dayโฆ
Final look โฌ๏ธ
This keyword is always a confusion!
Here is the cheatsheet I created for my reference and it might be useful for you ๐
#DEVCommunity #DEVCommunityIN #webdevelopers
#javascript #javascript30 #100DaysOfCode #tech
Here is the cheatsheet I created for my reference and it might be useful for you ๐
#DEVCommunity #DEVCommunityIN #webdevelopers
#javascript #javascript30 #100DaysOfCode #tech
One more useful article on this keyword with best and very simplified explanation
codeburst.io/the-simple-rulโฆ
codeburst.io/the-simple-rulโฆ
Cursos gratis y cortos de #desarrolloweb de los desarrolladores mรกs cracks que yo conozco:
- @wesbos
- @jensimmons
- @leeerob
โค๏ธ RT comparte el amor!
๐๐ฝ HILO ๐๐ฝ
- @wesbos
- @jensimmons
- @leeerob
โค๏ธ RT comparte el amor!
๐๐ฝ HILO ๐๐ฝ
El #javascript30 de @wesbos es un clรกsico javascript30.com son 30 videos de vanilla #JavaScript code challenges. Aprendes de todo, #arrays, #canva, sonido, etc.
Tambien de @wesbos tenemos cssgrid.io para aprender #cssgrids en 25 videos y flexbox.io para aprender #flexbox en 20 videos.
In #javascript array.some() determines whether the specified callback function returns true for any element of an array.
#100DaysOfCode #301DaysOfCode #WomenWhoCode #learntocode #CodeNewbie #javascript30 #developers #FrontEndDevelopment #programming #30Daysofcode #coding
#100DaysOfCode #301DaysOfCode #WomenWhoCode #learntocode #CodeNewbie #javascript30 #developers #FrontEndDevelopment #programming #30Daysofcode #coding
A function that accepts up to three arguments. The some method calls the predicate function for each element in the array until the predicate returns a value which is coercible to the Boolean value true, or until the end of the array.
@threadreaderapp unroll
6 Ways To Improve Web Performance With Preload Content
prefetch vs preload vs preconnect vs dns-prefetch vs prerender vs modulepreload
*advanced javascript techniques*
๐งต Thread...
prefetch vs preload vs preconnect vs dns-prefetch vs prerender vs modulepreload
*advanced javascript techniques*
๐งต Thread...
1. preload
<link rel="preload"> tells the browser to download and cache a resource (script or stylesheet) as soon as possible
Itโs helpful when you need that resource a few seconds after loading the page
<link rel="preload"> tells the browser to download and cache a resource (script or stylesheet) as soon as possible
Itโs helpful when you need that resource a few seconds after loading the page
2. prefetch
<link rel="prefetch"> tells browser to download and cache a resource in the background
The download happens with a low priority, so it doesnโt interfere with more important resources
Itโs helpful when you need resource on a subsequent page
<link rel="prefetch"> tells browser to download and cache a resource in the background
The download happens with a low priority, so it doesnโt interfere with more important resources
Itโs helpful when you need resource on a subsequent page
