Learn JavaScript
4.3K subscribers
459 photos
10 videos
132 files
3.02K links
All info, tutorial, JS tips and more ....!
bio.link/javascript_js_
For HTML: @html_web_learn
For CSS: @CSS_web_learn
For JS: @JavaScript_js_learn
For PHP: @learn_php_web
For Programming courses @Programmingworld_dev
For CEH,Cybersec: @technical_stark
Download Telegram
Google Chrome 98 release notes with some added new features in it

https://youtu.be/VLjOIiOt7Do

#chrome #release
Simple practice from Dev Ed on creating a simple Carousel slider in React and with Framer Motion

https://youtu.be/W0bEL93tt4k

#react #framer #devEd
Checking whether a variable is NaN or not with JavaScript

https://javascript.plainenglish.io/how-to-check-that-a-number-is-nan-in-javascript-792a276f1aee

---

See an example of using Abort Controller to cancel execution of setTimeout

https://www.bennadel.com/blog/4195-using-abortcontroller-to-debounce-settimeout-calls-in-javascript.htm

---

Several ways to pause command execution in JavaScript

https://stackabuse.com/javascript-how-to-sleepwaitdelay-code-execution/
---

Using private properties in JavaScript classes

https://davidwalsh.name/javascript-class-privates

---

Comparison of design pattern in using Switch with if else in JavaScript

https://javascript.plainenglish.io/switch-vs-if-else-7f7617bfe8cb

---

#nan #switch #ifelse #private #class #abort
Practice creating microservices with the help of Node JS

https://blog.logrocket.com/building-microservices-node-js/

#nodejs #microservice
From JQuery to React, Vue, Angular — The Evolution of Frontend Frameworks and There Difference

https://betterprogramming.pub/from-jquery-to-react-vue-angular-the-evolution-of-frontend-frameworks-and-there-difference-3e6b6fcc6200
Forwarded from Cyber Punk
🔰 The Best Google Chrome Extensions For Web Junkies 🔰

The Best Extensions for Google Chrome
Vimium — Browse the web, interact with web pages, navigate browser history using keyboard shortcuts. Inspired by Vim commands
Gmail Sender Icons - Quickly identify the sending domain of an email in Gmail without opening the message.
Zoho Annotator - An ad-free screenshot capture tool with a built-in editor for annotating images. Upload screenshots directly to Google Drive, OneDrive or Dropbox.
Clearly - Read pages in a Kindle-style clean layout with beautiful typography while hiding the distracting parts.
Tab Notes - A minimalistic start page for Chrome that opens a simple notepad in each new tab where you can quickly jot down your todos and notes.
PushBullet — Easily transfer web page links, text notes, or push photos and files from the computer to your phone and vice-versa.
Scribe - Create step-by-step guides and tutorials by recording steps and publish them as PDF guides.
OneTab — Save all your open tabs in a group and duplicate your session anytime later with a click.
Picture in Picture - Watch Netflix movies and YouTube videos in an always-on-top floating window while you work on other tabs.
Screenity - Record a screencast video with voice narration, include your webcam video and share through Google Drive.
URL Render - Instead of clicking individual links on the Google search page, hover your mouse over a link, press a short and and view the underlying page in a floating window.
Clipt - A universal clipboard for Android, Mac and Windows PCs - copy the OTP on your phone and instantly paste it on the desktop and vice-versa.
Hover Zoom - Hover your mouse over any thumbnail image on sites like Facebook and Amazon and the add-on will enlarge the image to its full size.
Quick Source Viewer - A better alternative to the native View Source option that displays both JS and CSS files in addition to HTML content.
Save To Drive - Right-click and save the current web page, or images on a page, to your Google Drive.
Google Input - Type text in any language of your choice using virtual keyboards, your handwriting and transliteration.
Google Dictionary - Use the dictionary add-on to view definitions of words and learn their correct pronunciation.
uBlacklist - Blocks specific sites and entire domains from appearing in your Google search results.
Gmail Notes - Attach sticky notes to your email message that are persistent and will show up the next time you open that same email inside Gmail.
Simple ToDo - Replace the new tab page of your Chrome with an elegant todo list that requires no signup.
Ugly Email - Some emails contain a tracking pixel that notifies the sender when their emails are read. This add-on blocks the tracking attempts.
Stylebot - Change the appearance of any web page with CSS selectors, permanently hide elements on a page and the changes persist across browser sessions.
Skip Search - An address bar shortcut for the I'm lucky command that directly takes you to the most relevant website for your search query.
Single File - Download the entire web page into a single HTML file. The associated CSS files, fonts and images are also saved in the file.
Go Incognito - Open the current tab of your browser in a new incognito tab, useful for browsing news websites are behind paywalls.
Feeder - An excellent RSS feed reader that is accessible from the Chrome toolbar and supports notifications for your favorite feeds.
Blackbox - It’s like an OCR reader, but for websites. Extract text from images, video screenshots or PDFs and copy it to your clipboard.
Project Naptha - Another useful OCR extension that lets you magically select text from images and instantly translate it to your native language.
Visbug - A must-have design tool for web developers that brings powerful editing capabilities to the browser.
iCloud Passwords - Access your Safari passwords that are saved inside iOS and Mac device from Chrome on Windows PCs.
Twitter Screenshots - Take beautiful, uncluttered screenshots of tweets with a click.

