DeCodeDev
8.28K subscribers
2 photos
21 files
33 links
Download Telegram
Some YouTube tutorials to help you build these projects:

1. Real-time Collaboration App (Google Docs Clone)
How To Build A Google Docs Clone With React, Socket.io, and MongoDB
Channel: Web Dev Simplified
Link: https://www.youtube.com/watch?v=iRaelG7v0OU

Build a Real-Time Google Docs Clone With Next 15, React, Tailwind (2024)
Channel: Code With Antonio
Link: https://www.youtube.com/watch?v=gq2bbDmSokU

2. Full Stack E-commerce Web App (Using React)
Create Full Stack E-commerce Website Using React JS | MERN Stack
Channel: GreatStack
Link: https://www.youtube.com/watch?v=7E6um7NGmeE

Build and Deploy a Modern Full Stack ECommerce React Application with Stripe
Channel: JavaScript Mastery
Link: https://www.youtube.com/watch?v=4mOkFXyxfsU

3. Custom JS Library
How to Create Your Own JavaScript Library with Modules (Import/Export)
Channel: dcode
Link: https://www.youtube.com/watch?v=sZQEa13r22I

4. Progressive Web App (PWA) with Offline Functionality
Progressive Web Apps in 100 Seconds // Build a PWA from Scratch
Channel: Fireship
Link: https://www.youtube.com/watch?v=sFsRylCQblw

PWA Tutorial for Beginners #14 - Offline Mode Explained
Channel: Net Ninja
Link: https://www.youtube.com/watch?v=Vz1D28zshaI

5. AI Powered Chatbot
How to Create an AI Chatbot — Full Tutorial for Beginners
Channel: AI Master
Link: https://www.youtube.com/watch?v=yBa3od-Z330

Build a Large Language Model AI Chatbot using Retrieval Augmented Generation
Channel: IBM Technology
Link: https://www.youtube.com/watch?v=XctooiH0moI
4🔥2
🚀 Best YouTube Channels to Learn Tech Skills
Cybersecurity
John Hammond - https://www.youtube.com/@_JohnHammond
Networking
David Bombal - https://www.youtube.com/@davidbombal
Python
Code With Harry - https://www.youtube.com/@CodeWithHarry
React
Codevolution - https://www.youtube.com/@Codevolution
UI/UX
GFXMentor - https://www.youtube.com/@GFXMentor
JavaScript
Traversy Media - https://www.youtube.com/@TraversyMedia
Java
Kunal Kushwaha - https://www.youtube.com/@KunalKushwaha
DevOps
Techworld With Nana - https://www.youtube.com/@TechWorldwithNana
Blockchain
Telusko - https://www.youtube.com/@Telusko
AI/ML
Krish Naik - https://www.youtube.com/@krishnaik06
Web Development
Traversy Media - https://www.youtube.com/@TraversyMedia
AWS
Code With Harry - https://www.youtube.com/@CodeWithHarry
SQL
Programming With Mosh - https://www.youtube.com/@programmingwithmosh
DBMS
Edureka - https://www.youtube.com/@edurekaIN
3
https://acchou.github.io/html-css-cheat-sheet/html-css-cheat-sheet.html#html

This website contains examples of HTML and CSS, including animations 🔥🔥

Great resource for frontend developers! ✌️

Please react to this post❤️
13
Full_Stack_Game_Development_DeCodeDev.pdf
4 KB
Want to learn Game Development??
Here is the detailed Roadmap, Crafted for beginners 🏎️


Please ♥️🔥 React to this post, if you found it useful.
🔥113
You must know these websites if you are Front End Dev

👉🏻 CodePen - Best playground for Experiments - https://codepen.io/trending

👉🏻 CSS-Tricks - Learn CSS from real examples - https://css-tricks.com/

👉🏻 DevDocs - All language docs in one place - https://devdocs.io

👉🏻 Can i use - Conditional styling without JavaScript - https://caniuse.com/

Please 🔥 React to this post
🔥7
https://acchou.github.io/html-css-cheat-sheet/html-css-cheat-sheet.html#html

This website contains examples of HTML and CSS, including animations 🔥🔥

Great resource for frontend developers! ✌️

Please react to this post❤️
22🔥6👍2
🔥 Level up your DSA skills with these awesome visualization tools:

1. https://www.dsavisualizer.in/

2. https://csvistool.com/

3. https://visualgo.net/en

4. https://dsavisualization.com/

Perfect for mastering concepts through interactive learning! 🚀

Please react 🔥 to this post❤️
12
The only CMD Commands you need to know:

1/ File and Directory Commands
pwd - Show current directory
ls - List directory files
ls -la - Detailed file list
cd <folder> - Change directory
cd .. - Go back directory
mkdir <name> - Create new folder
rmdir <name> - Remove empty folder
rm <file> - Delete file
rm -rf <folder> - Force delete folder
cp <src> <dest> - Copy file
mv <src> <dest> - Move or rename
touch <file> - Create empty file
clear - Clear terminal screen

2/ File Viewing Commands
cat <file> - Display file content
less <file> - Scroll file content
head <file> - First lines output
tail <file> - Last lines output
tail -f <file> - Live file tracking

3/ System Commands
whoami - Show current user
uname -a - System information
top - Show running processes
ps - Process status list
kill <pid> - Terminate process
df -h - Disk usage info
du -sh <folder> - Folder size summary
history - Show command history
man <command> - Command manual page
echo <text> - Print text output
14🥰1
18🔥2
🚀 Top Free Websites to Learn & Practice Coding

💻 1. freeCodeCamp
🔗 freecodecamp.org
Best for: Full-stack web development, Python, & certifications.
Completely free interactive curriculum with hands-on projects and verified certs.

🎯 2. LeetCode
🔗 leetcode.com
Best for: Data Structures, Algorithms (DSA) & interview prep.
Thousands of coding challenges sorted by topic and company interview patterns.


🏆 3. HackerRank
🔗 hackerrank.com
Best for: Core language fundamentals (Python, SQL, C++) & skill badges.
Domain-specific practice, skill assessments, and competitive coding contests.


🥋 4. Codewars
🔗 codewars.com
Best for: Gamified challenge solving.
Train on community-created coding challenges (kata) to rank up and learn clever solution patterns from others.


🎨 5. Frontend Masters
🔗 frontendmasters.com/bootcamp
Best for: Frontend web development fundamentals (HTML, CSS, JavaScript).
Offers high-quality free beginner bootcamps and comprehensive guides taught by top industry engineers.


🧠 6. Project Euler
🔗 projecteuler.net
Best for: Mathematical logic & heavy algorithmic thinking.
A collection of challenging math and computer science problems that require creative code solutions.


Please react to this post if you find it useful 🚀🙌
4