محاكيات التعلم التفاعلية

منصة موحّدة لتجربة CSS وJavaScript وDart وFlutter بالعربية، مع تبديل مريح بين الوضع الليلي والنهاري.

محاكيات CSS

Flexbox، Grid، الحركات، النموذج الصندوقي، الموضع، الوحدات، المتغيرات، والمزيد — كلها داخل قسم CSS.

فتح قسم CSS ←

محاكيات JavaScript

محاكيات تفاعلية للنطاق، الدوال، الحلقات، المصفوفات، النصوص، والكائنات مع خطوات تنفيذ واضحة.

فتح محاكيات JS ←

أساسيات JavaScript

دروس ومحتوى تمهيدي: متغيرات، DOM، أحداث، وعود — بنفس أسلوب الأكاديمية مع دعم الثيم الموحّد.

فتح الأساسيات ←

أساسيات Dart

متغيرات، دوال، صفوف، تدفق التحكم، Null safety، async/await، ومحرر تفاعلي.

فتح Dart ←

Flutter Widgets

استكشاف الويدجت الأساسية: Container، Row، Column، ListView، Scaffold، وغيرها بأسلوب تعليمي موحّد.

فتح Flutter ←

أساسيات PHP

متغيرات، مصفوفات، شروط، حلقات، دوال، نماذج، Sessions، OOP، وMVC — 10 دروس تفاعلية.

محاكيات HTML

نماذج، جداول، قوائم، روابط، صور، ميديا، dialog، والمزيد من عناصر HTML التفاعلية.

فتح HTML ←

🎨 محاكيات CSS

Flexbox

تخطيط مرن تفاعلي

CSS Grid

شبكة تفاعلية

Box Model

النموذج الصندوقي

Position

relative, absolute, fixed, sticky

Animations

الحركات والـ Keyframes

Transitions

الانتقالات السلسة

Transforms

rotate, scale, translate

Width & Height

الأبعاد والقياسات

Margin & Padding

الهوامش والحشو

CSS Units

px, rem, em, vh, vw

CSS Variables

المتغيرات في CSS

CSS Filters

blur, brightness, contrast

Media Queries

التصميم المتجاوب

⚡ محاكيات JavaScript

Variables & Types

var, let, const وأنواع البيانات

Functions

الدوال وأنواعها

Loops

for, while, forEach

Conditions

if/else و switch

Objects

الكائنات والخصائص

Array Methods

map, filter, reduce

Strings

التعامل مع النصوص

Scope

النطاق المحلي والعام

Closures

الإغلاق والنطاق المعجمي

Filter

تصفية المصفوفات

Reduce

اختزال المصفوفات

Map

تحويل المصفوفات

Set

المجموعات الفريدة

📚 أساسيات JavaScript

Variables

المتغيرات وأنواعها

Functions

الدوال

Objects & Arrays

الكائنات والمصفوفات

DOM Manipulation

التعامل مع DOM

Events

الأحداث

Async & Promises

البرمجة غير المتزامنة

Classes & OOP

البرمجة الكائنية

Closures & Scope

الإغلاق والنطاق

this Keyword

كلمة this

Prototypes

الوراثة النموذجية

ES6+ Features

ميزات ES6 الحديثة

Modules

الوحدات

Error Handling

معالجة الأخطاء

محرر الكود

محرر JavaScript تفاعلي

🎯 أساسيات Dart

Variables

المتغيرات والأنواع

Functions

الدوال

Control Flow

الشروط والحلقات

Collections

Lists, Sets, Maps

Classes

الصفوف والكائنات

Null Safety

التعامل مع القيم الفارغة

Async / Await

البرمجة غير المتزامنة

Streams

تدفق البيانات

Generics

الأنواع العامة

Mixins

إعادة استخدام الكود

Extensions

توسيع الأصناف

محرر الكود

محرر Dart تفاعلي

📱 Flutter Widgets

Container

الحاوية الأساسية

Row & Column

التخطيط الأفقي والعمودي

ListView

القوائم

GridView

الشبكة

Stack

التكديس

Scaffold

هيكل الصفحة

Text

النصوص

Image

الصور

Icon

الأيقونات

Buttons

الأزرار

TextField

حقول الإدخال

Card

البطاقات

Center

التمركز

Padding

الحشو

Expanded

التوسيع

SizedBox

الحجم الثابت

Opacity

الشفافية

Visibility

الإخفاء والإظهار

Transform

التحويلات

Align

المحاذاة

AspectRatio

نسبة الأبعاد

Wrap

الالتفاف

InkWell

النقر والتفاعل

Chip

الرقائق

Divider

الفواصل

Switch

المفتاح

ProgressIndicator

مؤشر التقدم

SnackBar

الإشعارات

Dialog

الحوارات

AnimatedContainer

الحاوية المتحركة

ClipRRect

القص بزوايا مستديرة

SingleChildScrollView

التمرير

🧪 محاكيات PHP التفاعلية

المتغيرات والأنواع

Type Juggling والتحويل الصريح

المصفوفات

Indexed و Associative Arrays

الشروط

شجرة قرارات تفاعلية

الحلقات

تتبع العداد خطوة بخطوة

الدوال

Input → Function → Output

النماذج

GET/POST + XSS Protection

Sessions & Cookies

تسجيل دخول تفاعلي

OOP

Classes و Objects والوراثة

MVC

تدفق الطلب بين الطبقات

النصوص

strlen, strpos, substr

معالجة الأخطاء

try, catch, throw

JSON

json_encode, json_decode

التاريخ والوقت

date, time, strtotime

دوال المصفوفات

array_map, array_filter

الملفات

fopen, fwrite, copy

Regex

preg_match, preg_replace

🐘 دروس PHP

مقدمة في PHP

ما هي PHP وكيف تعمل

المتغيرات والأنواع

Variables و Types

المصفوفات

Indexed و Associative

الشروط

if/else, switch, match

الحلقات

for, while, foreach

الدوال

Functions و Arrow Functions

النماذج

$_GET / $_POST

Sessions & Cookies

حفظ البيانات

أساسيات OOP

Classes و Objects

مفهوم MVC

Model, View, Controller

📄 محاكيات HTML

Form Elements

حقول الإدخال والنماذج

Table

الجداول وصفوف وأعمدة

Lists

قوائم مرقمة ونقطية وتعريفات

Semantic HTML

header, nav, main, article, section

Links

الروابط والت-navigation

Images

الصور والبدائل

Media

audio, video, source

Details/Summary

accordions والعناصر القابلة للتوسيع

Dialog

نوافذ حوارية modal

Meter & Progress

مقاييس وشاشات التقدم

Inline Elements

blockquote, code, abbr, time, mark

Buttons

الأزرار وأنواعها

Fieldset & Legend

مجموعات الحقول والعناوين

Iframe

صفحات مضمنة

SVG

رسومات متجهية

Picture

صور متجاوبة مع source

Figure & Figcaption

صور مع وصف

Text Formatting

b, i, u, strong, sub, sup, mark

Canvas

رسم على canvas

Ruby

ruby, rt, rp للنصوص

Template

قوالب HTML

Map & Area

خرائط الصور

Pre & Address

نص منسق وعناوين

Br, Hr, Wbr, Div, Span

وسوم عامة

Output, Data, Datalist

عناصر البيانات

Input Types

text, email, password, number, date

Select & Textarea

قوائم منسدلة ونصوص متعددة

Track

ترجمة وتعليقات الفيديو

Embed & Object

محتوى خارجي PDF, Flash

BDO & BDI

اتجاه النص

Slot

Web Components slots