SeaCode Academy

نداء لشباب حاسبات ومعلومات! 🚀💻

زهقت من الـ "Tutorial Hell"؟ بتتفرج على كورسات كتير ولما تيجي تكتب كود بتعطل؟ 🤔
عشان كده في Seacode Academy قررنا نعملكم ورشة عمل في الـ Web Development مجانية بالكامل 100%! 🔥

الورشة دي Offline وعملية بالكامل. في 3 أيام بس، هنكسر حاجز البداية، هنفهم الأساسيات صح، وهنبنّي مشاريع حقيقية بإيدينا.

تفاصيل الورشة:

📅 اليوم: السبت القادم، 16 مايو 2026

🕒 الوقت: الساعة 3:00 عصراً

📍 المكان: مقر أكاديمية Seacode (أمام كلية تجارة - بجانب كشري التحرير)

💸 التكلفة: مجاناً 100%

العدد هيكون محدود عشان نقدر نتابع مع كل الناس ونطبق عملي، متفوتش الفرصة!
للحجز والتسجيل من خلال الرابط التالي: 👇
https://forms.gle/kLzoiHV71VFx1NQj7

🛑 السؤال اللي بيحير 90% من الناس.. أبدأ منين؟ وأطبق إزاي؟
​لو حاسس إنك تايه في زحمة لغات البرمجة، وعندك أسئلة كتير مش لاقي ليها إجابة واضحة.. إحنا جبنالك الحل اللي هيختصر عليك شهور من التوهة!
​🚀 أكاديمية SeaCode بتعلن عن معسكر الـ Full Stack المجاني (لمدة 3 أيام) 🚀
​في الـ 3 أيام دول إحنا مش بس هنشرح، إحنا:
هنجاوب على كل الأسئلة اللي في بالك واللي معطلاك تبدأ.
هنحط رجلك على أول الطريق الصح بخطة (Roadmap) واضحة لسوق العمل.
هتطبق بإيدك عملي وهتلاقي منصة SeaCode بالكامل تحت أمرك تساعدك تكتب كود وتجرب وتغلط وتتعلم.. ومجاناً! 💻
​📅 الميعاد: الخميس والجمعة والسبت (الساعة 10:30 مساءً بتوقيت مصر).
​⚠️ العدد محدود جداً عشان نقدر نتابع مع الكل ونرد على أسئلتكم.
احجز مكانك دلوقتي وانضم لجروب الواتساب الخاص بالمعسكر قبل ما نقفل العدد النهائي.
​👇 (لينك الانضمام للجروب هتلاقيه مثبت في أول كومنت) 👇
​منشن صاحبك اللي نفسه يبدأ معاك، ويلا نكسر حاجز الخوف من البرمجة! 💪
#برمجة
​

طريقك عشان تكون Front-End Developer محترف مش مجرد فيديوهات تتفرج عليها.. البرمجة يعني "تطبيق عملي"! 💻🚀
​في Sea Code Academy، إحنا مابنقدمش كورس تقليدي، إحنا بنينا منصة تعليمية تفاعلية كاملة عشان تعيش بيئة الشغل الحقيقية:
✅ محرر أكواد مدمج في المنصة (هتكتب وتجرب كودك في نفس اللحظة).
✅ فصول تفاعلية مباشرة ومسابقات برمجة (Live Coding Tournaments).
✅ متابعة مستمرة لمستواك ومهام وتطبيقات عملية على كل تقنية (HTML, CSS, JS, TS, React).
​ابدأ رحلتك صح، وابني بورتفوليو قوي يجهزك لسوق العمل.
​🔗 سجل دلوقتي وابدأ التعلم: seacode.tech
📞 أو تواصل معانا على: 01090941104
#برمجة

