All Cheat Sheets

Featured

Build Your First AI Agent

Learn how to transform a Large Language Model into an AI agent that can reason, use tools, and complete tasks. This practical guide walks you through building a simple runnable agent in Python.

AI · LLM · AI Agents · Python

JavaScript for Beginners - Part 3: Operators, Control Flow & Error Handling

Learn how to make your code "think"! In this part, we cover mathematical operators, logical comparisons, and how to use If/Else statements to control your program. We also look at try...catch to handle errors gracefully. Includes explanations in Darija.

javascript · web-development · programming-basics · logic · operators · error-handling · darija

JavaScript for Beginners - Part 6: Data Structures (Arrays & Objects)

Stop using single variables for everything! Learn how to organize and manage complex data using Arrays and Objects, including essential methods like .map(), .push(), and dot notation. Includes explanations in Darija.

javascript · web-development · data-structures · arrays · objects · programming-basics · darija

JavaScript for Beginners Series - Part 14 (English & Darija)

The finale of the JavaScript for Beginners series! Part 14 recaps everything we've learned—from variables to async/await—and reveals the next step in your developer journey: React.js and Next.js. Includes a full summary in Moroccan Darija.

JavaScript · Web Development · React · Next.js · Darija · Roadmap

JavaScript for Beginners Series - Part 13 (English & Darija)

Part 13 of the JavaScript for Beginners series by Ibtissam Oulahchoum. This guide covers ES6 Modules. Learn how to organize your code by splitting it into separate files using Import and Export, a fundamental concept for modern frameworks like React. Includes simplified explanations in Moroccan Darija.

JavaScript · ES6 · Modules · Web Development · Darija · React

JavaScript for Beginners Series - Part 12 (English & Darija)

Part 12 of the JavaScript for Beginners series by Ibtissam Oulahchoum. This guide covers Async/Await and the Fetch API. Learn how to write cleaner asynchronous code that looks synchronous and how to retrieve data from external APIs. Includes simplified explanations in Moroccan Darija.

JavaScript · Async Await · Fetch API · Web Development · Darija · Asynchronous

JavaScript for Beginners Series - Part 11 (English & Darija)

Part 11 of the JavaScript for Beginners series by Ibtissam Oulahchoum. This guide covers Asynchronous JavaScript & Promises. Learn the difference between synchronous and asynchronous code, how to prevent blocking your program, and how to handle future values using Promises. Includes simplified explanations in Moroccan Darija.

JavaScript · Asynchronous · Promises · Web Development · Darija · Backend

JavaScript for Beginners Series - Part 10 (English & Darija)

Part 10 of the JavaScript for Beginners series by Ibtissam Oulahchoum. This guide introduces the DOM (Document Object Model)—the bridge between JavaScript and HTML. Learn how to Select and Manipulate web elements to create interactive pages. Includes simplified explanations in Moroccan Darija.

JavaScript · DOM · Web Development · Frontend · Darija · Interactivity

JavaScript for Beginners Series - Part 9 (English & Darija)

Part 9 of the JavaScript for Beginners series by Ibtissam Oulahchoum. Learn how to handle text like a pro using Template Literals and essential String Methods (.trim(), .includes(), .split()), with simplified explanations in Moroccan Darija.

JavaScript · String Methods · ES6 · Web Development · Darija

JavaScript for Beginners Series - Part 8 (English & Darija)

Part 8 of the JavaScript for Beginners series by Ibtissam Oulahchoum. Master the essential Array Methods: .map(), .filter(), and .reduce(). These Higher Order Functions are the key to writing clean, modern JavaScript (especially for React) and replacing traditional loops. Includes simplified explanations in Moroccan Darija.

JavaScript · Array Methods · React · Web Development · Darija · Functional Programming

JavaScript for Beginners Series - Part 7 (English & Darija)

Part 7 of the JavaScript for Beginners series by Ibtissam Oulahchoum. This guide covers essential ES6+ features: Destructuring (unpacking data) and the Spread Operator (expanding arrays/objects), with simplified explanations in Moroccan Darija.

JavaScript · ES6 · Destructuring · Spread Operator · Web Development · Darija

JavaScript for Beginners Series - Part 5 (English & Darija)

Part 5 of the JavaScript for Beginners series by Ibtissam Oulahchoum. This guide covers Functions: the building blocks of modular code. Learn about Function Declarations, Expressions, and modern Arrow Functions (ES6), with a summary of key concepts in Moroccan Darija.

JavaScript · Functions · ES6 · Web Development · Darija · Programming Basics

JavaScript for Beginners Series - Part 4 (English & Darija)

