تطوير واجهة المستخدم للمبتدئين (باستخدام JavaScript العادي)

ترجم باستخدام ترجمة جوجلعرض النص الأصلي

من 12.21 AED /س

تقدم هذه الدورة المعرفة والمهارات الأساسية في HTML وCSS وJavaScript، وهي التقنيات الأساسية لبناء وتصميم واجهات الويب.

1- HTML (لغة ترميز النص التشعبي): تعلم أساسيات HTML لتنظيم محتوى الويب. يغطي هذا القسم العناصر والعلامات والسمات والنماذج وHTML الدلالية، مما يضمن فهم كيفية إنشاء تخطيطات ويب منظمة وسهلة الوصول.

2-CSS (أوراق الأنماط المتتالية): اكتسب خبرة عملية في استخدام CSS في التصميم والتخطيط. تتضمن الموضوعات أدوات التحديد والألوان والطباعة ونموذج المربع والمربع المرن والشبكة والرسوم المتحركة والتصميم المستجيب، مما يمكّنك من تحويل هياكل HTML إلى تصميمات مرنة وجذابة بصريًا.

3-JavaScript: استكشف JavaScript لإضافة التفاعل والوظائف إلى صفحات الويب. ستغطي مواضيع أساسية مثل المتغيرات وأنواع البيانات والوظائف ومعالجة DOM ومعالجة الأحداث ومقدمة حول ميزات ES6+، مما يتيح لك إنشاء مواقع ويب ديناميكية وسهلة الاستخدام.

بحلول نهاية هذه الدورة، ستكون قادرًا على إنشاء صفحات ويب منظمة ومصممة وتفاعلية توفر تجربة مستخدم إيجابية وتجهزك لمواضيع تطوير الواجهة الأمامية الأكثر تقدمًا.

معلومات إضافية

احضر الكمبيوتر المحمول أو الكمبيوتر الشخصي الخاص بك
إعداد البيئة الخاصة بك (كود Visual Studio)
تأكد من أن اتصالك بالإنترنت مستقر

المكان

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

السن

شباب (13-17 سنة)

الكبار (18-64 سنة)

الكبار (65 سنة فأكثر)

مستوى الطالب

مبتدئ

متوسط

المدة

120 دقيقة

الدرس يدور باللغة

الإنجليزية

العربية

مهارات

Html

Css

Javascript

الجاهزية في الأسبوع العادي

(GMT -05:00)

نيويورك

على الانترنت عبر كاميرا ويب

Mon

Tue

Wed

Thu

Fri

Sat

Sun

00-04

04-08

08-12

12-16

16-20

20-24

Manoj

4.95

(21)

أنا مطور محترف متكامل مع أكثر من 15 عامًا من الخبرة العملية في هندسة البرمجيات وتصميم الأنظمة والذكاء الاصطناعي.
لقد عملت في مختلف مجالات الواجهة الأمامية والخلفية وDevOps والذكاء الاصطناعي، حيث قمت ببناء أنظمة على مستوى المؤسسات للتطبيقات في العالم الحقيقي - من الخدمات المصغرة واسعة النطاق إلى منصات الذكاء الاصطناعي المعرفية.

أنا شغوف بتدريس الطريقة الحقيقية والحديثة للترميز - من خلال الجمع بين الأسس التقنية العميقة مع أحدث التقنيات اليوم: الذكاء الاصطناعي التوليدي، وأنظمة الوكالة، وهندسة RAG، والأتمتة السحابية، وDevOps الذكية.

سواء كنت مبتدئًا يستكشف "Hello World" الأول الخاص بك، أو محترفًا يعمل على تحسين مجموعتك، أو باحثًا/مطورًا يستكشف أنظمة الذكاء الاصطناعي، يمكنني إرشادك خطوة بخطوة - مفاهيميًا وعمليًا واستراتيجيًا.

🧩 ما سوف تتعلمه
🖥️ تطوير الواجهة الأمامية

إتقان كيفية بناء واجهات سريعة الاستجابة وتفاعلية وعالية الأداء:

HTML / HTML5 – البنية، والدلالات، والأشكال، وإمكانية الوصول

CSS / CSS3 / SCSS – التخطيط، الرسوم المتحركة، التصميم المتجاوب، Flexbox، الشبكة

Bootstrap / Tailwind / Material UI – أطر التصميم السريع

JavaScript (ES6+) – البرمجة الوظيفية، حلقة الحدث، الإغلاقات، async/await

