Tech & Coding

🐍 Python Roadmap | From Basics to Advanced
📚 10 صفحات تلخص أهم أساسيات بايثون بشكل مبسط ومنظم.
المحتويات:
✅ Python Basics
✅ Variables & Data Types
✅ if / elif / else
✅ Loops (for - while - break - continue)
✅ Functions
✅ Lists
✅ Dictionaries
✅ Object-Oriented Programming (OOP)
✅ File Handling
✅ Exception Handling (try - except - finally)
رحلة متكاملة تبدأ من الأساسيات وحتى المفاهيم المتقدمة لبناء برامج قوية واحترافية. 🚀💻
لا تتوقف عن التعلم، فكل سطر كود تكتبه اليوم يقربك أكثر من هدفك. ❤️

🚀 JavaScript Fundamentals | Part 2
تم الانتهاء من الجزء الثاني من أساسيات JavaScript، والذي شمل:
🔹 String Methods
🔹 slice() - substring() - substr()
🔹 البحث داخل النصوص (indexOf, lastIndexOf, includes)
🔹 Arrays وإنشاؤها والتعامل معها
🔹 إضافة وحذف العناصر (push, pop, shift, unshift, splice)
🔹 البحث داخل المصفوفات
🔹 slice و splice في المصفوفات
🔹 sort و reverse
🔹 concat و join
🔹 الجمل الشرطية (if / else / switch)
🔹 الحلقات التكرارية (for, while, do...while, for...of)
🔹 الحلقات المتداخلة (Nested Loops)
🔹 break و continue للتحكم في تدفق التنفيذ
رحلة مليئة بالمفاهيم الأساسية التي تُبنى عليها تطبيقات الويب الحديثة، ومع كل خطوة جديدة نزداد فهمًا لكيفية كتابة كود أكثر تنظيمًا وكفاءة. 💻✨
تم الانتهاء من الجزء الثاني كاملًا، والاستعداد للانتقال إلى مفاهيم أكثر تقدمًا في JavaScript. 🚀

🚀 JavaScript Fundamentals - Part 1

الحمد لله تم الانتهاء من الجزء الأول من JavaScript 📚

الموضوعات التي تم شرحها:
✅ Introduction to JavaScript
✅ Window - Document - Console
✅ Variables
✅ Data Types
✅ String
✅ Concatenation
✅ Arithmetic Operators
✅ Convert String to Number
✅ Convert Number to String
✅ Math Object
✅ Number Object

💡 هذه الأساسيات هي الخطوة الأولى لفهم JavaScript وبناء مواقع ويب تفاعلية واحترافية.

انتظروا الجزء الثاني قريبًا بإذن الله ❤️

🎨 CSS - الجزء الثاني والأخير

تم بحمد الله الانتهاء من شرح مجموعة جديدة من أهم مفاهيم CSS المستخدمة في تصميم وتنسيق صفحات الويب.

📚 المواضيع المشروحة:
✅ Font Family & Font Size
✅ Font Style - Font Variant - Font Weight
✅ Font Shorthand
✅ Background
✅ Linear Gradient
✅ Radial Gradient
✅ Float - Overflow - Position
✅ Z-index - List Style
✅ Table Style - Units
✅ Pseudo Classes
✅ Pseudo Elements
✅ Sibling Selectors
✅ Attribute Selectors

💡 هذه المفاهيم تساعدك على بناء صفحات ويب احترافية ومتجاوبة بشكل أفضل.

احفظ المنشور للرجوع إليه أثناء التعلم والممارسة.

🚀 قريباً سنبدأ سلسلة JavaScript من الصفر خطوة بخطوة.

🎨 ملخص أهم مفاهيم CSS للمبتدئين

بعد ما اتعلمنا أساسيات HTML، لازم نتعرف على CSS المسؤولة عن تصميم صفحات الويب وجعلها أكثر جمالاً وتنظيماً.

في الصور دي هتتعرف على:

✅ CSS Syntax
✅ Class & ID & Tag
✅ CSS Priority
✅ Descendant Selectors
✅ Box Model
✅ Margin Auto
✅ النسبة المئوية %
✅ Min Width & Max Width
✅ Border Radius
✅ Fit Content / Min Content / Max Content

📌 احفظ البوست للرجوع إليه وقت المذاكرة.

💡 HTML تبني هيكل الصفحة، أما CSS فتعطيها الشكل والتصميم.

🔥 بعد البوست ده هنبدأ في JavaScript ونخلي صفحات الويب تتفاعل مع المستخدم.

💬 أي مفهوم من الموجودين حابب نشرحه بالتفصيل في بوست مستقل؟

احفظ البوست ده، لأنه هيبقى مرجع سريع ليك في HTML.
🌐 ملخص HTML للمبتدئين

لو نفسك تبدأ في مجال تصميم وتطوير المواقع، فأول خطوة لازم تتعلمها هي HTML 👩‍💻

HTML هي اللغة المسؤولة عن بناء هيكل صفحات الويب، ومن خلالها بنضيف:
✅ العناوين
✅ النصوص
✅ الصور
✅ الروابط
✅ القوائم

في الصورة دي هتلاقي ملخص سريع لأهم أساسيات HTML وأشهر الوسوم (Tags) المستخدمة.

💡 احفظ البوست وارجع له.

💬 سؤال:
كنت تعرف إن HTML مش لغة برمجة وإنما لغة توصيف؟

💻 Frontend vs Backend

لو بتفكر تبدأ في مجال تطوير المواقع، لازم تعرف الفرق بين Frontend و Backend 👇

🔹 Frontend
هو الجزء اللي المستخدم بيشوفه ويتعامل معاه.

✅ الأزرار
✅ الألوان
✅ الصفحات
✅ القوائم

لغاته:
HTML - CSS - JavaScript

━━━━━━━━━━━━

🔹 Backend
هو الجزء اللي بيشتغل خلف الكواليس.

✅ قواعد البيانات
✅ تسجيل الدخول
✅ حفظ البيانات
✅ معالجة الطلبات

لغاته:
Python - PHP - Java - Node.js

━━━━━━━━━━━━

🎯 مثال بسيط:

🍽️ Frontend
= شكل المطعم والجرسون والمنيو.

👨‍🍳 Backend
= المطبخ اللي بيجهز الأكل ويدير الطلبات.

💡 مفيش موقع بيشتغل بواحد منهم بس، الاتنين بيكملوا بعض.

💬 لو هتبدأ تتعلم تطوير المواقع، هتختار Frontend ولا Backend؟