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
Guide to using React Hooks for beginners

https://www.freecodecamp.org/news/react-hooks-fundamentals/

---

Reference some important React Component libraries to try

https://javascript.plainenglish.io/14-react-component-libraries-to-increase-your-productivity-12bf9091a987

---

Introduction to Remix JS for web application development based on fullstack JavaScript framework

https://betterprogramming.pub/end-to-end-guide-to-remix-a-full-stack-web-framework-8dc56eb6a9c7

---

Rendering data with additional animations in React Next JS

https://blog.logrocket.com/rendering-json-animations-react-applications/

#react #hooks #nextjs #remix #component
Some guidelines for implementing authentication and authorization systems in Strapi CMS

https://strapi.medium.com/a-beginners-guide-to-authentication-and-authorization-in-strapi-db61e4869ea4

#strapi #auth #authorization
Introduction to the Sanitization API in the browser to perform data cleaning

https://blog.logrocket.com/what-you-need-know-inbuilt-browser-html-sanitization/

#browser #sanitization
Long cheat sheet or cheatsheet listing Array manipulation methods with JavaScript

https://dev.to/doabledanny/javascript-array-method-cheat-sheet-17-must-know-methods-441g

---

Several machine learning libraries for JavaScript and Node JS

https://javascript.plainenglish.io/5-useful-libraries-for-machine-learning-in-javascript-1645aa9ef83a

---

Introduction to Scope and Hoisting in JavaScript

https://javascript.plainenglish.io/scopes-in-javascript-ebf776d42430

---

Parsing URLs in JavaScript to retrieve parameters in them

https://reactgo.com/javascript-parse-url/

#array #cheatsheet #url #scope
Kevin Powell's practice in making modal dialog pop ups easily without additional libraries

https://youtu.be/TAB_v6yBXIE

#modal #popup #kevinPowell
Forwarded from Cyber Punk
Unsubscribe to all YT channels at once.

==============================

Step 1: Go to this link or paste it in your Browser (Open it in your PC only)

Step 2: Now Press "F12" or right click anywhere and click on Inspect.

Step 3: In the inspect section on the top bar go to console and paste the following Script.

Step 4: Hit enter

==============================

SCRIPT

var i = 0;

var count = document.querySelectorAll("ytd-channel-renderer:not(.ytd-item-section-renderer)");



myTimer();



function myTimer () {

if (count == 0) return;



el = document.querySelector('.ytd-subscribe-button-renderer');

el.click();



setTimeout(function () {

var unSubBtn = document.getElementById("confirm-button").click();

i++;

count--;



console.log(i + " unsubscribed");

console.log(count + " remaining");



setTimeout(function () {

el = document.querySelector("ytd-channel-renderer");

el.parentNode.removeChild(el);



myTimer();

}, 250);

}, 250);

}


==============================

Credit - Only Goes To Coder.

✦•━━━━━━━━━━━━━━━━━•✦
@CyberPunk_anonymous
✦•━━━━━━━━━━━━━━━━━•✦
I am sharing the list of resources for this

Roadmap ↓

https://t.me/web3_learn/94


Day 1-20 - HTML & CSS
video 📽️

English:
https://youtu.be/mU6anWqZJcc

Document 📝
https://www.w3schools.com/html/default.asp

https://www.w3schools.com/css/default.asp

Days 21-35 - Javascript
video 📽️

English:
https://youtu.be/jS4aFq5-91M

Document 📝
English:
https://www.w3schools.com/js/default.asp

Day 36-42 - Bootstrap & Tailwindcss
video 📽️

Bootstrap 5

English:
https://youtu.be/-qfEOE4vtxE

tailwindcss

English:
https://youtu.be/4wGmylafgM4

Document 📝
-
https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/
-
https://www.geeksforgeeks.org/tailwind-css/
-

Days 43 - 70 - React

Video 📽️
English:
https://youtu.be/bMknfKXIFA8

Document 📝

English:
https://reactjs.org/docs/getting-started.html

Days 70 - 90 - Nodejs
video 📽️

English:
https://youtu.be/RLtyhwFtXQA

Document 📝

English:
https://nodejs.dev/learn/introduction-to-nodejs

Day 91-100 - Git - Github

video 📽️

English:
https://youtu.be/RGOj5yH7evk

Document 📝

English:
https://docs.github.com/en/get-started/quickstart/git-and-github-learning-resources

Day 100 - 110 - Rest API
video 📽️

English:
https://youtu.be/l8WPWK9mS5M

Document 📝
https://emrebalcii.medium.com/node-js-nedir-node-js-express-ile-basit-bir-api-nas%C4%B1l-yap%C4%B1l%C4%B1r-b965240700a3

Day 111-120 - All About Blockchain
video 📽️

The English:
-
https://youtu.be/M576WGiDBdQ