TypeScript – الكتابة القوية، والواجهات، والديكورات، والأنواع العامة

React.js / Next.js – المكونات، والخطافات، وإدارة الحالة، والتوجيه، وواجهات برمجة التطبيقات

Angular (من 1.x إلى 17) – الوحدات النمطية، حقن التبعيات، RxJS، الهندسة المعمارية المتقدمة

Vue.js (اختياري) – البرمجة التفاعلية، وإدارة دورة الحياة

jQuery / AJAX – دعم الإصدارات القديمة والتواصل الخلفي

أداء الويب - Lighthouse، وCore Web Vitals، وPWA، واستراتيجيات التخزين المؤقت

⚙️ تطوير الواجهة الخلفية والمؤسسات

إنشاء أنظمة خادم قابلة للتطوير وآمنة وذكية:

C / C++ / هياكل البيانات / الخوارزميات / OOPS

Java / J2EE / Spring / Spring Boot / Spring Cloud / Hibernate / Struts / Wicket

هندسة الخدمات المصغرة – بوابة API، وسجل الخدمة، والاتصالات بين الخدمات

Node.js / Express / NestJS – واجهة خلفية حديثة لـ JavaScript/TypeScript

خدمات الويب REST & SOAP – تصميم واجهة برمجة التطبيقات (API)، والأمان، والتوثيق (Swagger / Postman)

Python (Flask / FastAPI) – واجهات برمجة تطبيقات REST، وخطوط أنابيب التعلم الآلي، والأتمتة

برمجة نصوص Shell (Linux/Unix) - الأتمتة، مهام cron، تحليل السجلات، برمجة DevOps

PHP / Laravel / CodeIgniter – تطوير الواجهة الخلفية الكلاسيكية للويب

الحاويات والتنسيق: Docker وKubernetes وHelm

CI/CD والسحابة: Jenkins، وGitHub Actions، وAzure DevOps Pipelines

☁️ إتقان السحابة وDevOps

تعلم كيفية إنشاء التطبيقات ونشرها وتوسيع نطاقها على السحابة:

AWS (EC2، S3، Lambda، DynamoDB، API Gateway، ECS)

Azure (خدمات التطبيقات، والوظائف، وCosmosDB، وDevOps)

Google Cloud (GCP، Vertex AI، BigQuery، Cloud Run)

المراقبة والتسجيل: ELK Stack (Elasticsearch، Logstash، Kibana)، Grafana، Prometheus

البنية التحتية ككود (IaC): Terraform، AWS CDK، Azure Bicep

التحكم في الإصدارات والتعاون: Git، GitHub، GitLab، Bitbucket

خطوط أنابيب CI/CD: البناء والاختبار ونشر الأتمتة والتراجع وإدارة الإصدارات

📱 تطوير التطبيقات

تطوير تطبيقات الهاتف المحمول والتطبيقات الهجينة من البداية إلى النهاية:

Android (Java/Kotlin) – واجهة المستخدم/تجربة المستخدم، دورة حياة النشاط، تكامل واجهة برمجة التطبيقات

الأطر الهجينة: Ionic، Cordova، React Native

تطبيقات الويب التقدمية (PWA) - وضع عدم الاتصال أولاً، التخزين المؤقت، تحسين الأجهزة المحمولة

تكامل Firebase: Auth، Firestore، Cloud Messaging

🤖 الذكاء الاصطناعي والتعلم الآلي

تعرف على كيفية بناء أنظمة الذكاء الاصطناعي الحديثة ونشرها:

أساسيات الذكاء الاصطناعي: الشبكات العصبية، التعلم الخاضع للإشراف/غير الخاضع للإشراف

التعلم الآلي باستخدام بايثون: scikit-learn، TensorFlow، PyTorch

معالجة اللغة الطبيعية (NLP): المحولات، BERT، GPT

رؤية الكمبيوتر: OpenCV، YOLO، تصنيف الصور

واجهات برمجة تطبيقات الذكاء الاصطناعي والتكاملات: Google DialogFlow، Azure Cognitive Services، OpenAI API

🧬 الذكاء الاصطناعي التوليدي، وأنظمة RAG والأنظمة الوكيلية

التركيز بشكل خاص على تكامل الذكاء الاصطناعي وأتمتته في العالم الحقيقي:

نماذج الذكاء الاصطناعي التوليدي (GPT، Claude، Gemini، Llama، Mistral) - التنفيذ العملي