Part 4 of the JavaScript for Beginners series by Ibtissam Oulahchoum. This guide covers Control Flow and Iteration. Learn how to use the switch statement for efficient comparisons and master loops (for, while, do...while, and for...of) to automate repetitive tasks. Includes simplified explanations in Moroccan Darija.

JavaScript · Control Flow · Loops · Web Development · Darija · Programming Basics

JavaScript for Beginners Series - Part 2 (English & Darija)

Part 2 of the JavaScript for Beginners series by Ibtissam Oulahchoum. This guide dives into Data Types, distinguishing between Primitive types (String, Number, Boolean, Null, Undefined) and Non-Primitive types (Objects), with simplified explanations in Moroccan Darija.

JavaScript · Data Types · Web Development · Darija · Programming Basics

JavaScript for Beginners Series - Part 1 (English & Darija)

Welcome to Part 1 of the JavaScript for Beginners series by Ibtissam Oulahchoum. This guide covers the fundamentals: what JavaScript is, how it differs from Java, the role of ECMAScript, and how to handle variables using let and const. Includes simplified explanations in Moroccan Darija.

JavaScript · Web Development · Programming Basics · Darija · Frontend

Why OpenAI Switched From Next.js to Remix?

Discover the technical reasons behind OpenAI's strategic move from Next.js to Remix for the ChatGPT interface. Learn how optimized client-side rendering, efficient data loaders, and advanced routing contributed to a smoother and more responsive user experience.

OpenAI · Next.js · Remix · React · Web Development · Frontend Engineering

Mastering Software Design Patterns: English & Moroccan Darija Guide

Dive into the world of Software Design Patterns with this unique guide. We cover Creational, Structural, and Behavioral patterns, explaining each concept in clear English and providing relatable analogies in Moroccan Darija—from Pizza recipes to GPS navigation—to make learning easy and fun.

Design Patterns · Software Engineering · Object Oriented Programming · Darija · Learn Coding

Writing Clean, Secure Node.js APIs: A 10-Step Checklist

Building a Node.js API? Don't skip these essential steps. From project structure and input validation to security headers and documentation, this checklist ensures your API is production-ready, secure, and maintainable.

Node.js · API Development · Backend · Security · Best Practices · JavaScript

New Features in React 19: A Comprehensive Guide

React 19 is transforming frontend development with powerful new tools. Discover the revolutionary React Compiler, native Server Components, and a suite of new hooks like use() and useOptimistic that simplify state management and boost application performance.

React 19 · JavaScript · Web Development · Server Components · Hooks · Frontend

Top AI Trends Reshaping Web and Mobile Development in 2025

Artificial Intelligence is revolutionizing the digital landscape. From hyper-personalization and AI-powered coding assistants to edge computing and ethical development, discover the top 11 AI trends that are defining the future of web and mobile applications in 2025.

Artificial Intelligence · Web Development · Mobile App Development · Trends 2025 · UI/UX · Cybersecurity

Different Ways to Fetch Data in React JS

Master data retrieval in your React applications. This guide compares the native Fetch API, the popular Axios library, and the powerful React Query for state management. Plus, learn how to clean up your code using Async/Await and reusable Custom Hooks.

React · JavaScript · Axios · Web Development · API · Data Fetching

Next.js Setup & Project Structure: The Ultimate Guide

Ready to start your Next.js journey? This guide walks you through the installation process using create-next-app and demystifies the essential project structure. Learn about the App Router, top-level configuration files, and master advanced routing techniques like dynamic, parallel, and intercepted routes.

Next.js · React · Frontend · Web Development · JavaScript · TypeScript · Routing

Learn Next.js: Elevate Your Web Development Skills

Discover why Next.js is the go-to React framework for building full-stack web apps. From Server-Side Rendering (SSR) to Incremental Static Regeneration (ISR), this guide covers the key features that help you build faster, SEO-friendly, and scalable applications.

Next.js · React · Web Development · SSR · Static Site Generation · JavaScript

React.js vs Next.js: A Comprehensive Comparison

Struggling to choose between React.js and Next.js? This guide breaks down the critical differences, including routing, rendering methods (CSR vs SSR/SSG), API capabilities, and deployment options, to help you decide which tool fits your next web project.

React.js · Next.js · Web Development · JavaScript · Frontend Frameworks

What is React Redux? A Beginner's Guide

Unravel the complexity of React Redux with this simple guide. Using an easy-to-understand analogy of friends planning a vacation, we break down core concepts like the Store, Actions, Reducers, and Dispatch to help you manage complex state in your applications.

React · Redux · State Management · JavaScript · Frontend Development