What will be the Output?
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
👍1
Web Development CS JS Python JavaScript Hacking ReactJs Python django Flask CSS Frontend Backend Full Stack Java Node Pdf Books
What will be the Output? const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; const citrus = fruits.slice(1, 3);
Correct answer is:
["Orange", "Lemon"]
Why? -
Answer- The slice() method in JavaScript extracts a section of array.
Here fruits.slice(1, 3) will start extracting the elements from index 1 upto index 3.
However index 3 element will not be included in the returned array by splice method.
Questions arises- what is array?
What is index in array?
["Orange", "Lemon"]
Why? -
Answer- The slice() method in JavaScript extracts a section of array.
Here fruits.slice(1, 3) will start extracting the elements from index 1 upto index 3.
However index 3 element will not be included in the returned array by splice method.
Questions arises- what is array?
What is index in array?
🔥2
I will post small byte sized topics for you everyday. 😊 read 📚 them and learn them...
❤4
What is the behavior of the following JavaScript function?
function someFunction(n) { while (true) { console.log(n); } }
function someFunction(n) { while (true) { console.log(n); } }
Anonymous Quiz
23%
The function prints the value of n once and then stops.
60%
The function prints the value of n repeatedly in an infinite loop.
11%
The function prints the value of n a fixed number of times
6%
The function contains a syntax error and will not run.
What are keys in array in JavaScript?
What is typeOf operator in JavaScript?
How to particularly check if a variable is array in JavaScript?
Angular 17 and the new angular.dev site has been officially released.
JavaScript Complete free Resources
1/ Websites:
📌 http://freecodecamp.org
📌 http://javascript.info
📌 http://javascriptquiz.com
📌 http://developer.mozilla.org
📌 http://eloquentjavascript.net
📌 http://w3schools.com
📌 http://khanacademy.org
📌 http://codecademy.com
📌 http://learn-js.org
2/ Books:
📕 Eloquent JavaScript
📕 JavaScript: The good parts
📕 Learn JavaScript visually
📕 JavaScript: The definitive guide
📕 A smarter way to learn JavaScript
📕 You Don't Know JS
📕 Effective JavaScript
📕 Speaking JavaScript
3/ YouTube Channels:
▶️ Traversy Media
▶️ Programming with Mosh
▶️ Web Dev Simplified
▶️ Academind
▶️ Fireship
▶️ Dev Ed
4/ Podcasts:
📻 Syntax
📻 JavaScript Jabber
📻 Modern Web
📻 Full-stack radio
📻 Codepen Radio
📻 ShopTalk
📻 JAMstack Radio
5/ Coding Challenge Platforms:
🧩 http://codewars.com
🧩 http://codingame.com
🧩 http://coderbyte.com
🧩 http://exercism.io
🧩 http://edabit.com
6/ Mobile Apps:
📱 SoloLearn
📱 Codemurai
📱 Mimo
📱 Grasshopper
📱 Programming Hero
📱 Programming Hub
1/ Websites:
📌 http://freecodecamp.org
📌 http://javascript.info
📌 http://javascriptquiz.com
📌 http://developer.mozilla.org
📌 http://eloquentjavascript.net
📌 http://w3schools.com
📌 http://khanacademy.org
📌 http://codecademy.com
📌 http://learn-js.org
2/ Books:
📕 Eloquent JavaScript
📕 JavaScript: The good parts
📕 Learn JavaScript visually
📕 JavaScript: The definitive guide
📕 A smarter way to learn JavaScript
📕 You Don't Know JS
📕 Effective JavaScript
📕 Speaking JavaScript
3/ YouTube Channels:
▶️ Traversy Media
▶️ Programming with Mosh
▶️ Web Dev Simplified
▶️ Academind
▶️ Fireship
▶️ Dev Ed
4/ Podcasts:
📻 Syntax
📻 JavaScript Jabber
📻 Modern Web
📻 Full-stack radio
📻 Codepen Radio
📻 ShopTalk
📻 JAMstack Radio
5/ Coding Challenge Platforms:
🧩 http://codewars.com
🧩 http://codingame.com
🧩 http://coderbyte.com
🧩 http://exercism.io
🧩 http://edabit.com
6/ Mobile Apps:
📱 SoloLearn
📱 Codemurai
📱 Mimo
📱 Grasshopper
📱 Programming Hero
📱 Programming Hub
👍3🔥1😁1
Split Method in JavaScript.mkv
21 MB
Just Screen Recorded a JavaScript Method for you guys. Hope you learn something from this.
#JavaScript #js
#JavaScript #js
split() method in JavaScript -
Ans - split() method is used to split a string into an array of substring.
Ans - split() method is used to split a string into an array of substring.
Web Development CS JS Python JavaScript Hacking ReactJs Python django Flask CSS Frontend Backend Full Stack Java Node Pdf Books
What are keys in array in JavaScript?
In JavaScript, keys in an array are the numeric indices used to access its elements. Arrays start counting from 0, so the first element is at index 0, the second at index 1, and so on.
let myArray = [10, 20, 30];
console.log(myArray[0]);
// Output: 10
let myArray = [10, 20, 30];
console.log(myArray[0]);
// Output: 10
Web Development CS JS Python JavaScript Hacking ReactJs Python django Flask CSS Frontend Backend Full Stack Java Node Pdf Books
What is typeOf operator in JavaScript?
The typeof operator in JavaScript is used to determine the data type of a variable or an expression.
let x = 10;
let y = "Hello";
console.log(typeof x);
// Output: "number"
console.log(typeof y);
// Output: "string"
let x = 10;
let y = "Hello";
console.log(typeof x);
// Output: "number"
console.log(typeof y);
// Output: "string"
😁1
Web Development CS JS Python JavaScript Hacking ReactJs Python django Flask CSS Frontend Backend Full Stack Java Node Pdf Books
How to particularly check if a variable is array in JavaScript?
To check if a variable is an array in JavaScript, you can use the Array.isArray() method.
let myVariable = [1, 2, 3];
let isItArray = Array.isArray(myVariable);
console.log(isItArray);
// Output: true
let myVariable = [1, 2, 3];
let isItArray = Array.isArray(myVariable);
console.log(isItArray);
// Output: true
❤1
Complete HTML, CSS and JS
Road map 🔥
HTML
1.Document Structure
• <!DOCTYPE>
• <html>
• <head>
• <title>
• <meta>
• <link>
• <script>
• <noscript>
2.Text Content
• <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
• <p>
• <span>
• <strong>
• <em>
• <br>
• <hr>
3.Lists
• <ul>
• <ol>
• <li>
• <dl>
• <dt>
• <dd>
4.Links and Navigation
• <a>
• <nav>
• <link>
5.Embedded Content
• <img>
• <audio>
• <video>
• <iframe>
• <canvas>
• <svg>
6.Forms
• <form>
• <input>
• <textarea>
• <button>
• <select>
• <option>
• <label>
• <fieldset>
• <legend>
• <datalist>
• <output>
7.Tables
• <table>
• <tr>
• <th>
• <td>
• <caption>
8.Semantic Elements
• <article>
• <section>
• <header>
• <footer>
• <aside>
• <main>
• <figure>
• <figcaption>
• <mark>
• <progress>
• <time>
• <details>
• <summary>
9.Deprecated Elements (Avoid Using)
• <center>
• <font>
• <strike>
CSS
1. Box Model
• width
• height
• margin
• padding
• border
• box-sizing
2. Positioning
• position
• top
• right
• bottom
• left
• float
• clear
• z-index
3. Typography
• font-family
• font-size
• font-weight
• font-style
• color
• line-height
• letter-spacing
• text-align
• text-decoration
• text-transform
4. Visual Formatting
• background-color
• background-image
• background-repeat
• background-position
• background-size
• color
• display
• visibility
• overflow
• opacity
5. Flexbox
• display: flex;
• flex-direction
• justify-content
• align-items
• align-self
• flex
6. Grid Layout
• display: grid;
• grid-template-columns
• grid-template-rows
• grid-column
• grid-row
• grid-gap
• grid-area
7. Transforms and Animations
• transform
• transition
• animation
8. Others
• cursor
• list-style
• outline
• user-select
• pointer-events
JavaScript
1.Variables
• var
• let
• const
2. Data Types
• number
• string
• boolean
• null
• undefined
• symbol
3.Declaring variables
• var
• let
• const
4.Expressions
Primary expressions
• this
• Literals
• []
• {}
• function
• class
• function*
• async function
• async function*
• /ab+c/i
•
• ( )
Left-hand-side expressions
• Property accessors
• ?.
• new
• new .target
• import.meta
• super
• import()
5.operators
• Arithmetic Operators: +, -, *, /, %
• Comparison Operators: ==, ===, !=, !==, <, >, <=, >=
• Logical Operators: &&, ||, !
6.Control Structures
• if
• else if
• else
• switch
• case
• default
7.Iterations/Loop
• do...while
• for
• for...in
• for...of
• for await...of
• while
8.Functions
• Arrow Functions
• Default parameters
• Rest parameters
• arguments
• Method definitions
• getter
• setter
9.Objects and Arrays
• Object Literal: { key: value }
• Array Literal: [element1, element2, ...]
• Object Methods and Properties
• Array Methods: push(), pop(), shift(), unshift(),
splice(), slice(), forEach(), map(), filter()
10.Classes and Prototypes
• Class Declaration
• Constructor Functions
• Prototypal Inheritance
• extends keyword
• super keyword
• Private class features
• Public class fields
• static
• Static initialization blocks
11.Error Handling
• try
• catch
• finally (exception handling)
ADVANCED CONCEPTS
--------------------------
12.Closures
• Lexical Scope
• Function Scope
• Closure Use Cases
13.Asynchronous JavaScript
• Callback Functions
• Promises
• async/await Syntax
• Fetch API
• XMLHttpRequest
14.Modules
• import and export Statements (ES6 Modules)
• CommonJS Modules (require, module.exports)
15.Event Handling
• Event Listeners
• Event Object
• Bubbling and Capturing
16.DOM Manipulation
• Selecting DOM Elements
• Modifying Element Properties
• Creating and Appending Elements
17.Regular Expressions
• Pattern Matching
• RegExp Methods: test(), exec(), match(), replace()
18.Browser APIs
• localStorage and sessionStorage
• navigator Object
• Geolocation API
• Canvas API
19.Web APIs
• setTimeout(), setInterval()
• XMLHttpRequest
• Fetch API
• WebSockets
Road map 🔥
HTML
1.Document Structure
• <!DOCTYPE>
• <html>
• <head>
• <title>
• <meta>
• <link>
• <script>
• <noscript>
2.Text Content
• <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
• <p>
• <span>
• <strong>
• <em>
• <br>
• <hr>
3.Lists
• <ul>
• <ol>
• <li>
• <dl>
• <dt>
• <dd>
4.Links and Navigation
• <a>
• <nav>
• <link>
5.Embedded Content
• <img>
• <audio>
• <video>
• <iframe>
• <canvas>
• <svg>
6.Forms
• <form>
• <input>
• <textarea>
• <button>
• <select>
• <option>
• <label>
• <fieldset>
• <legend>
• <datalist>
• <output>
7.Tables
• <table>
• <tr>
• <th>
• <td>
• <caption>
8.Semantic Elements
• <article>
• <section>
• <header>
• <footer>
• <aside>
• <main>
• <figure>
• <figcaption>
• <mark>
• <progress>
• <time>
• <details>
• <summary>
9.Deprecated Elements (Avoid Using)
• <center>
• <font>
• <strike>
CSS
1. Box Model
• width
• height
• margin
• padding
• border
• box-sizing
2. Positioning
• position
• top
• right
• bottom
• left
• float
• clear
• z-index
3. Typography
• font-family
• font-size
• font-weight
• font-style
• color
• line-height
• letter-spacing
• text-align
• text-decoration
• text-transform
4. Visual Formatting
• background-color
• background-image
• background-repeat
• background-position
• background-size
• color
• display
• visibility
• overflow
• opacity
5. Flexbox
• display: flex;
• flex-direction
• justify-content
• align-items
• align-self
• flex
6. Grid Layout
• display: grid;
• grid-template-columns
• grid-template-rows
• grid-column
• grid-row
• grid-gap
• grid-area
7. Transforms and Animations
• transform
• transition
• animation
8. Others
• cursor
• list-style
• outline
• user-select
• pointer-events
JavaScript
1.Variables
• var
• let
• const
2. Data Types
• number
• string
• boolean
• null
• undefined
• symbol
3.Declaring variables
• var
• let
• const
4.Expressions
Primary expressions
• this
• Literals
• []
• {}
• function
• class
• function*
• async function
• async function*
• /ab+c/i
•
string• ( )
Left-hand-side expressions
• Property accessors
• ?.
• new
• new .target
• import.meta
• super
• import()
5.operators
• Arithmetic Operators: +, -, *, /, %
• Comparison Operators: ==, ===, !=, !==, <, >, <=, >=
• Logical Operators: &&, ||, !
6.Control Structures
• if
• else if
• else
• switch
• case
• default
7.Iterations/Loop
• do...while
• for
• for...in
• for...of
• for await...of
• while
8.Functions
• Arrow Functions
• Default parameters
• Rest parameters
• arguments
• Method definitions
• getter
• setter
9.Objects and Arrays
• Object Literal: { key: value }
• Array Literal: [element1, element2, ...]
• Object Methods and Properties
• Array Methods: push(), pop(), shift(), unshift(),
splice(), slice(), forEach(), map(), filter()
10.Classes and Prototypes
• Class Declaration
• Constructor Functions
• Prototypal Inheritance
• extends keyword
• super keyword
• Private class features
• Public class fields
• static
• Static initialization blocks
11.Error Handling
• try
• catch
• finally (exception handling)
ADVANCED CONCEPTS
--------------------------
12.Closures
• Lexical Scope
• Function Scope
• Closure Use Cases
13.Asynchronous JavaScript
• Callback Functions
• Promises
• async/await Syntax
• Fetch API
• XMLHttpRequest
14.Modules
• import and export Statements (ES6 Modules)
• CommonJS Modules (require, module.exports)
15.Event Handling
• Event Listeners
• Event Object
• Bubbling and Capturing
16.DOM Manipulation
• Selecting DOM Elements
• Modifying Element Properties
• Creating and Appending Elements
17.Regular Expressions
• Pattern Matching
• RegExp Methods: test(), exec(), match(), replace()
18.Browser APIs
• localStorage and sessionStorage
• navigator Object
• Geolocation API
• Canvas API
19.Web APIs
• setTimeout(), setInterval()
• XMLHttpRequest
• Fetch API
• WebSockets
👍3
20.Functional Programming
• Higher-Order Functions
• map(), reduce(), filter()
• Pure Functions and Immutability
21.Promises and Asynchronous Patterns
• Promise Chaining
• Error Handling with Promises
• Async/Await
22.ES6+ Features
• Template Literals
• Destructuring Assignment
• Rest and Spread Operators
• Arrow Functions
• Classes and Inheritance
• Default Parameters
• let, const Block Scoping
23.Browser Object Model (BOM)
• window Object
• history Object
• location Object
• navigator Object
24.Node.js Specific Concepts
• require()
• Node.js Modules (module.exports)
• File System Module (fs)
• npm (Node Package Manager)
25.Testing Frameworks
• Jasmine
• Mocha
• Jest
------------------- END -------------------
• Higher-Order Functions
• map(), reduce(), filter()
• Pure Functions and Immutability
21.Promises and Asynchronous Patterns
• Promise Chaining
• Error Handling with Promises
• Async/Await
22.ES6+ Features
• Template Literals
• Destructuring Assignment
• Rest and Spread Operators
• Arrow Functions
• Classes and Inheritance
• Default Parameters
• let, const Block Scoping
23.Browser Object Model (BOM)
• window Object
• history Object
• location Object
• navigator Object
24.Node.js Specific Concepts
• require()
• Node.js Modules (module.exports)
• File System Module (fs)
• npm (Node Package Manager)
25.Testing Frameworks
• Jasmine
• Mocha
• Jest
------------------- END -------------------
❤4👍2
This media is not supported in your browser
VIEW IN TELEGRAM
HTTP status codes are three-digit numbers that are returned by a web server in response to a client's request made to the server via HTTP (Hypertext Transfer Protocol).
These status codes provide information about the outcome of the request, indicating whether it was successful, encountered an error, or needs further action. They are an essential part of the HTTP protocol, helping both clients (e.g., web browsers) and servers communicate effectively.
These status codes provide information about the outcome of the request, indicating whether it was successful, encountered an error, or needs further action. They are an essential part of the HTTP protocol, helping both clients (e.g., web browsers) and servers communicate effectively.
Update: I will start uploading latest edition of books on web dev - reactjs, javaScript, and other cool stuff with latest edition, so keep checking resources group.
Ask for your need book in chat group
Ask for your need book in chat group
Chat group link
https://t.me/+2KE896TMwHkxOWE1
Resources aka PDfs and Ebooks group link
https://t.me/+eweUkdFwlho4YjRl
https://t.me/+2KE896TMwHkxOWE1
Resources aka PDfs and Ebooks group link
https://t.me/+eweUkdFwlho4YjRl
Telegram
Webos
You’ve been invited to join this group on Telegram.
👍1