هندسة المطالبات – تصميم أطر عمل قوية وقابلة لإعادة الاستخدام

التوليد المعزز بالاسترجاع (RAG) – هياكل البحث والتوليد الهجينة

أنظمة الذكاء الاصطناعي الوكيل - بناء سير عمل متعددة الوكلاء مستقلة (على سبيل المثال، AutoGPT، CrewAI)

Agentic RAG – أنظمة الذاكرة السياقية والتسلسل والاستدلال

LangChain / LlamaIndex – خطوط أنابيب RAG، ومحملات المستندات، والتضمينات، وقواعد بيانات المتجهات

قواعد بيانات المتجهات: Pinecone، Chroma، Weaviate، FAISS

الرسوم البيانية المعرفية وإدارة السياق – ربط بيانات المؤسسة بـ RAG

نشر تطبيقات الذكاء الاصطناعي: FastAPI + Streamlit + LangServe + Docker

أدوات المساعد والذكاء الاصطناعي: GitHub Copilot، وChatGPT API، ومترجم الكود، وVertex AI Studio

مجموعة أدوات مطوري الذكاء الاصطناعي من Google (ADK) – Edge AI وTensorFlow Lite وCoral وخدمة النماذج

الذكاء الاصطناعي الصوتي وتصميم المحادثة: Dialogflow CX، ومساعدو OpenAI، وElevenLabs

🔬 البيانات والاختبار والجودة

أنظمة قواعد البيانات: MySQL، PostgreSQL، MongoDB، Oracle، DB2، Redis

تصميم قاعدة البيانات: ERD، التطبيع، الفهرسة، ضبط الأداء

أدوات الاختبار: JUnit، Mockito، Selenium، Cypress، Postman

ممارسات TDD / BDD: اختبار الوحدة والتكامل والاختبار الشامل

التسجيل والمراقبة: ELK، Splunk، Prometheus

تحسين الأداء: إنشاء ملف تعريف، والتخزين المؤقت، والتزامن

🧩 أنظمة التشغيل والبرمجة النصية

إدارة Windows / Linux / Ubuntu / Unix

أنظمة الملفات، الأذونات، الشبكات، إدارة العمليات

برمجة النصوص البرمجية / الأتمتة / تحليل السجل

أمان النظام وتعزيز SSH

🧠 مواضيع إضافية

الرياضيات للمبرمجين - المنطق، والتركيبات، والاحتمالات، ونظرية الرسم البياني

أساسيات تطوير الألعاب: Unity، Phaser.js، HTML5 Canvas

أخلاقيات الذكاء الاصطناعي، وخصوصية البيانات، وتصميم الذكاء الاصطناعي المسؤول

مشاريع الأتمتة وزحف الويب/الاستخراج: BeautifulSoup وSelenium وPuppeteer

التكاملات بدون كود / منخفضة الكود: Zapier و Make وأتمتة الذكاء الاصطناعي

Walid

4.95

(21)

هذه الدورة مخصصة للمبتدئين والمتوسطين في برمجة Java.
- أساسيات وأساسيات لغة POO و JAVA.
- إنشاء تطبيق سطح مكتب.
- إنشاء تطبيق ويب JEE java.
- إنشاء تطبيق ويب الربيع.
- SQL و ORM.

Oussama

4.95

(21)

هل تريد أن تصبح مطور مكدس ذو خبرة؟ لدي ما تحتاجه لإتقان مجموعة MERN التي تعد واحدة من أكثر المجموعات طلبًا لعروض العمل أو العمل الحر، والأهم من ذلك كله أنها الأكثر متعة للتعلم!
سنقوم بإنشاء مشاريع عملية معًا باستخدام أطر عمل وتقنيات ويب مختلفة:
- الواجهة الأمامية: HTML / CSS / Tailwind CSS / Javascript / React js
- النهاية الخلفية: Node js / Express js / Firebase / MongoDB
- النمذجة والتصميم: Merise/UML
- أدوات إدارة الإصدار: Git
- المكافأة: أدوات الإنتاجية ونصائح حول VSCode

Elmehdi

4.95

(21)

خبرة 10 بالإضافة إلى 10 شهادات مستحقة ، ليسانس في التكنولوجيا المتعددة الوسائط ، مدرب ورائد مواقع الويب ، تطبيقات avec WordPress ، إرضاء جيد للمؤتمرات.

