facebook
favorite button
super instructor icon
معلم موثوق
يتميز هذا المعلم بمعدل استجابة سريع، مما يدل على خدمة عالية الجودة لطلابه.
member since icon
منذ أبريل 2021
أستاذ منذ أبريل 2021
React / JS / CSS / HTML introduction (German / English)
course price icon
من 112.1 AED
arrow icon
I can teach you the basics of JavaScript, HTML and CSS. Further more I can give you an introduction into React or general web development. I have been a web developer for about 4 years now, I will create lessons fitting to your skill level and needs at your own pace.
المكان
location type icon
عبر الانترنت من ألمانيا
السن
الأطفال (7-12 سنة)
شباب (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
I'm shaping my lessons dynamic and personally made for you. If you have questions, homework, need help with a project of your own, come and join my course. Whether expert or starter, you are welcome.

The lessons will be hosted online. (Discord, Skype, you name it)

The price is negotiable.
إقرأ المزيد
فصول مماثلة
arrow icon previousarrow icon next
verified badge
Oussama
Learn to add AI features to your applications using ChatGPT API. Taught by a Full-Stack Engineer who's integrated AI into real client projects.

What You'll Learn:
ChatGPT API Integration: Add AI chat, content generation, or text analysis to any web app
Prompt Engineering: Write effective prompts that give consistent, quality results
Production Implementation: Rate limiting, cost management, error handling, security
Real-World Deployment: Deploy AI features to AWS with proper monitoring and logging

Technologies:
OpenAI API (ChatGPT-4)
React/Next.js frontend integration
Node.js/NestJS backend
Secure API key management
Cost optimization (don't waste money on API calls)

Perfect For:
Developers: Add AI to your portfolio (instant differentiation from other candidates)
Freelancers: Offer AI integration services
Students: Build an AI-powered projects that stands out
Entrepreneurs: Add AI features to your product without hiring an AI engineer

What We'll Build:
AI chatbot for your website (customer support, FAQ assistant)
Content generation tool (blog posts, product descriptions, social media)
Text analysis features (summarization, sentiment, keyword extraction)
Custom AI assistant for your specific use case

Real Examples:

E-commerce: AI product description generator
Real estate: AI property listing writer
Marketing: AI social media content creator
Education: AI study assistant

What's Included:
Working code you can deploy immediately
Cost management strategies (API calls can get expensive!)
Error handling and fallback strategies
Production deployment checklist

No AI experience needed - just basic JavaScript/React knowledge.
verified badge
Farouk
These courses are part of a practical and accessible introductory training course in web development 🌐💻, designed for those who want to learn how to create a website from A to Z.
Using fundamental web technologies—HTML 🧱, CSS 🎨, and JavaScript ⚙️—you'll learn how to structure pages, style them, and make them interactive.

My teaching approach is hands-on: each concept is accompanied by concrete examples and progressive exercises to consolidate your knowledge. You'll discover how to build a responsive interface 📱💡, manage user events 🖱️, and apply simple animations ✨ to improve the user experience.

Whether you are a beginner or looking to consolidate your foundations, this training will guide you step by step towards autonomy in creating your own web projects 🚀

Training plan in 10 modules:

1. Introduction to programming 🧠💡
Understand the basics: logic, Linux commands, simple instructions and algorithms.

2. Introduction to HTML 🧱📄
Structure of a web page, main tags, links, images, tables, forms.

3. Accessibility and SEO ♿🔍
Create inclusive and well-referenced sites: semantic tags, ARIA attributes, good SEO practices.

4. Introduction to CSS 🎨🖌️
Formatting, colors, typography, boxes, flexbox and responsive layout.

5. Git & GitHub 🗂️⚙️
Version your code and collaborate effectively: Git commands, creating repositories, push/pull, pull requests.

6. JavaScript - Data Types 🔢📝
Numbers, strings, booleans, objects, arrays... Learn to manipulate data.

7. JavaScript - Functions and Methods ⚙️🧩
Define and call functions, understand scope, use native methods.

8. JavaScript - Terms ❓🔁
Master the if, else, switch statements to handle specific cases.

9. JavaScript - Arrays and Loops 🔄📊
Iterate efficiently with for, while, forEach, manipulate arrays like a pro.

10. DOM Manipulation & Closures 🌐✨
Edit HTML/CSS from JS, add events, understand closures for advanced interactions.
verified badge
Laroussi
*الهدف: فهم الذكاء الاصطناعي بلا خوف، استخدامه لتبسيط الحياة، وكشف الفخاخ الرقمية**

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

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

---

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

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


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

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

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

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

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

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

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

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

نصيحة إضافية:** بما أنك تستهدف منطقة الخليج، يفضل استخدام مصطلحات مثل "التحول الرقمي" (Digital Transformation) و"الابتكار" (Innovation) في مقدمة عرضك، فهي كلمات رنانة جداً لدى صناع القرار هناك.
message icon
اتصل بMika
repeat students icon
الدرس الأول مضمون
بواسطة
ضمان المدرس المناسب
فصول مماثلة
arrow icon previousarrow icon next
verified badge
Oussama
Learn to add AI features to your applications using ChatGPT API. Taught by a Full-Stack Engineer who's integrated AI into real client projects.

What You'll Learn:
ChatGPT API Integration: Add AI chat, content generation, or text analysis to any web app
Prompt Engineering: Write effective prompts that give consistent, quality results
Production Implementation: Rate limiting, cost management, error handling, security
Real-World Deployment: Deploy AI features to AWS with proper monitoring and logging

Technologies:
OpenAI API (ChatGPT-4)
React/Next.js frontend integration
Node.js/NestJS backend
Secure API key management
Cost optimization (don't waste money on API calls)

Perfect For:
Developers: Add AI to your portfolio (instant differentiation from other candidates)
Freelancers: Offer AI integration services
Students: Build an AI-powered projects that stands out
Entrepreneurs: Add AI features to your product without hiring an AI engineer

What We'll Build:
AI chatbot for your website (customer support, FAQ assistant)
Content generation tool (blog posts, product descriptions, social media)
Text analysis features (summarization, sentiment, keyword extraction)
Custom AI assistant for your specific use case

Real Examples:

E-commerce: AI product description generator
Real estate: AI property listing writer
Marketing: AI social media content creator
Education: AI study assistant

What's Included:
Working code you can deploy immediately
Cost management strategies (API calls can get expensive!)
Error handling and fallback strategies
Production deployment checklist

No AI experience needed - just basic JavaScript/React knowledge.
verified badge
Farouk
These courses are part of a practical and accessible introductory training course in web development 🌐💻, designed for those who want to learn how to create a website from A to Z.
Using fundamental web technologies—HTML 🧱, CSS 🎨, and JavaScript ⚙️—you'll learn how to structure pages, style them, and make them interactive.

My teaching approach is hands-on: each concept is accompanied by concrete examples and progressive exercises to consolidate your knowledge. You'll discover how to build a responsive interface 📱💡, manage user events 🖱️, and apply simple animations ✨ to improve the user experience.

Whether you are a beginner or looking to consolidate your foundations, this training will guide you step by step towards autonomy in creating your own web projects 🚀

Training plan in 10 modules:

1. Introduction to programming 🧠💡
Understand the basics: logic, Linux commands, simple instructions and algorithms.

2. Introduction to HTML 🧱📄
Structure of a web page, main tags, links, images, tables, forms.

3. Accessibility and SEO ♿🔍
Create inclusive and well-referenced sites: semantic tags, ARIA attributes, good SEO practices.

4. Introduction to CSS 🎨🖌️
Formatting, colors, typography, boxes, flexbox and responsive layout.

5. Git & GitHub 🗂️⚙️
Version your code and collaborate effectively: Git commands, creating repositories, push/pull, pull requests.

6. JavaScript - Data Types 🔢📝
Numbers, strings, booleans, objects, arrays... Learn to manipulate data.

7. JavaScript - Functions and Methods ⚙️🧩
Define and call functions, understand scope, use native methods.

8. JavaScript - Terms ❓🔁
Master the if, else, switch statements to handle specific cases.

9. JavaScript - Arrays and Loops 🔄📊
Iterate efficiently with for, while, forEach, manipulate arrays like a pro.

10. DOM Manipulation & Closures 🌐✨
Edit HTML/CSS from JS, add events, understand closures for advanced interactions.
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
اتصل بMika