facebook
favorite button
member since icon
منذ فبراير 2026
أستاذ منذ فبراير 2026
Desarrollo de páginas web - SPA (Single Page Application) -Sitios web con HTML, CSS, Bootstrap; Sass.
course price icon
من 1592.18 EGP
arrow icon
¿Quieres aprender a construir páginas y aplicaciones web reales desde cero, incluso si no tienes experiencia previa? 💻✨
Puedes optar por clases de temas específicos o el Curso completo de Desarrollo Web. Vas a aprender de forma práctica y progresiva los saberes que se necesitan para crear páginas y sitios web responsive (para verlos en móviles o todo tipo de pantallas) sin importar tu nivel académico o tu edad. Adolescentes, Jóvenes, Adultos; cualquiera puede aprender, sólo se necesitan ganas!!! Soy Desarrolladora frontend y psicomotricista con más de 20 años de experiencia en procesos de enseñanza-aprendizaje mirando las necesidades particulares de cada uno a la hora de aprender.
معلومات إضافية
Solo necesitas buena conexión a internet.
المكان
location type icon
عبر الانترنت من الأرجنتين
من أنا؟
Soy una docente orientada al aprendizaje significativo, con un enfoque personalizado, inclusivo y práctico, que integra fundamentos técnicos con una mirada humana sobre los procesos de aprendizaje. Mi trabajo se basa en comprender cómo aprende cada persona, respetando los tiempos, trayectorias y contextos individuales, y adaptando los contenidos y metodologías según las necesidades del grupo.

Me especializo en enseñar desde las bases, construyendo comprensión real antes que repetición mecánica. Priorizo que el estudiante entienda el “por qué” y el “para qué” de cada concepto, generando autonomía, pensamiento crítico y confianza para continuar aprendiendo de forma independiente.

Mi enfoque y métodos de enseñanza
- Enseñanza progresiva y estructurada: los contenidos se presentan de manera gradual, conectando cada clase con la anterior, evitando saltos conceptuales.
- Aprendizaje activo: las clases combinan explicación clara, ejemplos concretos y práctica guiada.
- Adaptación curricular: ajusto el ritmo, el lenguaje y las estrategias según el grupo y cada estudiante.
- Acompañamiento personalizado: observo dificultades, refuerzo conceptos clave y propongo distintas formas de abordarlos.
- Integración de tecnología: utilizo herramientas digitales como soporte del aprendizaje, no como fin en sí mismo.
- Clima de confianza: promuevo un espacio donde preguntar, equivocarse y volver a intentar sea parte natural del proceso.

Mi experiencia en contextos educativos y de salud me permite trabajar con grupos heterogéneos, con distintos niveles de conocimiento previo, favoreciendo procesos de inclusión y participación real.

Descripción del curso (10 clases)
- Este curso está diseñado como una formación compuesta por 10 clases, en las que los estudiantes adquirirán las bases fundamentales de la disciplina, comprendiendo los conceptos esenciales y desarrollando las habilidades necesarias para continuar luego con un proceso de perfeccionamiento más avanzado.
- Al finalizar el curso, el estudiante:
- Comprenderá los fundamentos teóricos y prácticos.
- Será capaz de aplicar lo aprendido en ejercicios y situaciones concretas.
Contará con una base sólida y ordenada para seguir profundizando de manera autónoma o en formaciones posteriores.
- Habrá desarrollado criterio, lenguaje técnico básico y seguridad para avanzar al siguiente nivel.

El objetivo no es “saber todo”, sino aprender bien las bases, entendiendo los conceptos clave y construyendo un camino claro de crecimiento.
المستوى التعليمي
Psicomotricista y Profesora en Psicomotricidad - UPC
Desarrolladora Full Stack | Frontend React | Backend con Nodejs | Instituto CoderHouse
Backend Java, Globant & Egg
Desarrolladora Mobile con React Native | Coderhouse
Business Analytic | Coderhouse
الخبرة / المؤهلات
Más de 20 años de experiencia asesorando en procesos de enseñanza-aprendizaje en diferentes instituciones y, a nivel individual, realizando adecuaciones curriculares según las posibilidades y habilidades de cada estudiante.
Desarrollo de páginas web, sistemas administrativos y apps móviles para múltiples clientes y rubros en los últimos años.
السن
شباب (13-17 سنة)
الكبار (18-64 سنة)
الكبار (65 سنة فأكثر)
مستوى الطالب
مبتدئ
متوسط
متقدم
المدة
60 دقيقة
الدرس يدور باللغة
الإسبانية
الإنجليزية
الجاهزية في الأسبوع العادي
(GMT -05:00)
نيويورك
at teacher icon
على الانترنت عبر كاميرا ويب
Mon
Tue
Wed
Thu
Fri
Sat
Sun
00-04
04-08
08-12
12-16
16-20
20-24
فصول مماثلة
arrow icon previousarrow icon next
verified badge
Oussama
Apprenez à ajouter des fonctionnalités IA à vos applications en utilisant l'API ChatGPT. Enseigné par un Ingénieur Full-Stack qui a intégré l'IA dans de vrais projets clients.