Aujourd'hui، je travaille depuis plus de 3 ans sous Wordpress. J'ai travaillé sur des gros projets comme des plus petits projets. جيه سوهايت صيانته تجربة جزء من التجربة السابقة لاستخدامها لا يمكن تدميرها من ووردبريس.

برنامج العمل:

تتم دروسي بشكل عام على ثلاث مراحل:
- أهدافك: أحب أن أخصص بعض الوقت في بداية الدورة لتحديد أهدافك بوضوح وما تريد تحقيقه للتأكد من أنك ستغادر راضيًا! الهدف: العمل على مشكلتك!
- النظرية: أحب أن أشرح "لماذا وكيف" كما يقولون. في رأيي، بمجرد فهم المنطق، يصبح التنفيذ أسهل بكثير.
- الممارسة: حدد أفكارك، واعمل على النظرية، ثم دعنا ننتقل إلى العمل والممارسة!

خطة التدريب:
- دعونا نفهم أنواع المواقع
- هيبيرجيمنت
- إنشاء الموقع باستخدام الووردبريس
- تصميم موقع Elementor ، Divi أو Woo-coomerce
- القانون
-دعم
- الاقوي

وعلى مستوى مرحلة إنشاء وتصميم موقع من:
- شاهد كل ما تحتاجه

Dr.Ebrahim

4.95

(21)

بايثون هي واحدة من أكثر اللهجات الممتازة إذا لم تكن هي اللهجة الرائدة لبدء تعلم البرمجة. وهي أيضًا واحدة من اللهجات الأكثر استخدامًا على نطاق واسع في الوقت الحاضر، خاصة في المجالات المتطورة مثل التعلم الآلي.

يشير هذا الوجود في كل مكان إلى أن بايثون تتقدم دائمًا. إنه يوفر مجموعة واسعة من الأجهزة والمكتبات المجانية والمتغيرة بشكل استثنائي.

باعتباري منشئ طيران، أحب مشاركة معلوماتي والحصول على الرضا منها من خلال تثقيف الآخرين وتحفيزهم.

أنا معتاد على العمل مع أفراد من مختلف الأعمار. أنا أؤمن بأهمية تجزئة التعلم، وتصور التقدم، وتحديد أهداف ملموسة، والشحذ بشكل متكرر.

بعد هذه المعايير العامة، ليس هناك سحر في إدارة العرض أو الإستراتيجية. تعمل بعض الأساليب مع عدد قليل من الطلاب ولكن ليس مع الآخرين. التكيف مع الاحتياجات الشخصية هو بالتالي الهدف الأكثر أهمية للدروس الخصوصية. لذلك سأبذل قصارى جهدي لاكتشاف ما يحفز طلابي ويحدث فرقًا.

في حال كان طفلك مهتمًا بالتكنولوجيا، عليك أن تقدم له هذه الفرصة، دورة لغة البرمجة لبناء الألعاب ثنائية الأبعاد، وتعليم كيفية إنشاء موقع على الإنترنت بلغة الويب، والمزيد من القدرات في كل عنوان العناوين المرتبطة، والتي تتكون من 6 مستويات، وكل مستوى له 4 عناوين. مدة المحاضرة ساعتان، مع احتساب استراحة قصيرة للطلاب. العناوين مرتبطة، وتتكون من 6 مستويات، وكل مستوى له 4 عناوين. مدة المحاضرة ساعتين، مع وجود استراحة قصيرة للطلاب.
الدورة متاحة لجميع الأعمار.
إذا كنت مهتما، أرسل رسالة وسوف أقوم بالرد عليك في أقرب وقت ممكن
أفضل الاحترام
ابراهيم.

Workly

4.95

(21)

باعتباري مهندس برمجيات حاصل على درجة الدكتوراه في علوم الكمبيوتر من ENSIAS، فإنني أعتمد نهجًا تعليميًا متنوعًا لإنشاء بيئة تعليمية تفاعلية وشخصية. تبدأ كل دورة بتقييم احتياجات الطالب، يليها هيكل يتضمن شروحات مفاهيمية وعروض عملية وتمارين موجهة.

بفضل درجة الدكتوراه وخبرتي كقائد مهندس برمجيات، أقدم دورات غنية بأمثلة ملموسة من العالم المهني.

أنا أستهدف أي شخص يرغب في تعميق مهاراته في تطوير البرمجيات. من خلال تغطية كل من تطوير الواجهة الخلفية (Java) وتطوير الواجهة الأمامية (React وBootstrap وHTML وCSS وJS)، تعد دوراتي مناسبة لمجموعة واسعة من المتعلمين.