-
https://youtu.be/dn1QsirJ8gk

Document 📝

https://docs.microsoft.com/en-us/learn/paths/ethereum-blockchain-development/

Day 121 - 140 - Learn Solidity

Video :
https://youtube.com/channel/UCJWh7F3AFyQ_x01VKzr9eyA

Document

English :
https://docs.soliditylang.org/en/v0.8.13/


Day 141 - 150 - Learn Hardat / truffle

Video :

Hardhat :
https://youtu.be/9Qpi80dQsGU

Truffle :
https://youtu.be/62f757RVEvU

Document 📜

Hardhat :
https://hardhat.org/tutorial/

Truffle :
https://trufflesuite.com/docs/truffle/

Day 151 - 155 - Learn Web3.js / Ether.js

Video :

Web3.js -
https://youtu.be/t3wM5903ty0

Ethers.js -
https://youtu.be/jvThhf9dxdw

Documentation

Web3.js -
https://web3js.readthedocs.io/en/v1.2.1/

Ethers.js -
https://docs.ethers.io/v5/getting-started/


Day 156 - 160 - Learn IPFS / filecoin

Video :

IPFS:
https://youtu.be/KIEq2FyMczs

File Coin:

https://youtu.be/SePJrCLUM0g

https://youtu.be/GXT-9vl99-o

Documentation

IPFS:

https://docs.ipfs.io/how-to/

FileCoin:

https://docs.filecoin.io/get-started/


For More Web3 Content Join
@web3_learn
Become a Web3 developer 💻

Earn $$ more than any Programmer 💰

A curated list of Web3 learning DAOs , Online Websites , YouTube Channel , Blogs 📝

1/ Buildspace

this is the platform for you. Learn + start building cool stuff right now, earn NFTs, access secret work opportunities in crypto.

https://app.buildspace.so/home

2/ ODYSSEY

it is a great site to understand the concepts of Web3 on other topics that are related to web3. For example, blockchain, NFTs, web3 concept, DeFi, DAO etc.

https://www.odysseydao.com/

3/ LearnWeb3DAO

Their tutorials are divided into 4 levels: Freshman, Sophomore, Junior, and Senior. Also, they offer tests to check your understanding.

https://www.learnweb3.io/

4/ UseWeb3

it is a very useful learning platform to access huge amount of helpful resources to learn Web3 and Blockchain. Here you can get all type of content like Books, Tutorials, Code Challenges etc.

https://www.useweb3.xyz/

5/ QuestBook

it is very good platform to learn blockchain and web3 development. They have multiple Tracks to learn like Build on Ethereaum, Build on Solana etc. Even you can earn Nfts by completing Quests.

https://openquest.xyz/


6/ Web3 University

Covering the fundamentals of web3 development: from writing Solidity, to minting NFTs, to building full-stack dApps. Bringing you resources from the best in blockchain.

https://www.web3.university/

7/ Moralis

Moralis is the ultimate Web3 Development Platform.

https://moralis.io/

8/ Cryptozombies

CryptoZombies is an interactive school that teaches you all things technical about blockchains. Learn to make smart contracts in Solidity by making your own crypto-collectibles game.

https://cryptozombies.io/

9/ Pointer

it offers really nice tutorials for developers. Here you can Build a full-stack Blockchain app.

https://www.pointer.gg/

10 / Nader Dabit

Nader used to work as a DevRel at Amazon, but now he is in the web3 world. He has released many useful videos since last year.

https://youtube.com/c/naderdabit

11/ Patrick Collins

Patrick is a DevRel at Chainlink and his videos cover a lot of things that are related to blockchain.

https://youtube.com/c/PatrickCollins

12/ Smart Contract developer

This channel provides free education about smart contracts on open decentralized blockchains.

https://youtube.com/channel/UCJWh7F3AFyQ_x01VKzr9eyA


13/ FullStack Web3 — Everything You Need to Know

https://betterprogramming.pub/everything-you-need-to-know-about-fullstack-web3-94c0f1b18019

14/ The Complete Guide to Full Stack Ethereum Development

https://dev.to/dabit3/the-complete-guide-to-full-stack-ethereum-development-3j13

For More Web3 Content Join
@web3_learn
Get to know the Temporal API in JavaScript which was just added as a replacement for the Date API, along with Web Dev Simplified

https://youtu.be/oOK3UzLJ_Cs

#webdevsimplified #date #temporalAPI
Some features of ES2015 that need to be used and learned

https://javascript.plainenglish.io/my-boss-you-know-es6-but-why-dont-you-use-it-5e0316f14c67

---

A collection of frequently used JavaScript shorthands or code shortcuts

https://dev.to/smartgaurav0074/powerful-javascript-shorthands-that-you-should-know-1k66

---

#es2015 #shorthand