Ce Que Vous Allez Apprendre :
Intégration API ChatGPT: Ajoutez chat IA, génération de contenu ou analyse de texte à n'importe quelle app web
Prompt Engineering: Écrivez des prompts efficaces qui donnent des résultats cohérents et de qualité
Implémentation Production: Limitation de taux, gestion des coûts, gestion d'erreurs, sécurité
Déploiement Réel: Déployez des fonctionnalités IA sur AWS avec monitoring et logging appropriés

Technologies :
API OpenAI (ChatGPT-4)
Intégration frontend React/Next.js
Backend Node.js/NestJS
Gestion sécurisée des clés API
Optimisation des coûts (ne gaspillez pas d'argent en appels API)

Parfait Pour :
Développeurs: Ajoutez l'IA à votre portfolio (différenciation instantanée des autres candidats)
Freelances: Offrez des services d'intégration IA
Étudiants: Construisez un projet propulsé par l'IA qui se démarque
Entrepreneurs: Ajoutez des fonctionnalités IA à votre produit sans embaucher un ingénieur IA

Ce Qu'on Va Construire :
Chatbot IA pour votre site web (support client, assistant FAQ)
Outil de génération de contenu (articles, descriptions produits, réseaux sociaux)
Fonctionnalités d'analyse de texte (résumé, sentiment, extraction de mots-clés)
Assistant IA personnalisé pour votre cas d'usage spécifique

Exemples Réels :
E-commerce: Générateur de descriptions produits IA
Immobilier: Rédacteur d'annonces immobilières IA
Marketing: Créateur de contenu réseaux sociaux IA
Éducation: Assistant d'étude IA

Ce Qui Est Inclus :
Code fonctionnel que vous pouvez déployer immédiatement
Stratégies de gestion des coûts (les appels API peuvent coûter cher !)
Gestion d'erreurs et stratégies de fallback
Checklist de déploiement en production

Aucune expérience en IA nécessaire - juste des connaissances de base en JavaScript/React.
verified badge
Farouk
Ce module est une étape cruciale pour tout développeur web souhaitant passer de la manipulation simple du DOM à la maîtrise des frameworks modernes. L'objectif est clair : comprendre les "fondations invisibles" du langage pour écrire un code plus court, plus lisible et surtout, être prêt à coder sur React de manière professionnelle.

🎯 Objectifs de formation

1- Démystifier la syntaxe moderne (ES6+) souvent utilisée dans React.
2- Gagner en efficacité en utilisant les raccourcis syntaxiques les plus puissants.
3- Sécuriser son code pour éviter les bugs fréquents liés aux données manquantes.
4- Maîtriser l'asynchronisme pour gérer les appels de données (API).

📖 Contenu détaillé du programme

Le cours est découpé en 13 notions clés, illustrées par des exemples comparatifs (syntaxe classique vs syntaxe moderne) et des cas d'usage concrets dans React :

1- Confort d'écriture : Utilisation des Template Literals (`backticks`) pour des chaînes de caractères dynamiques et des Shorthand property names pour simplifier la création d'objets.

2- Logique et Fonctions : Maîtrise des Arrow => Functions (fonctions fléchées) et de leur retour implicite, indispensable pour les composants et les hooks React.

Manipulation de données :

1- Destructuring (décomposition) pour extraire proprement les données des objets et tableaux (ex: Props et States).

2- Rest & Spread Operators (...) pour copier des tableaux ou fusionner des objets sans modifier l'original (concept d'immuabilité).

