DeCodeDev
8.28K subscribers
2 photos
21 files
33 links
Download Telegram
โค13๐Ÿ‘2
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
๐Ÿ”ฅ 12 Most In-Demand Skills

1๏ธโƒฃ Data Analyst

https://youtu.be/VaSjiJMrq24?si=WTGx3hGK6ipGNcZ-

2๏ธโƒฃ Artificial Intelligence

https://www.youtube.com/live/zE8soWrsg2Y?si=7TcUxqEHN8nztRxe

3๏ธโƒฃ Machine Learning

https://youtu.be/LvC68w9JS4Y?si=uQtIN7krNTTi67zY

4๏ธโƒฃ Digital Marketing

https://youtu.be/01Imoibt4as?si=_0VWsZOyAyrEe0ct

5๏ธโƒฃ Data Science

https://youtu.be/gDZ6czwuQ18?si=F2vxhdwYrYSg0DHa

6๏ธโƒฃ Generative AI

https://youtu.be/JQEwPa5FStM?si=OpYAVhsB6Ls4cVE
_

7๏ธโƒฃ Cyber Security

https://youtu.be/v3iUx2SNspY?si=ySF6di6pU8L-pCsH

8๏ธโƒฃ Programming (Beginner Friendly)

https://youtu.be/UrsmFxEIp5k?si=W3019mglRJ_74NEe

9๏ธโƒฃ Cloud Computing โ€“ Full Course (2026)

https://youtu.be/JoNPWZcExNA?si=Qvt8G3D5KFMPdhD3

๐Ÿ”Ÿ Business Analytics โ€“ Full Course (2025)

https://youtu.be/bftaMQjNkYI?si=kcCuuwP7VsWR4Zz
_

1๏ธโƒฃ1๏ธโƒฃ Power BI โ€“ Full Course

https://youtu.be/qOTdpjLUELg?si=a2QB7gkIJIlqtX0I

1๏ธโƒฃ2๏ธโƒฃ Prompt Engineering โ€“ Full Course (2025)

https://youtu.be/BUdwDOLQVWc?si=yrnXvx4JnPbaFWxW


Please โ™ฅ๏ธ React to this post
โค12
โค15
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.
๐Ÿ”ฅ11โค3
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
7 Days, 7 New Certificates! ๐ŸŽฏ

Supercharge your resume in just one week by completing these top-tier learning programs: ๐Ÿš€

1. IBM Certifications: https://www.pearsonvue.com/us/en/ibm.html

2. Google (Official Certifications): https://developers.google.com/certification

3. Microsoft (Intro to Python Development): https://learn.microsoft.com/en-us/shows/intro-to-python-development/

4. Oracle (Academy Certifications): https://academy.oracle.com/en/resources-oracle-certifications.html

5. Deloitte (Learning & Academy Programs): https://www.deloitte.com/cy/en/services/deloitte-academy.html

6. PayPal (PCI Technical Compliance): https://www.paypal.com/in/webapps/mpp/pci-compliance

7. Meta (Business & Marketing Certifications): https://www.facebook.com/business/learn/certification

React to this post โ™ฅ๏ธ
โค7