Practice from Candi Dev on building a calculator app with React JS
https://www.youtube.com/watch?v=o89bhL-S6g8
—-
Practice from Web Dev Simplified on creating a Navigation Bar with React JS and accompanied by Routing
https://www.youtube.com/watch?v=SLfhMt5OUPI
—-
#react #webdevsimplified #candDev #navbar #routing #calculator
https://www.youtube.com/watch?v=o89bhL-S6g8
—-
Practice from Web Dev Simplified on creating a Navigation Bar with React JS and accompanied by Routing
https://www.youtube.com/watch?v=SLfhMt5OUPI
—-
#react #webdevsimplified #candDev #navbar #routing #calculator
A simple exercise to convert to a boolean value with JavaScript
https://www.freecodecamp.org/news/how-to-convert-value-to-boolean-javascript/
---
Some resources for learning Array manipulation functions in JavaScript
https://javascript.plainenglish.io/5-resources-for-javascript-array-methods-e25a77f8a940
---
#boolean #value #array
https://www.freecodecamp.org/news/how-to-convert-value-to-boolean-javascript/
---
Some resources for learning Array manipulation functions in JavaScript
https://javascript.plainenglish.io/5-resources-for-javascript-array-methods-e25a77f8a940
---
#boolean #value #array
Forwarded from Learn CSS™
Using CSS Animation with JavaScript with exercises from Dcode
https://youtu.be/kgqMcFrT51o
#dcode #css #animation
https://youtu.be/kgqMcFrT51o
#dcode #css #animation
Forwarded from Cyber Punk™
▪️Win 10 Pro Key
WKFQP-N47CJ-9M3CW-CBDCP-Q3WXM
Q3CNW-D4Q4W-6XCT6-Y48R7-7QWXM
TKR6D-TN72T-QRPG9-K2FDF-3DBQB
FPB27-2CNM2-726P7-W38BJ-WB49M
Forwarded from Learn Html
Simple HTML questions for beginners:
1) What is HTML?
HTML stands for Hyper Text Markup Language. It is a language of World Wide Web. It is a standard text formatting language which is used to create and display pages on the Web. It makes the text more interactive and dynamic. It can turn text into images, tables, links.
2) What are Tags?
HTML tags are composed of three things: an opening tag, content and ending tag. Some tags are unclosed tags.
HTML documents contain two things: content and tags
When a web browser reads an HTML document, the browser reads it from top to bottom and left to right. HTML tags are used to create HTML documents and render their properties. Each HTML tags have different properties.
<tag> content </tag>
3) Do all HTML tags have an end tag?
No. There are some HTML tags that don't need a closing tag. For example: <image> tag, <br> tag.
4) What is formatting in HTML?
The HTML formatting is a process of format the text for a better look and feel. It uses different tags to make text bold, italicized, underlined.
More details.
5) How many types of heading does an HTML contain?
The HTML contains six types of headings which are defined with the <h1> to <h6> tags. Each type of heading tag displays different text size from another. So, <h1> is the largest heading tag and <h6> is the smallest one. For example:
<h1>Heading no. 1</h1>
<h2>Heading no. 2</h2>
<h3>Heading no. 3</h3>
<h4>Heading no. 4</h4>
<h5>Heading no. 5</h5>
<h6>Heading no. 6</h6>
More details.
1) What is HTML?
HTML stands for Hyper Text Markup Language. It is a language of World Wide Web. It is a standard text formatting language which is used to create and display pages on the Web. It makes the text more interactive and dynamic. It can turn text into images, tables, links.
2) What are Tags?
HTML tags are composed of three things: an opening tag, content and ending tag. Some tags are unclosed tags.
HTML documents contain two things: content and tags
When a web browser reads an HTML document, the browser reads it from top to bottom and left to right. HTML tags are used to create HTML documents and render their properties. Each HTML tags have different properties.
<tag> content </tag>
3) Do all HTML tags have an end tag?
No. There are some HTML tags that don't need a closing tag. For example: <image> tag, <br> tag.
4) What is formatting in HTML?
The HTML formatting is a process of format the text for a better look and feel. It uses different tags to make text bold, italicized, underlined.
More details.
5) How many types of heading does an HTML contain?
The HTML contains six types of headings which are defined with the <h1> to <h6> tags. Each type of heading tag displays different text size from another. So, <h1> is the largest heading tag and <h6> is the smallest one. For example:
<h1>Heading no. 1</h1>
<h2>Heading no. 2</h2>
<h3>Heading no. 3</h3>
<h4>Heading no. 4</h4>
<h5>Heading no. 5</h5>
<h6>Heading no. 6</h6>
More details.
Forwarded from Learn Html
6) How to create a hyperlink in HTML?
The HTML provides an anchor tag to create a hyperlink that links one page to another page. These tags can appear in any of the following ways:
* Unvisited link - It is displayed, underlined and blue.
* Visited link - It is displayed, underlined and purple.
* Active link - It is displayed, underlined and red.
7) Which HTML tag is used to display the data in the tabular form?
The HTML table tag is used to display data in tabular form (row * column). It also manages the layout of the page, e.g., header section, navigation bar, body content, footer section.
8) What are some common lists that are used when designing a page?
There are many common lists which are used to design a page. You can choose any or a combination of the following list types:
* Ordered list - The ordered list displays elements in numbered format. It is represented b
* Unordered list - The unordered list displays elements in bulleted format. It is represented b
* Definition list - The definition list displays elements in definition form like in dictionary. Th
9) What is the difference between HTML elements and tags?
HTML elements communicate to the browser to render text. When the elements are enclosed by brackets <>, they form HTML tags. Most of the time, tags come in a pair and surround content.
10) What is semantic HTML?
Semantic HTML is a coding style. It is the use of HTML markup to reinforce the semantics or meaning of the content. For example: In semantic H
The HTML provides an anchor tag to create a hyperlink that links one page to another page. These tags can appear in any of the following ways:
* Unvisited link - It is displayed, underlined and blue.
* Visited link - It is displayed, underlined and purple.
* Active link - It is displayed, underlined and red.
7) Which HTML tag is used to display the data in the tabular form?
The HTML table tag is used to display data in tabular form (row * column). It also manages the layout of the page, e.g., header section, navigation bar, body content, footer section.
8) What are some common lists that are used when designing a page?
There are many common lists which are used to design a page. You can choose any or a combination of the following list types:
* Ordered list - The ordered list displays elements in numbered format. It is represented b
y <ol> tag.
* Unordered list - The unordered list displays elements in bulleted format. It is represented b
y <ul> tag.
* Definition list - The definition list displays elements in definition form like in dictionary. Th
e <dl>
, <dt> a
nd <dd> tags are used to define description list.
9) What is the difference between HTML elements and tags?
HTML elements communicate to the browser to render text. When the elements are enclosed by brackets <>, they form HTML tags. Most of the time, tags come in a pair and surround content.
10) What is semantic HTML?
Semantic HTML is a coding style. It is the use of HTML markup to reinforce the semantics or meaning of the content. For example: In semantic H
TML <b> </b> tag is not used for bold statement as well as <i> </i> tag is used for italic. Instead of these we
use <strong></strong>
and <em></em> tags.
Top JavaScript interview questions.
What's good to hear in answer and what raises red flag:
1. Can you name two programming paradigms important for JavaScript app developers?
JavaScript is a multi-paradigm language, supporting imperative/procedural programming along with OOP (Object-Oriented Programming) and functional programming. JavaScript supports OOP with prototypal inheritance.
Good to hear:
Prototypal inheritance (also: prototypes, OLOO).
Functional programming (also: closures, first class functions, lambdas).
Red flags:
No clue what a paradigm is, no mention of prototypal oo or functional programming.
#javascript #js
What's good to hear in answer and what raises red flag:
1. Can you name two programming paradigms important for JavaScript app developers?
JavaScript is a multi-paradigm language, supporting imperative/procedural programming along with OOP (Object-Oriented Programming) and functional programming. JavaScript supports OOP with prototypal inheritance.
Good to hear:
Prototypal inheritance (also: prototypes, OLOO).
Functional programming (also: closures, first class functions, lambdas).
Red flags:
No clue what a paradigm is, no mention of prototypal oo or functional programming.
#javascript #js
2. What is functional programming?
Functional programming produces programs by composing mathematical functions and avoids shared state & mutable data. Lisp (specified in 1958) was among the first languages to support functional programming, and was heavily inspired by lambda calculus. Lisp and many Lisp family languages are still in common use today.
Functional programming is an essential concept in JavaScript (one of the two pillars of JavaScript). Several common functional utilities were added to JavaScript in ES5.
Good to hear:
🔹 Pure functions / function purity.
🔹 Avoid side-effects.
🔹 Simple function composition.
🔹 Examples of functional languages: Lisp, ML, Haskell, Erlang, Clojure, Elm, F Sharp, OCaml, etc…
🔹 Mention of features that support FP: first-class functions, higher order functions, functions as arguments/values.
Red flags:
🔻 No mention of pure functions / avoiding side-effects.
🔻 Unable to provide examples of functional programming languages.
🔻 Unable to identify the features of JavaScript that enable FP.
#javascript #js
Functional programming produces programs by composing mathematical functions and avoids shared state & mutable data. Lisp (specified in 1958) was among the first languages to support functional programming, and was heavily inspired by lambda calculus. Lisp and many Lisp family languages are still in common use today.
Functional programming is an essential concept in JavaScript (one of the two pillars of JavaScript). Several common functional utilities were added to JavaScript in ES5.
Good to hear:
🔹 Pure functions / function purity.
🔹 Avoid side-effects.
🔹 Simple function composition.
🔹 Examples of functional languages: Lisp, ML, Haskell, Erlang, Clojure, Elm, F Sharp, OCaml, etc…
🔹 Mention of features that support FP: first-class functions, higher order functions, functions as arguments/values.
Red flags:
🔻 No mention of pure functions / avoiding side-effects.
🔻 Unable to provide examples of functional programming languages.
🔻 Unable to identify the features of JavaScript that enable FP.
#javascript #js
3. What is the difference between classical inheritance and prototypal inheritance?
Class Inheritance: instances inherit from classes (like a blueprint — a description of the class), and create sub-class relationships: hierarchical class taxonomies. Instances are typically instantiated via constructor functions with the
Prototypal Inheritance: instances inherit directly from other objects. Instances are typically instantiated via factory functions or
In JavaScript, prototypal inheritance is simpler &
more flexible than class inheritance.
Good to hear:
🔹 Classes: create tight coupling or hierarchies/taxonomies.
🔹 Prototypes: mentions of concatenative inheritance, prototype delegation, functional inheritance, object composition.
Red Flags:
🔻 No preference for prototypal inheritance & composition over class inheritance.
#javascript #js
Class Inheritance: instances inherit from classes (like a blueprint — a description of the class), and create sub-class relationships: hierarchical class taxonomies. Instances are typically instantiated via constructor functions with the
new
keyword. Class inheritance may or may not use the class
keyword from ES6.Prototypal Inheritance: instances inherit directly from other objects. Instances are typically instantiated via factory functions or
Object.create()
. Instances may be composed from many different objects, allowing for easy selective inheritance.In JavaScript, prototypal inheritance is simpler &
more flexible than class inheritance.
Good to hear:
🔹 Classes: create tight coupling or hierarchies/taxonomies.
🔹 Prototypes: mentions of concatenative inheritance, prototype delegation, functional inheritance, object composition.
Red Flags:
🔻 No preference for prototypal inheritance & composition over class inheritance.
#javascript #js
4. When is classical inheritance an appropriate choice?
The answer is never, or almost never. Certainly never more than one level. Multi-level class hierarchies are an anti-pattern. I’ve been issuing this challenge for years, and the only answers I’ve ever heard fall into one of several common misconceptions. More frequently, the challenge is met with silence.
“If a feature is sometimes useful
and sometimes dangerous
and if there is a better option
then always use the better option.”
~ Douglas Crockford
Good to hear:
🔹 Rarely, almost never, or never.
🔹 A single level is sometimes OK, from a framework base-class such as React.Component.
🔹 Favor object composition over class inheritance.
#javascript #js
The answer is never, or almost never. Certainly never more than one level. Multi-level class hierarchies are an anti-pattern. I’ve been issuing this challenge for years, and the only answers I’ve ever heard fall into one of several common misconceptions. More frequently, the challenge is met with silence.
“If a feature is sometimes useful
and sometimes dangerous
and if there is a better option
then always use the better option.”
~ Douglas Crockford
Good to hear:
🔹 Rarely, almost never, or never.
🔹 A single level is sometimes OK, from a framework base-class such as React.Component.
🔹 Favor object composition over class inheritance.
#javascript #js
5. When is prototypal inheritance an appropriate choice?
There is more than one type of prototypal inheritance:
- Delegation (i.e., the prototype chain).
- Concatenative (i.e. mixins,
- Functional (Not to be confused with functional programming. A function used to create a closure for private state/encapsulation).
Each type of prototypal inheritance has its own set of use-cases, but all of them are equally useful in their ability to enable composition, which creates has-a or uses-a or can-do relationships as opposed to the is-a relationship created with class inheritance.
Good to hear:
🔹 In situations where modules or functional programming don’t provide an obvious solution.
🔹 When you need to compose objects from multiple sources.
🔹 Any time you need inheritance.
Red flags:
🔻 No knowledge of when to use prototypes.
🔻 No awareness of mixins or
#javascript #js
There is more than one type of prototypal inheritance:
- Delegation (i.e., the prototype chain).
- Concatenative (i.e. mixins,
Object.assign()
).- Functional (Not to be confused with functional programming. A function used to create a closure for private state/encapsulation).
Each type of prototypal inheritance has its own set of use-cases, but all of them are equally useful in their ability to enable composition, which creates has-a or uses-a or can-do relationships as opposed to the is-a relationship created with class inheritance.
Good to hear:
🔹 In situations where modules or functional programming don’t provide an obvious solution.
🔹 When you need to compose objects from multiple sources.
🔹 Any time you need inheritance.
Red flags:
🔻 No knowledge of when to use prototypes.
🔻 No awareness of mixins or
Object.assign()
.
#javascript #js
Top 50 JavaScript Interview Questions You Must Prepare in 2022
Today, Google and Facebook use JavaScript to build complex, desktop-like web applications. With the launch of Node.js, It has also become one of the most popular languages for building server-side software. Today, even the web isn’t big enough to contain JavaScript’s versatility. I believe that you are already aware of these facts and this has made you land on this JavaScript Interview Questions article.
🔗Article Link
Today, Google and Facebook use JavaScript to build complex, desktop-like web applications. With the launch of Node.js, It has also become one of the most popular languages for building server-side software. Today, even the web isn’t big enough to contain JavaScript’s versatility. I believe that you are already aware of these facts and this has made you land on this JavaScript Interview Questions article.
🔗Article Link
Edureka
Top 90+ JavaScript Interview Questions and Answers in 2025
These JavaScript Interview Questions and Answers for freshers & experienced will help to crack tough interview Questions on JavaScript on the first attempt!
Learn JavaScript™ pinned «Top JavaScript interview questions. What's good to hear in answer and what raises red flag: 1. Can you name two programming paradigms important for JavaScript app developers? JavaScript is a multi-paradigm language, supporting imperative/procedural programming…»
Learn JavaScript™ pinned «Top 50 JavaScript Interview Questions You Must Prepare in 2022 Today, Google and Facebook use JavaScript to build complex, desktop-like web applications. With the launch of Node.js, It has also become one of the most popular languages for building server-side…»
Beautify your GitHub profile with this repository
https://github.com/javascript-js-learn/beautify-github-profile
https://github.com/javascript-js-learn/beautify-github-profile
How to build a Vue-based micro-frontends infrastructure
https://medium.com/js-dojo/how-to-build-a-vue-based-micro-frontends-infrastructure-5a7729d5ed9
https://medium.com/js-dojo/how-to-build-a-vue-based-micro-frontends-infrastructure-5a7729d5ed9
Medium
How to build a Vue-based micro-frontends infrastructure
Micro-frontend infrastructure can help you create better applications, regardless if you want to replace the app’s framework or not.
Create an advanced scroll lock React Hook
https://blog.logrocket.com/create-advanced-scroll-lock-react-hook/
https://blog.logrocket.com/create-advanced-scroll-lock-react-hook/
Google- Interview Warmup
This tool will help you to prepare for your interview in any field.
Google will ask a series of
questions and you have to answer them according to you.
Google will help you to review your Answers by pointing out mistakes like grammatical or language errors.
Moreover, Google will also help you to find out the convincing points in your answers.
https://grow.google/certificates/interview-warmup/
This tool will help you to prepare for your interview in any field.
Google will ask a series of
questions and you have to answer them according to you.
Google will help you to review your Answers by pointing out mistakes like grammatical or language errors.
Moreover, Google will also help you to find out the convincing points in your answers.
https://grow.google/certificates/interview-warmup/
17 backbone Js Interview Questions and Answers - Freshers, Experienced
Dear Readers, Welcome to backbone Js Interview questions with answers and explanation. These 17 solved backbone Js questions will help you prepare for technical interviews and online selection tests during campus placement for freshers and job interviews for professionals.
After reading these tricky backbone Js questions, you can easily attempt the objective type and multiple choice type questions on backbone Js.
🔗Article Link
Dear Readers, Welcome to backbone Js Interview questions with answers and explanation. These 17 solved backbone Js questions will help you prepare for technical interviews and online selection tests during campus placement for freshers and job interviews for professionals.
After reading these tricky backbone Js questions, you can easily attempt the objective type and multiple choice type questions on backbone Js.
🔗Article Link
www.web-technology-experts-notes.in
Backbone Js interview questions and answers
Backbone Js interview questions and answers for Beginner, Intermediate and Experienced
Forwarded from Cyber Punk™
How to check an image for deepfake
Many users use AI-generated faces in their avatars. To detect a fake profile image, the Fake Profile Detector extension appeared.
With the help of a neural network, it determines whether the person in the photo is artificially generated or real.
All you need to do:
✔️Install the extension in Google Chrome and give permission to send notifications.
✔️Open the picture or avatar you want to scan in your browser.
✔️Right-click on it and select Check Fake Profile Picture. You'll quickly get a notification with the results - what's the percentage probability that the face is generated.
Use it!
#service
Many users use AI-generated faces in their avatars. To detect a fake profile image, the Fake Profile Detector extension appeared.
With the help of a neural network, it determines whether the person in the photo is artificially generated or real.
All you need to do:
✔️Install the extension in Google Chrome and give permission to send notifications.
✔️Open the picture or avatar you want to scan in your browser.
✔️Right-click on it and select Check Fake Profile Picture. You'll quickly get a notification with the results - what's the percentage probability that the face is generated.
Use it!
#service