facebook
favorite button
super instructor icon
معلم موثوق
يتميز هذا المعلم بمعدل استجابة سريع، مما يدل على خدمة عالية الجودة لطلابه.
member since icon
منذ يونيو 2023
أستاذ منذ يونيو 2023
Clases de programación orientadas al desarrollo frontend con Angular, HTML, CSS, Typescript
course price icon
من 36.95 QAR
arrow icon
Mi nombre es Fabio , soy estudiante de ingeniaría de sistemas de la Universidad de Antioquia, soy tecnólogo en análisis y desarrollo de sistemas de información del SENA y cuento con 5 años de experiencia como desarrollador de software. En la programación encontré un pasión, estaré completamente dispuesto en transmitirte todo mi conocimiento, logrando que desarrolles tus habilidades lógicas de programación, mi objetivo es que te superes y mejorares tus habilidades como programador.

La metodología se basará en acompañamiento completo, inicialmente te explicaré como abordar un proyecto, tendremos clases para explicarte los fundamentos teóricos para dejar claras las bases de la programación, te mostraré como funciona la lógica y te explicaré con ejercicios 100% prácticos, posteriormente tu realizarás ejercicios en compañía conmigo con el fin de confirmar lo aprendido, veremos desde las bases de html y css hasta funcionalidades completas con Javascript o PHP según tu lo necesites o desees.

Me encantaría ayudarte a entender el desarrollo de software, perder el miedo a la programación. Te explicaré las maneras de abordar los requerimientos de un proyecto, realizaremos proyectos de practica y quedaras con las bases suficientes para crear un portafolio que te permita alcanzar tu primer empleo o mejorar en tu área de desempeño.
المكان
location type icon
عبر الانترنت من كولومبيا
السن
شباب (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
Ayoub
Mes cours s’adressent aux débutants comme aux personnes ayant déjà quelques bases et souhaitant progresser en programmation ou créer leurs premiers projets web. Je commence toujours par évaluer votre niveau et vos objectifs (ex : comprendre les bases, réussir un devoir, créer un site complet, etc.). Ensuite, j’adapte entièrement le cours à votre rythme pour que vous appreniez sans stress. Je propose un apprentissage complet combinant théorie (pour comprendre les concepts) et pratique (pour appliquer immédiatement). Cela vous permet de progresser plus vite et de maîtriser réellement ce que vous apprenez. Méthodes d’enseignement Explications simples, avec des exemples concrets pour la théorie Exercices pratiques guidés pour renforcer la compréhension Mini-projets pour appliquer directement chaque nouvelle notion Correction et amélioration de vos propres projets si vous en avez Déroulement type d’une séance Rappel rapide des notions précédentes Nouvelle notion expliquée de manière progressive Exercices pratiques ou mini-projet pour appliquer Questions/réponses + conseils personnalisés Plan de travail pour continuer entre les séances (facultatif) Ce qui me distingue Pédagogie simple et adaptée aux débutants Mélange équilibré entre théorie et pratique Accompagnement personnalisé selon vos objectifs Patience et explications étape par étape Possibilité de créer des projets concrets dès les premiers cours Mes cours conviennent aux élèves du collège au niveau universitaire, ainsi qu’aux adultes souhaitant apprendre le développement web ou changer de domaine.
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
اتصل بFabio
repeat students icon
الدرس الأول مضمون
بواسطة
ضمان المدرس المناسب
فصول مماثلة
arrow icon previousarrow icon next
verified badge
Ayoub
Mes cours s’adressent aux débutants comme aux personnes ayant déjà quelques bases et souhaitant progresser en programmation ou créer leurs premiers projets web. Je commence toujours par évaluer votre niveau et vos objectifs (ex : comprendre les bases, réussir un devoir, créer un site complet, etc.). Ensuite, j’adapte entièrement le cours à votre rythme pour que vous appreniez sans stress. Je propose un apprentissage complet combinant théorie (pour comprendre les concepts) et pratique (pour appliquer immédiatement). Cela vous permet de progresser plus vite et de maîtriser réellement ce que vous apprenez. Méthodes d’enseignement Explications simples, avec des exemples concrets pour la théorie Exercices pratiques guidés pour renforcer la compréhension Mini-projets pour appliquer directement chaque nouvelle notion Correction et amélioration de vos propres projets si vous en avez Déroulement type d’une séance Rappel rapide des notions précédentes Nouvelle notion expliquée de manière progressive Exercices pratiques ou mini-projet pour appliquer Questions/réponses + conseils personnalisés Plan de travail pour continuer entre les séances (facultatif) Ce qui me distingue Pédagogie simple et adaptée aux débutants Mélange équilibré entre théorie et pratique Accompagnement personnalisé selon vos objectifs Patience et explications étape par étape Possibilité de créer des projets concrets dès les premiers cours Mes cours conviennent aux élèves du collège au niveau universitaire, ainsi qu’aux adultes souhaitant apprendre le développement web ou changer de domaine.
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
اتصل بFabio