Building Real-World Fullstack Skills
Following the complete Scrimba Fullstack Developer Path - from frontend fundamentals to AI-powered applications. This repository tracks my progress, projects, and learnings throughout the entire journey.
Course Progress
01. Introduction
Course overview, learning path introduction, and foundation concepts.
- Overview look about the course
- The benefits of Web Development
- AI in Web Development
02. HTML & CSS Fundamentals
Semantic HTML, modern CSS, responsive design, and accessibility best practices.
- Personal Website
- Birthday Card
- Visit Cairo (Solo Project)
03. JavaScript Fundamentals
Modern JavaScript fundamentals, DOM manipulation, programming concepts, and interactive features.
- Interactive Applications
- Practice Exercises
- Coding Challenges
04. Tools of the Trade
Git, GitHub, command line, development workflows, and professional practices.
- Git & GitHub Skills
- Command Line Fundamentals
- Development Workflows
05. Accessible Development
Web accessibility principles, ARIA attributes, and inclusive design practices.
- Skynet Project: Accessible Website
- Skip Navigation Link Practice
- Final Project: Accessibility Best Practices
06. Essential CSS
Advanced CSS techniques, animations, grid, flexbox, and modern layout methods.
- NFT Website
- Portfolio
- Instagram Clone
- Coworking Space Site
07. Essential JavaScript
Advanced JavaScript concepts, ES6+ features, and modern programming patterns.
08. Responsive Design
Mobile-first design, media queries, and creating responsive layouts for all devices.
09. APIs and Async JavaScript
Fetch API, promises, async/await, and working with external data sources.
10. AI Engineering
CURRICULUM
- Al Engineering Fundamentals
- Models, Prompts, Tokens, etc
- Retrieval-augmented Generation
- Embeddings and Vector Databases
- Al Agents
- Reasoning and Acting (ReAct)
- Tool calling with structured output
11. Node.js
Server-side JavaScript, building backends, and working with the Node.js ecosystem.
CURRICULUM
- Welcome to Node.js
- Build a Node API
- Build a Fullstack Node App
12. Databases
Database design, SQL queries, and data persistence with modern database solutions.
13. Express.js
Building RESTful APIs, middleware, routing, and server-side application development.
15. React.js Fundamentals
Component-based architecture, state management, hooks, and modern React patterns.
19. Next.js
Production-ready full-stack applications with Next.js, SSR, and modern deployment.