CodeCrafters

Data Science & Machine Learning - https://drive.google.com/drive/folders/1T4q3oFYLFMPXreakZWy6rcegpDLSDDyF?usp=sharing

AI Engineer Roadmap (2026) : 1. Python 2. Git & GitHub 3. Linux Basics 4. SQL + PostgreSQL 5. Data Structures & Algorithms 6. Statistics & Linear Algebra 7. Machine Learning 8. Deep Learning (PyTorch) 9. Transformers 10. Prompt Engineering 11. LLM APIs (OpenAI, Claude, Gemini) 12. Embeddings 13. Vector Databases (Pinecone, Qdrant, pgvector) 14. RAG (Retrieval-Augmented Generation) 15. AI Agents (LangGraph, CrewAI, OpenAI Agents SDK) 16. MCP (Model Context Protocol) 17. FastAPI / Backend Development 18. Redis 19. Kafka / RabbitMQ 20. Docker 21. Kubernetes 22. AWS / GCP 23. CI/CD 24. MLOps (MLflow, W&B) 25. AI System Design 26. AI Security & Guardrails 27. Monitoring & Observability 28. Build 10+ Production AI Projects 29. Contribute to Open Source 30. Ship & Iterate

TOP DATA ANALYST TOOL STACKS: ✅ SQL + Python = automation powerhouse ✅ Excel + Power BI = business-friendly analysis ✅ Power Query + Power BI = clean pipelines ✅ SQL + Tableau = flexible visual stories ✅ Python + Jupyter = reproducible analysis Your stack is your superpower.

Fundamental Skills You Need to become! 🚀💻

Stage 1 – HTML 📄 Stage 2 – CSS 🎨 Stage 3 - Git + GitHub 🐙 Stage 4 – JavaScript, DOM 💻 Stage 5 – React VueJS Svetle || Angular ⚛️ Stage 6 – REST API 🔗 Stage 7 – Node.js 🟩 Stage 8 – Mongo 🌿 Stage 9 – Build projects to gain experience 🚀 Full Stack developer. 🙌

FREE Sites to Host Backend Code🔥 ◾️Vercel ◾️Netlify Functions ◾️Render ◾️Fly .io ◾️Glitch ◾️Cyclic .sh ◾️Railway .app ◾️Supabase ◾️Appwrite ◾️Firebase ◾️Planet scale ◾️Sanity .io ◾️Deta. sh ◾️Stormkit .io ◾️Cloudflare Workers ◾️Google Cloud Functions

CSS Fonts Cheatsheet🔥

Javascript - Array methods

Best Websites for Code Snippets in 2025 👇 🔥 Codepen 🔥 CSS Deck 🔥 Free FrontEnd 🔥 CodeMyUI 🔥 Codesandbox 🔥 Codepad 🔥 30 seconds of code 🔥 Little Snippets 🔥 CSS-TRICKS 🔥 W3Schools 🔥 Code to go 🔥 Snipplr 🔥 Web Code Tools 🔥 Codeply

Stage 1 – HTML Stage 2 – CSS (Grid, Flex) Stage 3 - Git, GitHub Stage 4 – JavaScript, DOM Stage 5 – React VueJS Svetle || Angular Stage 6 – Node.js Stage 7 – MySQL || MongoDB Stage 8 – CRUD pattern Stage 9 – Build projects to gain experience 🏆 – Full Stack developer. 🙌

Learn for Free 🌐 HTML - w3schools .com 🎨 CSS - web .dev/learn/css 📜 JavaScript - javascript .info ⚛️ React - react-tutorial .app 🔗 API - rapidapi .com/learn 🐍 Python - learnpython .org 🌬️ Tailwind CSS - tailwindcss .com 🗄️ SQL - SQLzap .com 🔧 Git and GitHub - git-scm .com 🟢 Node.js - nodejs .dev/learn 🌱 Django - djangoproject .com/start 💎 Ruby on Rails - guides.rubyonrails .org 📱 Flutter - flutter .dev/docs ☕ Kotlin - kotlinlang .org/docs/tutorials 🚀 Go - golang .org/doc/tutorial 🦀 Rust - doc.rust-lang .org/book