Robustesse du code :

1- Gestion des valeurs par défaut des paramètres.

2- Sécurité avancée avec l'Optional Chaining (?.) et le Nullish Coalescing (??) pour éviter les plantages d'application.

3- Programmation Fonctionnelle : Utilisation intensive des méthodes de tableaux (.map(), .filter(), .reduce(), .find()) pour transformer des données en interfaces utilisateur.

4- Architecture et Asynchronisme : Organisation du code via les modules (Import/Export) et gestion des requêtes API avec les Promises et Async/Await.

🛠️ Méthode pédagogique : "Apprendre par la pratique"

Ce cours ne se contente pas de théorie. Il inclut :

L'Exercice "Interstellar Dashboard" : Un cas pratique thématique de 15 minutes où l'étudiant doit manipuler des données de missions spatiales. Cela permet d'appliquer immédiatement le destructuring, le filtrage et l'asynchronisme sur un projet concret.

Le Quiz Interactif : Une série de 10 questions conçues pour valider la compréhension de chaque concept avant de passer à la suite. Chaque question propose des scénarios réels que le développeur rencontrera dans React.

🚀 Résultat pour l'apprenant

À la fin de ce cours, l'étudiant ne se contente pas de "connaître" le JavaScript ; il sait pourquoi et comment chaque syntaxe est utilisée pour construire des composants React performants. Il repart avec une base solide pour aborder les Hooks (useState, useEffect) et la gestion d'état complexe avec confiance.

Format : Présentation visuelle épurée, syntaxe colorée pour le code, et focus sur la lisibilité.
verified badge
Laroussi
*الهدف: فهم الذكاء الاصطناعي بلا خوف، استخدامه لتبسيط الحياة، وكشف الفخاخ الرقمية**

### **1: إزالة الغموض عن الذكاء الاصطناعي (ما هو بالضبط؟)**

* **الذكاء الاصطناعي ليس "روبوت الأفلام":** الفرق الجوهري بين الخيال العلمي والواقع العملي.
* **كيف يعمل (ببساطة):** تخيل "مكتبة عملاقة"؛ لقد قرأ الذكاء الاصطناعي مليارات الكتب ويستخدمها لتوقع تكملة جملة ما أو ابتكار صورة جديدة.
* **أين نستخدمه حالياً؟** المصحح اللغوي، مقترحات نتفليكس ويوتيوب، نظام الملاحة (GPS)، والمساعدات الصوتية مثل (سيري وأليكسا).

---

### **2: استخدام الذكاء الاصطناعي لتسهيل حياتك**

* **التحاور مع الذكاء الاصطناعي (ChatGPT, Claude, Gemini):**
* كتابة رسائل البريد الإلكتروني الرسمية أو الخطابات المعقدة.
* تلخيص المقالات الطويلة أو الوثائق الضخمة.
* تخطيط مسارات السفر أو ابتكار وصفات طعام من المكونات المتوفرة في الثلاجة.


* **الإبداع والذاكرة:**
* إنشاء صور مبتكرة لبطاقات المعايدة (عبر Midjourney أو DALL-E).
* ترميم وتلوين صور العائلة القديمة.

3: فن التحدث مع الآلة (مهارة الـ Prompt)**

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

4: الاحتياطات والتفكير النقدي (دليل النجاة)**

الهلوسة الرقمية":** فهم أن الذكاء الاصطناعي قد يقدم معلومات خاطئة بثقة تامة (لا تعتمد عليه أبداً في استشارة طبية أو قانونية دون تحقق).
حماية الخصوصية
عدم مشاركة بيانات حساسة (أرقام الهوية، كلمات المرور، تفاصيل البنك).
إدراك أن كل ما تكتبه قد يُستخدم في تدريب الأنظمة مستقبلاً.

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

5: الأخلاقيات والأثر (رؤية مستقبلية)**

حقوق الملكية:** لمن تعود ملكية الصورة التي أنشأها الذكاء الاصطناعي؟
الأثر البيئي:** استهلاك المياه والطاقة في مراكز البيانات الضخمة.
المستقبل:** هل سيحل الذكاء الاصطناعي محلنا أم سيكون مساعداً لنا؟