Nejla

4.95

(21)

تعلم البرمجة للأطفال يُعدّ استثمارًا قيّمًا لمستقبلهم. إليك أبرز الفوائد:

1. تعزيز التفكير النقدي وحل المشكلات:
- البرمجة تُعلّم الأطفال كيفية التفكير بطريقة منطقية ومنظمة.
- تطوير مهارات حل المشكلات من خلال تقسيم المهام الكبيرة إلى خطوات صغيرة وقابلة للتنفيذ.
2. تحفيز الإبداع:
- البرمجة تشجع الأطفال على ابتكار الألعاب، القصص التفاعلية، والمشاريع الرقمية.
- تعطيهم القدرة على تحويل أفكارهم إلى واقع.
3. تعلم مهارة للمستقبل:
- التكنولوجيا تتقدم بسرعة، ومعرفة البرمجة تفتح لهم أبوابًا واسعة في المستقبل المهني.
- البرمجة تُعتبر لغة العصر، ويزداد الطلب على المبرمجين في مختلف المجالات.
تعليم البرمجة للأطفال يضعهم في طريق مليء بالفرص والمهارات التي تساهم في تطورهم الشخصي والأكاديمي والمهني.

Nader

4.95

(21)

تعرف على كيفية تطوير تطبيقات الويب الحديثة وعالية الأداء باستخدام React.js للواجهة الأمامية وNest.js للواجهة الخلفية. تم تصميم هذه الدورة للمطورين الذين يرغبون في إتقان هاتين التقنيتين الأساسيتين لتطوير الويب.

سوف نغطي:

أساسيات React.js: إنشاء المكونات، وإدارة الحالة باستخدام Redux أو context API، والتفاعل مع واجهات برمجة التطبيقات.
بنية Nest.js: إنشاء الوحدات النمطية، وإدارة قاعدة البيانات باستخدام TypeORM أو Mongoose، وتطوير واجهات برمجة تطبيقات REST أو GraphQL.
أفضل الممارسات في تطوير الويب: اختبار الوحدة والنشر وقابلية التوسع.
سواء كنت مبتدئًا أو لديك بالفعل بعض مهارات التطوير الأساسية، سترشدك هذه الدورة خطوة بخطوة لإنشاء تطبيقات قوية واحترافية.

Abdessalam

4.95

(21)

هل أنت مستعد للانطلاق إلى عالم تطوير الويب؟ تم تصميم هذه الدورة خصيصًا للمبتدئين الذين يريدون إتقان أساسيات تطوير الواجهة الأمامية. من خلال نهج عملي، ستتعلم كيفية إنشاء مواقع ويب سريعة الاستجابة وجذابة بصريًا باستخدام HTML وCSS وTailwind CSS وJavaScript.

في هذه الدورة، ستتعامل مع تحديات ومشاريع واقعية ستساعدك على فهم المفاهيم الأساسية لتطوير الواجهة الأمامية. بدءًا من هيكلة صفحات الويب باستخدام HTML إلى تصميمها باستخدام CSS وTailwind CSS، وإضافة التفاعل باستخدام JavaScript، ستكتسب المهارات اللازمة لإنشاء مواقع ويب ديناميكية وسهلة الاستخدام.

بحلول نهاية هذه الدورة، لن يكون لديك أساس متين في تقنيات الواجهة الأمامية فحسب، بل ستمتلك أيضًا مجموعة من المشاريع لعرض مهاراتك الجديدة. سواء كنت تتطلع إلى بدء مهنة في تطوير الويب أو تريد ببساطة إنشاء مواقع الويب الخاصة بك، فإن هذه الدورة سترشدك في كل خطوة على الطريق.

انضم إلي، ودعنا نحول أفكارك إلى حقيقة من خلال الكود!

Adam

4.95

(21)

تم تصميم دورة **الخوارزميات في بايثون** لتعليمك الأساسيات والمفاهيم المتقدمة للخوارزميات باستخدام لغة بايثون. ستكتشف هياكل البيانات الأساسية، وأنماط البرمجة (التكرارية، والتكرارية، والتقسيم والغزو، والبرمجة الديناميكية) وتتعلم كيفية حل المشكلات الخوارزمية بكفاءة. من خلال التمارين والمشاريع العملية، ستتمكن من تطوير المهارات الأساسية لتحليل وتحسين الخوارزميات، مع تحسين منطق البرمجة لديك.

