Discover and read the best of Twitter Threads about #javascript30

Most recents (24)

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 Image
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.
Read 7 tweets
๐Ÿ’› 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?

โžŸ 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)
Read 18 tweets
๐Ÿ’› 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?

โ–บ 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.
Read 10 tweets
๐Ÿ’› 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?

โ†’ 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.
Read 11 tweets
๐Ÿ’› 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?

โ†’ 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!๐Ÿ‘€๐Ÿ‘‡

Read 5 tweets
๐Ÿ’› 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!๐Ÿงตโ‡ฉ Image
๐Ÿ“Œ 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.
๐Ÿ“Œ 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 Image
Read 7 tweets
๐Ÿ’› 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
๐Ÿงตโ‡ฉ Image
๐Ÿ“Œ What is a function declaration?

โ†’ A function declaration always starts with the "function" keyword.

โ†’ The function declaration must have a function name. Image
๐Ÿ“Œ What is a function statement?

โ†’ The function statement is the synonym of the function declaration.

โ†’ Both are the same.
Read 9 tweets
Number Methods in JavaScriptย ๐Ÿ”ฅ.
A thread.
#javascript30
#webdev
1. Number() Method:-

- 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:-
Read 10 tweets
๐Ÿ’› 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?

โ†’ 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!๐Ÿ‘€๐Ÿ‘‡
Read 9 tweets
๐Ÿ’› 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 Image
๐Ÿ“Œ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.
๐Ÿ“Œ Syntax of switch statement!

switch(condition/case){

case 1:{
...
break;
}

case 2:{
...
break;
}

case 3:{
...
break;
}

default:{
...
}

} Image
Read 9 tweets
๐Ÿ’› 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?

โ†’ 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 )
Read 14 tweets
๐Ÿ’› 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!๐Ÿงต๐Ÿ‘‡ Image
๐Ÿ“Œ 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.
๐Ÿ“ŒWhat is an operator?

โ†’ It is used to manipulate values.

๐Ÿ‘€

+, -, *, etc
Read 10 tweets
๐Ÿ’› 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!๐Ÿงต๐Ÿ‘‡ Image
๐Ÿ“Œ 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.
๐Ÿ“Œ 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.
Read 7 tweets
๐Ÿ’› 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!๐Ÿ‘‡๐Ÿงต Image
๐Ÿ“Œ 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!
๐Ÿ“Œ 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!
Read 7 tweets
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โ€ฆ
Read 11 tweets
Looking to break into #WordPressDevelopment or just #webdev in general? Hereโ€™s the learning path I recommend, with resources to get you going. ๐Ÿงต๐Ÿ‘‡
First, learn HTML. This is the most-fundamental part of the web. It is mostly memorization. The goal here is to know enough to know what to Google. Take the course 1-2 times. Donโ€™t stress if you donโ€™t know every single tag, theyโ€™ll come in time.

codecademy.com/learn/learn-htโ€ฆ
Next, CSS. This is mostly memorization too. Itโ€™s a bit harder to learn than HTML, so go slower. Try to build some webpages on your own after taking the course. Donโ€™t get discouraged if you struggle at first, we all did.

codecademy.com/learn/learn-css
Read 19 tweets
17+ JavaScript Resourses

[A thread ๐Ÿงต- Books, Courses, Tutorials, etc. โฌ‡]
[2/17] JavaScript For Cats ๐Ÿ“š
An introduction for new programmers

jsforcats.com
Read 19 tweets
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 ๐Ÿงต๐Ÿงต๐Ÿ‘‡
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 โฌ‡๏ธ
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 โฌ‡๏ธ
Read 27 tweets
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 ImageImage
Here is the link of my article for detailed explanation -

dev.to/ms_yogii/js-baโ€ฆ
One more useful article on this keyword with best and very simplified explanation

codeburst.io/the-simple-rulโ€ฆ
Read 3 tweets
Cursos gratis y cortos de #desarrolloweb de los desarrolladores mรกs cracks que yo conozco:

- @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.
Read 7 tweets
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 Image
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.
Read 3 tweets
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... Image
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
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
Read 11 tweets
Hi Twitter,
I want to quickly share the best resources to learn Javascript.
Are you just getting started?
Read On โคต๏ธ
Why Javascript?
* It is the language of the INTERNET
* Works on Backend as well as frontend, so if you are getting started, it keeps your options open.
* All you need is an IDE and browser to get started, no complicated setup
* Its easy to get started, has great community
Get started with easy 1 Page intro to Javascript

Even your cats would love it
jsforcats.com
Read 17 tweets
Today is day ONE of #100DaysOfCode! My goal for the day is to cont. through codecademy's 'Create a Back-end app with JavaScript' (maybe get to the 40% mark?), start Harvard's cs50 course, & get through a few of NetNinja's Node js tutorials. Yay! #BlackTechTwitter #WomenWhoCode
Good Morning, Good morninggg!! ๐ŸŒž Today is...day TWO of #100DaysOfCode I got through 30% of codecademyโ€™s โ€˜Create a backend app with jsโ€™, week 0 of Harvardโ€™s cs50 and watched a NetNinja video. Iโ€™ll post below the topics I covered in a few #BlackTechTwitter #WomenWhoCode
Yesterday I went over a couple of code challenges, I began covering express-react-views, and went over the game logic of Tic Tac Toe while trying to write a different version. Week 0 of Harvard's cs50 was very interesting and put me down a binary code & algorithm rabbit hole
Read 97 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!