نصيحة إضافية:** بما أنك تستهدف منطقة الخليج، يفضل استخدام مصطلحات مثل "التحول الرقمي" (Digital Transformation) و"الابتكار" (Innovation) في مقدمة عرضك، فهي كلمات رنانة جداً لدى صناع القرار هناك.
message icon
اتصل بMaria de
repeat students icon
الدرس الأول مضمون
بواسطة
ضمان المدرس المناسب
فصول مماثلة
arrow icon previousarrow icon next
verified badge
Oussama
Apprenez à ajouter des fonctionnalités IA à vos applications en utilisant l'API ChatGPT. Enseigné par un Ingénieur Full-Stack qui a intégré l'IA dans de vrais projets clients.

Ce Que Vous Allez Apprendre :
Intégration API ChatGPT: Ajoutez chat IA, génération de contenu ou analyse de texte à n'importe quelle app web
Prompt Engineering: Écrivez des prompts efficaces qui donnent des résultats cohérents et de qualité
Implémentation Production: Limitation de taux, gestion des coûts, gestion d'erreurs, sécurité
Déploiement Réel: Déployez des fonctionnalités IA sur AWS avec monitoring et logging appropriés

Technologies :
API OpenAI (ChatGPT-4)
Intégration frontend React/Next.js
Backend Node.js/NestJS
Gestion sécurisée des clés API
Optimisation des coûts (ne gaspillez pas d'argent en appels API)

Parfait Pour :
Développeurs: Ajoutez l'IA à votre portfolio (différenciation instantanée des autres candidats)
Freelances: Offrez des services d'intégration IA
Étudiants: Construisez un projet propulsé par l'IA qui se démarque
Entrepreneurs: Ajoutez des fonctionnalités IA à votre produit sans embaucher un ingénieur IA

Ce Qu'on Va Construire :
Chatbot IA pour votre site web (support client, assistant FAQ)
Outil de génération de contenu (articles, descriptions produits, réseaux sociaux)
Fonctionnalités d'analyse de texte (résumé, sentiment, extraction de mots-clés)
Assistant IA personnalisé pour votre cas d'usage spécifique

Exemples Réels :
E-commerce: Générateur de descriptions produits IA
Immobilier: Rédacteur d'annonces immobilières IA
Marketing: Créateur de contenu réseaux sociaux IA
Éducation: Assistant d'étude IA

Ce Qui Est Inclus :
Code fonctionnel que vous pouvez déployer immédiatement
Stratégies de gestion des coûts (les appels API peuvent coûter cher !)
Gestion d'erreurs et stratégies de fallback
Checklist de déploiement en production

Aucune expérience en IA nécessaire - juste des connaissances de base en JavaScript/React.
verified badge
Farouk
Ce module est une étape cruciale pour tout développeur web souhaitant passer de la manipulation simple du DOM à la maîtrise des frameworks modernes. L'objectif est clair : comprendre les "fondations invisibles" du langage pour écrire un code plus court, plus lisible et surtout, être prêt à coder sur React de manière professionnelle.

🎯 Objectifs de formation

1- Démystifier la syntaxe moderne (ES6+) souvent utilisée dans React.
2- Gagner en efficacité en utilisant les raccourcis syntaxiques les plus puissants.
3- Sécuriser son code pour éviter les bugs fréquents liés aux données manquantes.
4- Maîtriser l'asynchronisme pour gérer les appels de données (API).

📖 Contenu détaillé du programme

Le cours est découpé en 13 notions clés, illustrées par des exemples comparatifs (syntaxe classique vs syntaxe moderne) et des cas d'usage concrets dans React :

1- Confort d'écriture : Utilisation des Template Literals (`backticks`) pour des chaînes de caractères dynamiques et des Shorthand property names pour simplifier la création d'objets.

2- Logique et Fonctions : Maîtrise des Arrow => Functions (fonctions fléchées) et de leur retour implicite, indispensable pour les composants et les hooks React.

Manipulation de données :

1- Destructuring (décomposition) pour extraire proprement les données des objets et tableaux (ex: Props et States).

2- Rest & Spread Operators (...) pour copier des tableaux ou fusionner des objets sans modifier l'original (concept d'immuabilité).

Robustesse du code :

1- Gestion des valeurs par défaut des paramètres.

2- Sécurité avancée avec l'Optional Chaining (?.) et le Nullish Coalescing (??) pour éviter les plantages d'application.