🚀 عايز تبدأ تتعلم البرمجة من الصفر؟ 📱 نفسك تشتغل شغل حر أو تلاقي وظيفة كويسة؟ دلوقتي الفرصة مع أكاديمية زيد! 🎯 كورسات برمجة من الصفر لحد الاحتراف 💻 تعليم عملي على مشاريع حقيقية 👨‍🏫 شرح مباشر Live أو مسجل 📍 أونلاين أو في فرع الأكاديمية (الشيخ زايد - أكتوبر) 🔒 شهادة معتمدة + دعم فني طول فترة الكورس 🔥 الحق أول خصم لفترة محدودة! 📩 ابعتلنا "مهتم" في الكومنت أو الرسائل وهنرد عليك فورًا! #تعلم_البرمجة #أكاديمية_زيد #كورس_برمجة #فرصة_حقيقية #زايد #أكتوبر #مستقبلك_بيبدأ_من_هنا #zaid

🎯 Frontend Developer Bootcamp - أكاديمية زيد

1️⃣ مقدمة عن الـ Bootcamp

الهدف: تأهيل المطورين لسوق العمل كـ Frontend Developers من خلال تدريب عملي مكثف.

المدة: 10 أسابيع - 3 جلسات أسبوعيًا (كل جلسة 2-3 ساعات).

نمط التدريس: جلسات مباشرة + تطبيق عملي + مراجعة أكواد + مشروع نهائي.

المستوى المستهدف: للمبتدئين وأصحاب المستوى المتوسط.

الأدوات والتقنيات:

HTML, CSS, JavaScript (ES6+)

React.js (Hooks, State Management, Performance Optimization)

Git & GitHub, APIs, Deployment (Vercel/GitHub Pages)

Testing & Debugging, Soft Skills & Job Preparation

2️⃣ محتوى الـ Bootcamp (10 أسابيع)

✅ Week 1: أساسيات الويب و Git/GitHub

هيكلة صفحات الويب باستخدام HTML.

تنسيق الصفحات بـ CSS (Flexbox, Grid, Animation).

التحكم في الإصدارات باستخدام Git و GitHub.

مشروع صغير: Landing Page احترافية.

✅ Week 2: أساسيات JavaScript و DOM

JavaScript Fundamentals (Variables, Functions, Arrays, Objects).

التعامل مع DOM و الأحداث Event Handling.

البرمجة غير المتزامنة (Async/Await, Promises).

تطبيق عملي: بناء موقع تفاعلي ديناميكي.

✅ Week 3: React.js Basics

مقدمة في React.js (Components, Props, State, Hooks).

التعامل مع الأحداث في React.

بناء مكونات UI تفاعلية.

مشروع: بناء تطبيق To-Do List تفاعلي.

✅ Week 4: إدارة الحالة & التعامل مع APIs

State Management (useState, useEffect, Context API).

جلب البيانات من APIs باستخدام Fetch/Axios.

التعامل مع الخطأ وتحسين الأداء.

تطبيق عملي: بناء تطبيق يستعرض بيانات من API خارجي.

✅ Week 5: تحسين الأداء ورفع المستوى

تحسين أداء React (Memoization, Lazy Loading, Code Splitting).

التحقق من المدخلات والتعامل مع النماذج (Forms & Validation).

أفضل الممارسات في كتابة كود نظيف وسهل الصيانة.

✅ Week 6: UI/UX & Responsive Design

مبادئ تصميم واجهات المستخدم (UI Design Basics).

تحسين تجربة المستخدم (UX Principles).

تصميم مواقع متجاوبة (Mobile-First, Media Queries).

تطبيق عملي: تحويل تصميم Figma إلى كود حقيقي.

✅ Week 7: الاختبار وإصلاح الأخطاء (Testing & Debugging)

أدوات Debugging في المتصفحات.

كتابة اختبارات تلقائية باستخدام Jest و React Testing Library.

التعامل مع أخطاء الأداء في React.

تطبيق عملي: اختبار وتحسين تطبيق React.

✅ Week 8: النشر والتوزيع (Deployment & Hosting)