Enjoy 👍❤️
Forwarded from All kind of Ebooks
Forwarded from All kind of Ebooks
Creating a scrollable Timeline view and supporting drag and drop, with GSAP, CSS, and JavaScript

https://css-tricks.com/building-a-scrollable-and-draggable-timeline-with-gsap/

---

Create responsive mobile menus with the help of CSS and without JavaScript

https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/

---

#css #gsap #responsive #timeline
Roadmap or learning flow for using the React JS framework

https://www.freecodecamp.org/news/react-fundamentals-for-beginners/

---

Some references to learn to become a fullstack Web developer

https://www.freecodecamp.org/news/learn-web-development-free-full-stack-developer-courses-for-beginners/

---

Roadmap of a simple learning path to become a JavaScript and Node JS Developer

https://javascript.plainenglish.io/javascript-roadmap-to-becoming-a-100000k-year-developer-78cf3ec3d466

---

#learning #course #roadmap
Fetch API is now coming to Node JS backend and has been tested as an experimental module

https://fusebit.io/blog/node-fetch/

#nodejs #fetch
Create SPA applications with Svelte JS and SPA Router plugins

https://blog.logrocket.com/build-spa-svelte-svelte-spa-router/

#svelte #spa
Forwarded from Learn CSS
Comparison between Bulma and Tailwind CSS as an alternative to Bootstrap

https://blog.logrocket.com/bulma-vs-tailwind-css-better-bootstrap-alternative/

#css #tailwind #bootstrap #bulma
Forwarded from Cyber Punk
Activate Win10 For free lifetime without any program

To activate Win10 For free lifetime without any program you need to :

1-Open cmd as admin

2-Use the command “slmgr /ipk yourlicensekey” to install a license key (yourlicensekey is the activation key that corresponds to your Windows edition).

The following is the list of Windows 10 Volume license keys :

Home:
TX9XD-98N7V-6WMQ6-BX7FG-H8Q99
Home N:
3KHY7-WNT83-DGQKR-F7HPR-844BM
Home Single Language:
7HNRX-D7KGG-3K4RQ-4WPJ4-YTDFH
Home Country Specific:
PVMJN-6DFY6-9CCP6-7BKTT-D3WVR
Professional:
W269N-WFGWX-YVC9B-4J6C9-T83GX
Professional N:
MH37W-N47XK-V7XM9-C7227-GCQG9
Education:
NW6C2-QMPVW-D7KKK-3GKT6-VCFB2
Education N:
2WH4N-8QGBV-H22JP-CT43Q-MDWWJ
Enterprise:
NPPR9-FWDCX-D2C8J-H872K-2YT43
Enterprise N:
DPH2V-TTNVB-4X9Q3-TJR4H-KHJW4

3-Use the command “slmgr /skms
kms8.msguides.com” to connect to my KMS server.

4-The last step is to activate your Windows using the command “slmgr /ato”.

@CyberPunk_anonymous
Telegraph with RxJS: the power of reactive systems

https://indepth.dev/posts/1481/rxjs-telegraph
How React server components work: an in-depth guide

https://blog.plasmic.app/posts/how-react-server-components-work/