3- Programmation Fonctionnelle : Utilisation intensive des méthodes de tableaux (.map(), .filter(), .reduce(), .find()) pour transformer des données en interfaces utilisateur.

4- Architecture et Asynchronisme : Organisation du code via les modules (Import/Export) et gestion des requêtes API avec les Promises et Async/Await.

🛠️ Méthode pédagogique : "Apprendre par la pratique"

Ce cours ne se contente pas de théorie. Il inclut :

L'Exercice "Interstellar Dashboard" : Un cas pratique thématique de 15 minutes où l'étudiant doit manipuler des données de missions spatiales. Cela permet d'appliquer immédiatement le destructuring, le filtrage et l'asynchronisme sur un projet concret.

Le Quiz Interactif : Une série de 10 questions conçues pour valider la compréhension de chaque concept avant de passer à la suite. Chaque question propose des scénarios réels que le développeur rencontrera dans React.

🚀 Résultat pour l'apprenant

À la fin de ce cours, l'étudiant ne se contente pas de "connaître" le JavaScript ; il sait pourquoi et comment chaque syntaxe est utilisée pour construire des composants React performants. Il repart avec une base solide pour aborder les Hooks (useState, useEffect) et la gestion d'état complexe avec confiance.

Format : Présentation visuelle épurée, syntaxe colorée pour le code, et focus sur la lisibilité.
verified badge
Laroussi
*الهدف: فهم الذكاء الاصطناعي بلا خوف، استخدامه لتبسيط الحياة، وكشف الفخاخ الرقمية**

### **1: إزالة الغموض عن الذكاء الاصطناعي (ما هو بالضبط؟)**

* **الذكاء الاصطناعي ليس "روبوت الأفلام":** الفرق الجوهري بين الخيال العلمي والواقع العملي.
* **كيف يعمل (ببساطة):** تخيل "مكتبة عملاقة"؛ لقد قرأ الذكاء الاصطناعي مليارات الكتب ويستخدمها لتوقع تكملة جملة ما أو ابتكار صورة جديدة.
* **أين نستخدمه حالياً؟** المصحح اللغوي، مقترحات نتفليكس ويوتيوب، نظام الملاحة (GPS)، والمساعدات الصوتية مثل (سيري وأليكسا).

---

### **2: استخدام الذكاء الاصطناعي لتسهيل حياتك**

* **التحاور مع الذكاء الاصطناعي (ChatGPT, Claude, Gemini):**
* كتابة رسائل البريد الإلكتروني الرسمية أو الخطابات المعقدة.
* تلخيص المقالات الطويلة أو الوثائق الضخمة.
* تخطيط مسارات السفر أو ابتكار وصفات طعام من المكونات المتوفرة في الثلاجة.


* **الإبداع والذاكرة:**
* إنشاء صور مبتكرة لبطاقات المعايدة (عبر Midjourney أو DALL-E).
* ترميم وتلوين صور العائلة القديمة.

3: فن التحدث مع الآلة (مهارة الـ Prompt)**

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

4: الاحتياطات والتفكير النقدي (دليل النجاة)**

الهلوسة الرقمية":** فهم أن الذكاء الاصطناعي قد يقدم معلومات خاطئة بثقة تامة (لا تعتمد عليه أبداً في استشارة طبية أو قانونية دون تحقق).
حماية الخصوصية
عدم مشاركة بيانات حساسة (أرقام الهوية، كلمات المرور، تفاصيل البنك).
إدراك أن كل ما تكتبه قد يُستخدم في تدريب الأنظمة مستقبلاً.

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

5: الأخلاقيات والأثر (رؤية مستقبلية)**

حقوق الملكية:** لمن تعود ملكية الصورة التي أنشأها الذكاء الاصطناعي؟
الأثر البيئي:** استهلاك المياه والطاقة في مراكز البيانات الضخمة.
المستقبل:** هل سيحل الذكاء الاصطناعي محلنا أم سيكون مساعداً لنا؟

نصيحة إضافية:** بما أنك تستهدف منطقة الخليج، يفضل استخدام مصطلحات مثل "التحول الرقمي" (Digital Transformation) و"الابتكار" (Innovation) في مقدمة عرضك، فهي كلمات رنانة جداً لدى صناع القرار هناك.
ضمان المدرس المناسب
favorite button
message icon
اتصل بMaria de