Coders Mantra
204 subscribers
22 photos
34 videos
26 files
64 links
Coders Study is Now Coders Mantra.
Get coding quizzes, help, resources, and motivation.
HTML, CSS, JavaScript, React, React Native, Expo, tailwind, WordPress, PHP, UX UI Design.
Download Telegram
⏰ This Shortcut Key Will Save Your 90% Time 🀯

NOTE:
Basically, ye shortcut sabhi open windows me switch karta hai to ye jyada useful tabhi hai jab aap sirf ✌️ do applications - VSCode aur Browser open krte h.
Media is too big
VIEW IN TELEGRAM
πŸ§¨πŸŽ‰ 1000+ FREE Courses with Free Certifications

By Google,Meta, Microsoft, IIT Madras, Intel,…
❀1πŸ‘1πŸ”₯1
🍻 100 Subscribers Celebration Gift! πŸŽ‰

πŸ‘‰ https://doodle.monster/Tech-IQ/ 🎁

To celebrate reaching 100 subscribers, I'm sharing exclusive Tech Interview Questions from @CodersStudy
✨ Polish yourself with Interview questions on JavaScript, React, and React Native, perfect for honing your skills and boosting your knowledge.
Thank you All πŸ‘
πŸ‘1
DALLΒ·E 2024-11-16 16.36.48.jpg
786.1 KB
Here's a fun exercise for every one of you πŸ˜‰

Head over to ChatGPT and type:
β€œBased on what you know about me, generate an image of what my life looks like.”


and see the magic! πŸͺ„
You’ll be amazed at what it creates! ✨

If possible, share your results. Let’s see whose vibes resonate the most and discover how relatable our journeys can be!

Check out what it generated for me ⬆️
πŸ‘1
git-cheat-sheet-education.pdf
97.8 KB
GitHub - GIT CHEAT SHEET .pdf
Join @CodersStudy
This media is not supported in your browser
VIEW IN TELEGRAM
🀣 Non Programmer vs Programmer - While Paying Game πŸ¦–
πŸ‘3
Off on a tech adventure!

πŸš‰πŸ›€ Traveling for a company visit as part of my role as a Web Developer
and
excited to be visiting in a drone-based company.

Will be share some behind-the-scenes glimpses of their innovative drone technology.

Stay tuned for photos and videos! πŸ“·πŸ“Ή
This media is not supported in your browser
VIEW IN TELEGRAM
πŸ’‘ DevTools tip:

You can make your console.log stand out by adding some CSS to it!
πŸ‘‰ Join @CodersStudy
πŸ‘2⚑1🀯1
This media is not supported in your browser
VIEW IN TELEGRAM
WTF? 🀯 Now you can center elements both horizontally and vertically with just 2 lines of CSS!

πŸ‘‰ Join @CodersStudy

Centering elements in CSS doesn’t have to be complicated!

In this demo video, I’ve centered a form inside the <body> both vertically and horizontally using just 2 lines of CSS:

"display: grid" transforms the body into a grid container, and "place-items: center" aligns the form perfectly in the center.

It’s a simple and clean approach that eliminates the need for extra wrappers or complex positioning tricks.

Hope this helps βœ…
πŸ‘1
This media is not supported in your browser
VIEW IN TELEGRAM
JavaScript Tip πŸ’‘:

Did you know you can detect when a user goes offline or comes back online?

Use the "offline" and "online" event listeners to run specific code whenever the user's internet connection changes.

This is super useful for apps that need to handle connectivity changes smoothly!

Hope this helps βœ…οΈ
πŸ‘‰ Join @CodersStudy for more
πŸ‘1
HTML Input Types.png
1.2 MB
An Incredible Cheatsheet to master different Input Types in HTML
πŸ‘‰ Join @CodersStudy for more
This media is not supported in your browser
VIEW IN TELEGRAM
Is this the END of VS Code? 🀯

Google has launched Project IDX - A browser-based alternative to VS Code with crazy AI features, an inbuilt browser, and much more! ✨

βœ… Code anywhere, even on your phone!
βœ… AI-powered assistance for faster development.
βœ… Preview apps instantly inside the browser.

So how cool is it that you can now build fully functional full-stack apps, mobile apps, web apps, and even desktop apps, all inside your browser? 😻

Will this replace VS Code for you? πŸ‘€

Try it now πŸ‘‡
https://idx.google.com

Hope this helps βœ…οΈ

Do Like πŸ‘

Follow πŸ‘‰ @CodersStudy for the most amazing content related to Programming & Web Development πŸ’Ž
πŸ”₯1😭1
This media is not supported in your browser
VIEW IN TELEGRAM
A Super Useful VS Code Trick! πŸ’‘

Did you know you can create a file along with its folders in one step? Just type the folder name followed by "/" while creating a new file!

For example:
- assets/css/styles.css β†’ This will create the "assets" folder, the "css" folder inside it, and the "styles.css" file, all in one go! πŸ”₯

No more manually creating folders, just type and hit enter! ✨

Did you know this trick? πŸ‘€

Hope this helps βœ…

Do Like πŸ‘
Follow πŸ‘‰ @CodersStudy for more...
This media is not supported in your browser
VIEW IN TELEGRAM
Hire me! πŸ‘» Aim Human! πŸ€–
πŸ‘‰ follow @CodersStudy
πŸ‘1
REACT JS Notes.pdf
2.4 MB
🧨 REACT JS NOTES
Join @CodersStudy πŸ‘ˆ
This media is not supported in your browser
VIEW IN TELEGRAM
A Quick Time-Saving Tip for Frontend Developers! πŸ”₯

Did you know? If you type "react.new" in your browser’s address bar, it instantly opens a fresh React sandbox, ready for coding! πŸŽ‰

Great for:
βœ… Quick prototyping
βœ… Testing React snippets
βœ… Practicing without setup

Did you know this trick? πŸ‘€

Hope this helps ✨

Do Like πŸ‘‰ follow @CodersStudy
This media is not supported in your browser
VIEW IN TELEGRAM
This is a better way to audit your site πŸ”₯

Instead of running Lighthouse one page at a time, Unlighthouse scans your entire site in one go and scores every page.

Run this:
npx unlighthouse --site <your-site>

A full-site performance checkβ€”fast, automated, and effortless. ✨

Hope this helps βœ…
Join @CodersStudy πŸ‘ˆ