Fadi

4.95

(21)

صُممت هذه الدورة للمبتدئين لتعريفك بتقنيات الويب الرئيسية: HTML وCSS وJavaScript. سواء كنت مبتدئًا في البرمجة أو تسعى لترسيخ أساسياتك، سترشدك هذه الدورة خطوة بخطوة من خلال أمثلة عملية ومشاريع واقعية. بنهاية هذه الدورة، ستكون واثقًا من قدرتك على إنشاء وتصميم صفحات ويب تفاعلية.

Sara

4.95

(21)

هل تحلم بإنشاء موقع ويب خاص بك ولكنك لا تعرف من أين تبدأ؟ 🙋‍♂️🙋‍♀️ هذه الدورة لك! معًا، سنغوص في عالم تطوير الويب المثير من خلال تعلم أساسيات اللغات الثلاث الأساسية: HTML 🧱 لتنظيم صفحاتك، وCSS 🎨 لجعلها جميلة ومُقدمة بشكل جيد، وJavaScript ⚙️ لإضافة التفاعل والديناميكية إلى مشاريعك (مثل القوائم المنسدلة، وتأثيرات النقر، والنماذج المتجاوبة).

لا حاجة لأي خبرة سابقة في البرمجة! 💡 هذه الدورة مصممة للمبتدئين، وللمهتمين، أو حتى لمن يفكرون في تغيير مسارهم المهني. الهدف بسيط: في النهاية، ستتعلم كيفية إنشاء موقع ويب متكامل، أنيق، حديث، ومتوافق مع الهواتف المحمولة 📱💻. نتقدم خطوة بخطوة، مع شرح واضح، ومشاريع صغيرة وملموسة، وأجواء هادئة وهادئة. 🎯

الدورة عن بُعد عبر كاميرا الويب (Zoom، Google Meet، إلخ) 📍💻. كل ما تحتاجه هو جهاز كمبيوتر محمول ومحرر أكواد مثل Visual Studio Code (مجاني). سأوفر جميع الملفات اللازمة لمتابعة التمارين وبناء موقعك خطوة بخطوة 🧑‍💻📂.

تُدرّس هذه الدورة باللغة الفرنسية 🇫🇷، وهي مُوجّهة للجميع، من المراهقين إلى كبار السن، الراغبين في تعلّم شيء جديد ومفيد. مدة كل جلسة 60 أو 90 دقيقة، أيهما يُناسبك أكثر ⏱️. سواءً كنت ترغب في إنشاء موقع ويب شخصي، أو اكتشاف البرمجة، أو حتى بدء مشروع احترافي، فأنت في المكان المناسب! 💬✨

نراكم قريبًا لإنشاء موقعكم الأول معًا! 😄👨‍🏫👩‍🏫

Zaidi

4.95

(21)

ستتعلم كيفية بناء مواقع الويب والتطبيقات الخاصة بك! في هذه الدورة، ستتعلم كل شيء، من أساسيات HTML وCSS وJavaScript إلى الأدوات الحديثة مثل React وNext.js.

تُركز هذه الدورات على المشاريع العملية، ما يُتيح لك رؤية النتائج فورًا. في النهاية، ستكون لديك مشاريعك الخاصة، وستكتسب الثقة اللازمة لبدء العمل الحر، أو الحصول على وظيفة، أو إطلاق مشاريعك الإلكترونية الخاصة.

ستتعلم:
-كيف يعمل الويب، html، css، js والمزيد!
-كتابة HTML الخاص بك
-التصميم باستخدام css
-كتابة كود نظيف في javascript و typescript
-استخدام الأطر الحديثة مثل React وNextJS
- إنشاء مواقع ويب وتطبيقات متجاوبة

Fahd

4.95

(21)

افتح عالم البرمجة من خلال دورة واضحة وعملية مصممة للمبتدئين تمامًا.
في هذه الدورة، سوف تتعلم أساسيات JavaScript، إحدى اللغات الأكثر استخدامًا في تطوير الويب الحديث.

من خلال شروحات بسيطة وأمثلة واقعية، ستفهم كيفية كتابة برامجك الأولى، وحل المسائل باستخدام المنطق، وبناء مشاريع تفاعلية صغيرة. يركز أسلوبي في التدريس على الممارسة والوضوح والتوجيه خطوة بخطوة، وهو مثالي للطلاب الذين يرغبون في بدء رحلة البرمجة بثقة.