نشر المواقع على GitHub Pages و Vercel.

CI/CD Basics (GitHub Actions).

تحسين SEO و Web Performance.

تطبيق عملي: نشر تطبيق React مع تحسين الأداء.

✅ Week 9: العمل كمطور Frontend محترف

بناء Portfolio قوي كمطور Frontend.

كتابة CV احترافي + التحضير لمقابلات العمل.

العمل الحر كمطور (Freelancing & Remote Jobs).

جلسة أسئلة وإجابات مع محترفين في المجال.

✅ Week 10: المشروع النهائي والتقييم

العمل على مشروع متكامل بواجهة احترافية.

مراجعة الأكواد + تحسين الأداء + Best Practices.

تقديم المشروع النهائي + شهادة

3️⃣ نظام التدريس والتفاعل

بث مباشر على Google Meet.

تمارين عملية بعد كل جلسة.

جلسات مراجعة للكود + Feedback شخصي لكل طالب.

دعم فني عبر جروب خاص

مشروع نهائي لكل طالب لضمان الفهم العملي.

🎯 الهدف النهائي:

بنهاية الـ Bootcamp، سيكون لدى كل طالب مشروع متكامل Frontend يمكنه إضافته في البورتفوليو والتقديم على وظائف كمطور Frontend.

🚀 جاهز للانضمام إلى أقوى Bootcamp في أكاديمية زيد؟!

الفرق بينهم زي الفرق بين "اللي جواك" و "اللي جاي من بره":

1. الـ Props (اللي جاي من بره):
- دي بيانات بتبعتلها لـ Component من الـ Parent بتاعه.
- زي لما أمك تقولك: "هاتلي المية من المطبخ" → المطبخ هنا هو Prop !
- الـ Component مش بيعدل في الـ Props، بيستقبلها وبس.

2. الـ State (اللي جواك):
- دي بيانات خاصة بالـ Component نفسه ، وبيقدر يغيرها.
- زي لو عندك عداد (Counter) → كل ما تضغط على زرار، العداد يزيد.
- الـ State بيتغير جوا الـ Component فقط.

مثال حي:
- لو عندك صفحة فيها 10 أزرار كلهم يقدروا يغيروا لون الخلفية:
- الـ State → اللون الحالي (هيكون في الـ Parent).
- الـ Props → كل زر هيستلم لون معين من الـ Parent.

# # # الخلاصة:
- الـ Props → Data In (البيانات اللي جاية من الخارج).
- الـ State →Data Inside (البيانات اللي جوا الـ Component).

الـ Component ده عبارة عن "قطعة" أو "جزء" من الـ UI (الواجهة بتاعتك) بيكون ليه وظيفة معينة. زي مثلاً لو عندك صفحة ويب فيها header و sidebar و list من المنتجات، كل جزء ده تقدر تعمله component منفصل. فكرة الـ components دي علشان تقسم المشروع لأجزاء صغيرة مظبوطة، كل واحد ليه مسئوليته، وتقدر تعيد استخدامهم في أي حتة تاني.

مثال بسيط:
```jsx
// ده component اسمه "Hello" بيطبع رسالة
function Hello() {
return يا مرحباً، أنا مكون جديد!;
}

// إزاي تستخدمه في component تاني
function App() {
return (

// هنا هنستدعي الـ component
كلام تاني هنا...

);
}
```

- الـ component ده ممكن يكون `function` أو `class` (لكن دلوقتي الأفضل تستخدم function مع Hooks).
- كل component يقدر يرجع JSX (الـ HTML الي جوا الجافاسكريبت).
- تقدر تعدي بيانات للـ component عن طريق الـ props (هنتكلم عنها في السؤال التاني).

كل عام وحضراتكم جميعاً بخير. رمضانكم مبارك. أسأل الله لي ولكم جميعاً البركة والتوفيق فيه للطاعات والقربات.