المستوى الأول من كورس تعلم برمجة مواقع الإنترنت (HTML & CSS Bootcamp)
- لن تعاني من صعوبة البرمجة المعلم معك خطوة بخطوة.
- تتعلم إحدى بيئات العمل الأكثر شهرة و طلباً في سوق العمل.
- تمكنك من التعديل على جميع الواجهات الثابتة على الإنترنت.
- الصور، الروابط، النصوص، الألوان والتعديل على القوالب الجاهزة.
- بعد تسجيلك ستحصل على متابعة يومية خاصة من المعلم.
- يصلح لك الأخطاء ويوجهك لتتقن ماتتعلمه خلال وقت قياسي.
محتوى الدورة
مرحباً بكم – الخطوات الأولى
-
المقدمة والمنهاج المساعد
01:07 -
مسارات التعلم
08:13 -
محتويات الكورس
08:51 -
اتفاقيات و نصائح لمبرمجي المستقبل
03:27 -
استعراض المشروع النهائي
01:40 -
تنزيل محرر الاكواد على ويندوز
01:50 -
تنزيل محرر الاكواد على لينوكس أوبنتو
03:13 -
أول كود بلغة النص التشعبي
04:18
الدرس الأول
-
محتويات الدرس والمنهاج المساعد
01:10 -
نظرة عامة على html
03:51 -
بنية الملف الأساسية مع وسوم h p و title
06:33 -
الوسوم الدلالية لتنسيق النص و الصفحة
21:54 -
واجب تطبيقي للدرس الأول
04:19
الدرس الثاني
-
محتويات الدرس الثاني (HTML متقدم) والمنهاج المساعد
01:35 -
تجهيز الملف
02:11 -
ترميز الصفحة
02:02 -
تجهيز الصفحة لتتفاعل مع الشاشات المختلفة
03:20 -
لغة الصفحة
00:56 -
القوائم
04:44 -
الجداول و مفهوم البكسل
12:47 -
نماذج بيانات html
09:44 -
الوسائط المتعددة
00:00 -
الروابط و الأطر
16:02 -
الواجب التطبيقي للدرس الثاني
01:24
الدرس الثالث
-
محتويات الدرس 3 (مقدمة إلى html5) والمنهاج المساعد
00:58 -
الميزات الجديدة في html5
02:31 -
الوسوم الدلالية مرة أخرى
06:12 -
النماذج في html5
20:38 -
تحديد الموقع الجغرافي و التخزين المحلي في html5
15:48 -
الواجب التطبيقي للدرس الثالث
03:21
الدرس الرابع
-
محتويات الدرس 4 (HTML5 متقدم) والمنهاج المساعد
00:40 -
تعريف أدوات الرسم و تعديل الصور و استخداماتهم
03:57 -
الرسم باستخدام SVG
21:48 -
الرسم باستخدام Canvas
06:16 -
مقدمة إلى الصور التفاعلية مع أحجام الشاشات
06:39 -
الواجب التطبيقي للدرس 4
01:35
الدرس الخامس
-
محتويات الدرس 5 (مقدمة إلى CSS) والمنهاج المساعد
01:34 -
الاستخدامات والأنواع CSS roll and kinds
09:30 -
المحددات والخصائص والقيم في CSS
05:49 -
التنميطات الأساسية في CSS
11:09 -
تنميطات إضافية للروابط من CSS
03:20 -
أنظمة العد
09:10 -
تمثيل الألوان باستخدام النظام الست عشري في CSS
02:40 -
الواجب التطبيقي للدرس 5
02:12
الدرس السادس
-
محتويات الدرس 6 (تقنيات تنميط من CSS3) والمنهاج المساعد
00:55 -
العناصر و الأصناف الزائفة Pseudo classes + Pseudo elemnts
13:40 -
المتحولات Css variables
06:41 -
الواجب التطبيقي للدرس السادس Homework
03:56
الدرس السابع
-
محتويات الدرس السابع (CSS Transformations, Transitions and Animations) والمنهاج المساعد
00:42 -
التحولات و الانتقالات Css transformations and transitions
18:58 -
المزيد عن الانتقالات Continue With Transition
16:07 -
الحركة Css animation
11:53 -
الحركات المتقدمة CSS3 advanced animation
03:50 -
الواجب التطبيقي للدرس السابع Homework
02:54
الدرس الثامن
-
محتويات الدرس 8 ( Advanced CSS3 part1 ) والمنهاج المساعد
00:47 -
نموذج الصندوق للعناصر Css box model
03:07 -
التحكم بتموضع العناصر Css elements positioning
09:30 -
التحكم بطريقة عرض العناصر Css display property
05:17 -
التحكم بحاوي العناصر المرنة Flex container
12:15 -
التحكم بالعناصر المرنة CSS flex items
11:05 -
الواجب التطبيقي 8 Homework
00:36
الدرس التاسع
-
محتويات الدرس ( Advanced CSS3 part2 ) والمنهاج المساعد
00:39 -
حاوي الشبكة CSS grid container
19:16 -
التحكم بعناصر الشبكة CSS3 grid items
18:13 -
الواجب التطبيقي 9
01:08
الدرس العاشر
-
محتويات الدرس (بيئة عمل بوتستراب) ( CSS Bootstrap Framework ) والمنهاج المساعد
01:08 -
نستخدم بوتستراب محلي أم على سيرفر خارجي downloaded Bootstrap package or linking it via CDN
07:36 -
أمثلة على استخدام بوتستراب Bootstrap examples
23:07 -
تخصيص بيئات عمل الستايلات Bootstap and CSS frameworks customization
02:36 -
الواجب التطبيقي
02:42
الدرس الحادي عشر
-
محتويات الدرس (التصميم التفاعلي) ( Responsive design ) والمنهاج المساعد
00:27 -
مفهوم التصميم التفاعلي Responsive design concept
04:48 -
دليل خطوة بخطوة للتصميم التفاعلي responsive design step by step guide
06:47 -
مثال تصميم تفاعلي باستخدام تخطيط فلكس بوكس responsive design using flexbox layout example
17:56 -
مثال تصميم تفاعلي باستخدام تخطيط الشبكة responsive design using Grid layout example
05:30 -
مثال تصميم تفاعلي باستخدام بوتستراب responsive design using Bootstrap4 example
14:08 -
الواجب التطبيقي
01:37
الدرس الثاني عشر
-
محتويات الدرس 12 (مشروع التخرج) ( Final project ) والمنهاج المساعد
01:33 -
تجهيز التصميم، الصور و المجلدات L12 001 design, images and folders structure preparing
10:20 -
L12 002 Step1: page general structure with new meta tags, favicon, normalize.css and reset css
11:48 -
خطوة 2-1: بنية شريط التنقل L12 003-1 step2-1: navbar structure
06:41 -
خطوة 2-2: تجهيز شريط التنقل للشاشات الصغيرة L12 003-2 step2-2: navbar on small devices
14:25 -
خطوة 2-3: تجهيز شريط التنقل للشاشات الكبيرة L12 003-3 step2-3: navbar on large devices
06:24 -
خطوة 3-1: تجهيز القسم الاول للشاشات الصغيرة L12 004-1 step3-1: hero section on small devices
14:41 -
خطوة 3-2: تجهيز القسم الاول للشاشات الكبيرة L12 004-2 step3-2: hero section on large devices
09:51 -
خطوة 4-1: تجهيز القسم الثاني للشاشات الصغيرة L12 005-1 step4-1: mission section on small devices
12:45 -
تجهيز القسم الثاني للشاشات الكبيرة L12 005-2 step4-2: mission section on large devices wıth grid
11:39 -
الواجب التطبيقي (الوظيفة)
02:22
€ 29
-
Levelجميع المستويات
-
Duration10 ساعات 32 دقائق
أهلاً بك مرة أخرى!
€ 29
-
Levelجميع المستويات
-
Duration10 ساعات 32 دقائق
ماذا سوف تحصل في هذا الكورس؟
- 90 فيديو تعليمي لهذا المستوى
- متابعة يومية مع المعلم مباشرةً
- منهاج مساعد مكتوب مع كل درس
- خطة واضحة وطريق مختصر للتعلم
مقدم الدورة