بحلول نهاية الدورة، ستكون قادرًا على:

فهم المتغيرات والشروط والحلقات والوظائف

إنشاء برامج JavaScript الأساسية التي يتم تشغيلها في المتصفح

العمل مع الأحداث والتلاعب بـ DOM لإنشاء صفحات تفاعلية

تطبيق منطق البرمجة لحل المشاكل الواقعية

تطوير أساس متين للاستمرار في تطوير الواجهة الأمامية أو التطوير الكامل

Farouk

4.95

(21)

تُعدّ هذه الوحدة خطوةً أساسيةً لأي مطوّر ويب يرغب في الانتقال من التعامل البسيط مع DOM إلى إتقان الأطر البرمجية الحديثة. الهدف واضح: فهم "الأسس الخفية" للغة لكتابة أكواد أقصر وأكثر وضوحًا، والأهم من ذلك، الاستعداد للبرمجة باحترافية باستخدام React.

🎯 أهداف التدريب

1- تبسيط بناء الجملة الحديث (ES6+) المستخدم غالبًا في React.
2- زيادة الكفاءة باستخدام أقوى الاختصارات النحوية.
3- قم بتأمين الكود الخاص بك لتجنب الأخطاء المتكررة المتعلقة بفقدان البيانات.
4- إتقان عدم التزامن لإدارة استدعاءات البيانات (API).

📖 محتوى البرنامج بالتفصيل

ينقسم المقرر إلى 13 مفهومًا رئيسيًا، موضحة بأمثلة مقارنة (التركيب الكلاسيكي مقابل التركيب الحديث) وحالات استخدام ملموسة في React:

1- سهولة الكتابة: استخدام الصيغ الحرفية (`backticks`) لسلاسل الأحرف الديناميكية وأسماء الخصائص المختصرة لتبسيط إنشاء الكائنات.

2- المنطق والوظائف: إتقان وظائف السهم (وظائف السهم) وإرجاعها الضمني، وهو أمر ضروري لمكونات React والخطافات.

معالجة البيانات:

1- التفكيك (التحليل) لاستخراج البيانات بشكل صحيح من الكائنات والمصفوفات (على سبيل المثال، الخصائص والحالات).

2- عوامل الراحة والنشر (...) لنسخ المصفوفات أو دمج الكائنات دون تعديل الأصل (مفهوم عدم القابلية للتغيير).

متانة الكود:

1- إدارة قيم المعلمات الافتراضية.

2- أمان متقدم مع خاصية الربط الاختياري (?.) ودمج القيم الفارغة (??) لمنع تعطل التطبيق.

3- البرمجة الوظيفية: الاستخدام المكثف لأساليب المصفوفات (.map()، .filter()، .reduce()، .find()) لتحويل البيانات إلى واجهات المستخدم.

4- البنية والتزامن: تنظيم الكود عبر الوحدات (الاستيراد/التصدير) وإدارة طلبات واجهة برمجة التطبيقات باستخدام الوعود و Async/Await.

🛠️ أسلوب التدريس: "التعلم بالممارسة"

لا يقتصر هذا المقرر على الجانب النظري فقط، بل يشمل أيضاً:

تمرين "لوحة التحكم بين النجوم": دراسة حالة موضوعية مدتها 15 دقيقة، حيث يقوم الطلاب بمعالجة بيانات من مهمات فضائية. يتيح لهم ذلك تطبيق تقنيات التفكيك والتصفية والتزامن على مشروع واقعي بشكل فوري.

الاختبار التفاعلي: سلسلة من 10 أسئلة مصممة للتحقق من فهم كل مفهوم قبل الانتقال إلى المفهوم التالي. يقدم كل سؤال سيناريوهات واقعية سيواجهها المطورون في React.

🚀 نتيجة الطالب

بنهاية هذه الدورة، لن يكتفي الطلاب بمعرفة لغة جافا سكريبت فحسب، بل سيفهمون أيضاً سبب وكيفية استخدام كل صيغة لبناء مكونات React فعّالة. سيكتسبون أساساً متيناً يمكّنهم من التعامل بثقة مع Hooks (مثل useState وuseEffect) وإدارة الحالة المعقدة.

التنسيق: عرض مرئي نظيف، وتلوين بناء الجملة للتعليمات البرمجية، والتركيز على سهولة القراءة.