Best YouTube Channels for back-end/full-stack developers. Corey Schafer: Python, Git, SQL, Terminal tutorials, JavaScript, Computer Science fundamentals Hussein Nasser: Backend Development, System Architecture, Database Engineering, Data Structures TechwithTim: Python, Rust, Golang, JavaScript, C++, libraries Better Stack: Python, PHP, Golang, DevOps, Logging, Monitoring Conaticus: Rust, JavaScript, C++, C#, Python, Ruby on Rails, Go The Net Ninja: JavaScript, Node.js, Vue.js, Firebase, React, D3.js, Svelte, Python, Django, PHP, MySQL Fireship: High-intensity code tutorials, tech news, React, TypeScript Traversy Media: HTML, CSS, JavaScript, React, Vue.js, Node.js, Python, PHP Nick Chapsas: .NET, C#

Basic Weather App using HTML, CSS and Javascript

Free static site hosting: 🌐 Sevalla 🚀 Netlify ⚡ Vercel 🐙 GitHub Pages 🔄 Render ☁️ Cloudflare pages 🔥 Firebase Hosting 🌊 Surge ☁️ AWS Amplify 📄 Gitlab Pages 🌐 Azure Static Web Apps

Learn for Free 🌐 HTML - w3schools .com 🎨 CSS - web .dev/learn/css 📜 JavaScript - javascript .info ⚛️ React - react-tutorial .app 🔗 API - rapidapi .com/learn 🐍 Python - learnpython .org 🌬️ Tailwind CSS - tailwindcss .com 🗄️ SQL - SQLzap .com 🔧 Git and GitHub - git-scm .com 🟢 Node.js - nodejs .dev/learn 🌱 Django - djangoproject .com/start 💎 Ruby on Rails - guides.rubyonrails .org 📱 Flutter - flutter .dev/docs ☕ Kotlin - kotlinlang .org/docs/tutorials 🚀 Go - golang .org/doc/tutorial 🦀 Rust - doc.rust-lang .org/book

Javascript Backend Developer Skills 🌐 JavaScript & Node.js Fundamentals - Understanding of JavaScript ES6+ features - Asynchronous programming with Promises and Async/Await - Event-driven architecture in Node.js - Core Node.js modules and APIs 🔷 TypeScript - TypeScript syntax and features - Type safety and interfaces - Integrating TypeScript with Node.js applications - Tooling and compilation with TypeScript 🧪Testing Frameworks - Mocha - Cypress - Jest 📦 Node.js Frameworks - Express.js - Koa.js - Fastify - NestJS 🍃 MongoDB & Mongoose - CRUD operations with MongoDB - Schema design and data modeling - Mongoose ODM for MongoDB - Aggregation framework 🔗 Node.js Microservices - Designing microservices architecture - Communication between microservices (REST, gRPC) - Service discovery and load balancing - API Gateway for microservices 🚢 Kubernetes - Container orchestration with Kubernetes - Deployment and management of Node.js applications - Kubernetes services and networking - Monitoring and scaling applications with Kubernetes

👨‍💻 HTML - for skeleton 🎨 CSS - for beauty 🔮 Javascript - for interactivity 🧰 React/VueJs/Svelte/Angular - for functionality 🔌 API - for accessing data 💾 Database - for data storage 👥 Git/GitHub - for teamwork 🖥️ NodeJs/Python/PHP/Go/Rust for backend 🔧 VSCode - for coding 🤖 ChatGPT + AI - for productivity 🎉 Sevalla - for hosting 😉

16 Full Stack Project Ideas🔥 📍Task Management Application 📍Food Delivery Application 📍E-commerce Platform 📍Gaming App 📍Blog or Content Management System (CMS) 📍Social Media Application 📍Real-Time Chat Application 📍Video Conferencing Application 📍Recipe Sharing Website 📍Data Analytics Application 📍Job Board Platform 📍Event Management System 📍Real Estate Listing Platform 📍Workout Tracker 📍Customer Relationship Management (CRM) 📍Project Management App

2025 Web Development Roadmap Step 1: git and github Step 2: HTML and CSS Step 3: JavaScript Step 4: React Step 5: Mongodb Step 6: Node Js Step 7: portfolio Step 8: How to do technical interviews Step 9: Get hired and earn Where to learn from? Odin project

Javascript - Array methods