Creating datatable components in Vue JS 3 with Bootstrap
https://blog.logrocket.com/build-table-component-scratch-vue3-bootstrap/
#vue #bootstrap #datatable
https://blog.logrocket.com/build-table-component-scratch-vue3-bootstrap/
#vue #bootstrap #datatable
Creating a web portfolio with HTML, CSS, AND JavaScript
https://www.freecodecamp.org/news/create-a-portfolio-website-using-html-css-javascript/
---
Introduction to CSS Unit named REM
https://www.freecodecamp.org/news/what-is-rem-in-css/
#css #html #unit #rem #portfolio #freecodecamp
https://www.freecodecamp.org/news/create-a-portfolio-website-using-html-css-javascript/
---
Introduction to CSS Unit named REM
https://www.freecodecamp.org/news/what-is-rem-in-css/
#css #html #unit #rem #portfolio #freecodecamp
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
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
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
https://youtu.be/TAB_v6yBXIE
#modal #popup #kevinPowell
Top 10 array methods to learn to become a pro in JavaScript
https://dev.to/thatanjan/top-10-array-methods-to-learn-to-become-a-pro-in-javascript-1ic9
#javascript #webdev #react #nextjs
Making the world’s fastest website, and other mistakes
https://dev.to/tigt/making-the-worlds-fastest-website-and-other-mistakes-56na
#webdev #performance #javascript
#react
Create Your Open Source Ecommerce Store using Medusa and Next.js
https://dev.to/medusajs/create-your-open-source-ecommerce-store-using-medusa-and-nextjs-1b4d
#javascript #webdev #opensource #node
Which Web Development Stacks to Use in 2022 - Guide for Business Owners
https://dev.to/duomly/which-web-development-stacks-to-use-in-2022-guide-for-business-owners-1gm6
#webdev #javascript #python #php
https://dev.to/thatanjan/top-10-array-methods-to-learn-to-become-a-pro-in-javascript-1ic9
#javascript #webdev #react #nextjs
Making the world’s fastest website, and other mistakes
https://dev.to/tigt/making-the-worlds-fastest-website-and-other-mistakes-56na
#webdev #performance #javascript
#react
Create Your Open Source Ecommerce Store using Medusa and Next.js
https://dev.to/medusajs/create-your-open-source-ecommerce-store-using-medusa-and-nextjs-1b4d
#javascript #webdev #opensource #node
Which Web Development Stacks to Use in 2022 - Guide for Business Owners
https://dev.to/duomly/which-web-development-stacks-to-use-in-2022-guide-for-business-owners-1gm6
#webdev #javascript #python #php
Front-end Testing Strategy
https://itnext.io/front-end-testing-strategy-5fddfd463feb
How to use streams in Node.js
https://fauna.com/blog/how-to-use-node-js-streams
Explaining micro frontends as simply as possible
https://dev.to/richkurtzman/explaining-micro-frontends-as-simply-as-possible-2pch
A react native app that lists the most starred Github repos that were created in the last 30 days
https://reactnativeexample.com/a-react-native-app-that-lists-the-most-starred-github-repos-that-were-created-in-the-last-30-days/
#Frontend #React #ReactNative #NodeJS
https://itnext.io/front-end-testing-strategy-5fddfd463feb
How to use streams in Node.js
https://fauna.com/blog/how-to-use-node-js-streams
Explaining micro frontends as simply as possible
https://dev.to/richkurtzman/explaining-micro-frontends-as-simply-as-possible-2pch
A react native app that lists the most starred Github repos that were created in the last 30 days
https://reactnativeexample.com/a-react-native-app-that-lists-the-most-starred-github-repos-that-were-created-in-the-last-30-days/
#Frontend #React #ReactNative #NodeJS
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
==============================
Credit - Only Goes To Coder.
✦•━━━━━━━━━━━━━━━━━•✦
@CyberPunk_anonymous
✦•━━━━━━━━━━━━━━━━━•✦
==============================
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
✦•━━━━━━━━━━━━━━━━━•✦
Forwarded from Learn AI, MetaVerse, Web3
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
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
Telegram
Learn Web3
Become a Full Stack Web3 / Blockchain Developer in 180 days
Detailed ROADMAP with days ↓
Day 1 - 20 ( 1-2 hour / day )
→ Learn HTML & CSS
Day 21 - 35 ( 1-2 hour / day )
→ Learn JavaScript
Day 36 - 42 ( 1-2 hour / day )
→ Learn CSS framework…
Detailed ROADMAP with days ↓
Day 1 - 20 ( 1-2 hour / day )
→ Learn HTML & CSS
Day 21 - 35 ( 1-2 hour / day )
→ Learn JavaScript
Day 36 - 42 ( 1-2 hour / day )
→ Learn CSS framework…
Forwarded from Learn AI, MetaVerse, Web3
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
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
https://youtu.be/oOK3UzLJ_Cs
#webdevsimplified #date #temporalAPI
Create a simple ecommerce web app with MERN Stack
https://medium.com/@irenemmassyy/create-a-modern-ecommerce-project-with-react-nodejs-express-js-b6a13cd1f9ca
—-
Creating web apps with React and Tailwind CSS
https://medium.com/nerd-for-tech/build-a-simple-react-website-with-tailwind-css-281f3114a932
—-
#mern #nodejs #react #tailwind
https://medium.com/@irenemmassyy/create-a-modern-ecommerce-project-with-react-nodejs-express-js-b6a13cd1f9ca
—-
Creating web apps with React and Tailwind CSS
https://medium.com/nerd-for-tech/build-a-simple-react-website-with-tailwind-css-281f3114a932
—-
#mern #nodejs #react #tailwind
Create Wordle applications using JavaScript, HTML, and CSS
https://www.freecodecamp.org/news/build-a-wordle-clone-in-javascript/
---
Important practice filtering data inside Object based on its key value
https://stackabuse.com/how-to-filter-an-object-by-key-in-javascript/
---
Using Regex functions in JavaScript
https://javascript.plainenglish.io/how-to-implement-regular-expressions-in-javascript-1ac85bd52e2
---
Getting unique values from an Array by using Set
https://daily-dev-tips.pages.dev/posts/getting-unique-values-from-a-javascript-array-using-set/
---
#clone #wordle #array #set #regex #filter
https://www.freecodecamp.org/news/build-a-wordle-clone-in-javascript/
---
Important practice filtering data inside Object based on its key value
https://stackabuse.com/how-to-filter-an-object-by-key-in-javascript/
---
Using Regex functions in JavaScript
https://javascript.plainenglish.io/how-to-implement-regular-expressions-in-javascript-1ac85bd52e2
---
Getting unique values from an Array by using Set
https://daily-dev-tips.pages.dev/posts/getting-unique-values-from-a-javascript-array-using-set/
---
#clone #wordle #array #set #regex #filter
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
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
Installing HTTPS on a local development server
https://auth0.com/blog/using-https-in-your-development-environment/
---
#https #ssl #local #nodejs
https://auth0.com/blog/using-https-in-your-development-environment/
---
#https #ssl #local #nodejs
Replacing jQuery (110kb) With Umbrella JS (8kb)
https://www.bennadel.com/blog/4184-replacing-jquery-110kb-with-umbrella-js-8kb.htm
https://www.bennadel.com/blog/4184-replacing-jquery-110kb-with-umbrella-js-8kb.htm
Building Svelte micro frontends with Podium
https://blog.logrocket.com/building-svelte-micro-frontends-podium/
https://blog.logrocket.com/building-svelte-micro-frontends-podium/
Several tools for creating placeholder elements in application design
https://javascript.plainenglish.io/15-useful-placeholder-tools-for-designers-and-developers-deea3c410b6b
#placeholders #tools
https://javascript.plainenglish.io/15-useful-placeholder-tools-for-designers-and-developers-deea3c410b6b
#placeholders #tools
Tips for migrating from Angular CLI to Nx Tools
https://dev.to/this-is-angular/why-and-how-we-migrated-to-nx-from-angular-cli-5a61
#angular #nx #tools
https://dev.to/this-is-angular/why-and-how-we-migrated-to-nx-from-angular-cli-5a61
#angular #nx #tools