الماستر المهني لتعلم تطوير واجهات المواقع الإلكترونية Front-End Developer من الصفر إلى الإحتراف
مجانية
نبذة مختصرة عن الماستر المهني لتعلم تصميم المواقع الإلكترونية
Front-End Developer
هو عبارة عن برنامج تدريبي كامل مُقدم من أكاديمية الزيرو المصرية للمدرب القدير أسامة محمد الشهير بالزيرو ويمتاز بإسلوبه البسيط ويقتحم في شرحه أدق التفاصيل البرمجية بسهولة ويسر.
هذا وقد تم الإتفاق مع أكاديمية الزيرو بنشر المحتوى التدريبي على أكاديمية المدرب الفلسطيني في إطار التعاون المشترك بين الأشقاء في مصر وسائر البلاد العربية لتقديم أفضل الخدمات التدريبية.
الماستر المهني لتعلم تصميم المواقع الإلكترونية يحتوي على 18 مساق متنوع ما بين مستندات وشروحات مرئية من قناة الزيرو على موقع YouTube .
المساقات التدريبية:
- أهم الأدوات والإعدادات للبدأ في مجال الويب
- فيديوهات مهمة يجب مشاهدتها قبل بدأ التعلم
- تعلم لغة HTML لإنشاء صفحة الويب
- تعلم لغة CSS لتصميم صفحات صفحات الويب
- بعض النصائح والملاحظات المهمة أثناء التعلم
- التطبيق العملي الأول HTML + CSS
- تعلم أهم لغات الويب JavaScript
- تعلم أهم مكتبات الويب jQuery
- التطبيق العملي الثاني والثالث HTML + CSS + jQuery
- عمل تصميم متجاوب بدون اطار عمل
- عمل تصميم متجاوب باطار عمل Bootstrap
- مواقع هامة جدا للمراجعة وجلب ما تحتاجه
- تعلم SASS لإحترافك لغة CSS
- تعلم Pugjs لإحترافك لغة HTML
- تعلم Gulpjs لعمل مهامك بدون تدخل منك
- تعلم Command Line لتطوير مهاراتك
- تعلم Git & Github للحفاظ على مشاريعك
- كيف تكون Front-End محترف جدا
مميزات الدورة
- عدد الدروس 450
- الإختبارات 0
- مدة الدورة 50 ساعة
- مستوى المهارات جميع المستويات
- اللغة العربية
- عدد الطلاب 5
- تقييم نعم
-
أهم الأدوات والإعدادات للبدأ في مجال الويب
-
فيديوهات مهمة يجب مشاهدتها قبل بدأ التعلم
- 3. لماذا يجب أن تتعلم الأساسيات
- 4.كم الوقت اللازم للتعلم
- 5.من الأحسن مصمم الويب أم مطور الويب؟!
- 6.لماذا ننسى ما تعلمناه من الدورات أثناء المذاكرة؟ وماهو الحل؟
- 7.مالاتعرفه عن وظيفة ال Front-End Developer
- 8.ما هي الأخطاء التي يجب أن تتفاداها عند كتابة سيرة ذاتية ؟!
- 9.كيف تتعلم بطريقة صحيحة وتحصل على الخبرات التي تطلبها الشركات؟
-
تعلم لغة HTML لإنشاء صفحة الويب
- 10.مقدمة عن لغة Html و معلومات نظرية عنها
- 11.ماذا أحتاج لتعلم لغة Html ؟
- 12.شرح خواص وسمات العناصر Attributes وكيفية التعامل معها
- 13.تعلم كل ما يخص عناوين النصوص Heading
- 14.تعلم كل ما يخص الصور وكيفية وضع صور في موقعك
- 15. شرح الروابط المتشعبة Anchor Links وكيفية التعامل معها
- 16.تعلم ما هي العناصر الموجودة داخل رأس الصفحة Head
- 17.شرح نظام التعليقات وكل ما يخصها في لغة Html و كيفية عمل تعليق
- 18.شرح العناصر Block و Inline و الفروق بينهم وشرح استخدام ال Div
- 19.شرح القوائم Lists بجميع أنواعها
- 20.شرح تنسيق النصوص والفقرات والعناوين الجزء الأول
- 21.شرح تنسيق النصوص والفقرات والعناوين الجزء الثاني
- 22.شرح الجداول بجميع خواصها وكيفية عمل جدول بسيط
- 23.شرح الجداول بجميع خواصها وكيفية بناء تكوين الجدول الكامل
- 24.شرح الجداول بجميع خواصها وكيفية التحكم في الأعمدة
- 25.شرح تمييز العناصر عن طريق ال Classes للتعامل معها
- 26. شرح أجزاء النموذج Form وعناصرها كاملة الجزء الأول
- 27.شرح أجزاء النموذج Form وعناصرها كاملة الجزء الثاني
- 28.شرح أجزاء النموذج Form وعناصرها كاملة الجزء الثالث
- 29.شرح عمل نموذج وتطبيق كل ما تعلمته من الدروس السابقة
- 30.شرح وسم ال iFrame لإستدعاء موقع اخر داخل صفحتك
- 31.شرح الكيانات Entities والحروف المحجوزة في ال Html
- 32.كيفية عمل تصميم موقع كامل بسيط لتطبيق ما تعلمته
-
تعلم لغة HTML5 وما الجديد فيها
- 33.مقدمة عن HTML 5
- 34.شرح العناصر التي تم تجاهلها في اللغة الجزء الأول
- 35.شرح العناصر التي تم تجاهلها في اللغة الجزء الثاني
- 36.ما هي ال Semantics و على ما تدل في اللغة؟
- 37.طريقة كتابة الكود في الإصدار الجديد من اللغة والاسرار التي تحتاج معرفتها
- 38.كيف تنقل صفحتك من اصدارات ال Html القديمة للإصدار الجديد Html5
- 39.شرح دعم المتصفحات القديمة للغة و معرفة كيف يعمل نظام الدعم
- 40.شرح العناصر الجديدة و كيفة استخدامها Header, Nav, Article, Section, Footer
- 41.شرح العناصر الجديدة و كيفة استخدامها Main, Aside
- 42.شرح العناصر الجديدة و كيفة استخدامها Progress, Meter
- 43.شرح العناصر الجديدة و كيفة استخدامها Details, Mark, Wbr
- 44.شرح العناصر الجديدة و كيفة استخدامها Figure, Figcaption
- 45.شرح العناصر الجديدة و كيفة استخدامها Time, Dialog, Bdi
- 46.شرح العنصر الجديد في الفورم Datalist
- 47.شرح العنصر الجديد في الفورم Output
- 48.شرح خواص الصوت و كيفية استدعاء ملف صوتي في صفحتك MIME Type List
- 49.شرح خواص الفيديو و كيفية استدعاء ملف فيديو في صفحتك
- 50.شرح حقول الإدخال الجديدة في ال Form Color, Range, Number
- 51.شرح حقول الإدخال الجديدة في ال Form Email, Search, Url, Tel
- 52.شرح حقول الإدخال الجديدة في ال Form Time, Date, Month, Week
- 53.شرح خواص الفورم الجديدة AutoComplete, AutoFocus, NoValidate
- 54.شرح خواص الفورم الجديدة FormAction, FormMethod, FormEncType
- 55.شرح خواص الفورم الجديدة Form, FormNoValidate, FormTarget
- 56.شرح خواص الفورم الجديدة Multiple, Placeholder, Required
- 57.شرح خواص الفورم الجديدة Min, Max, Step, Pattern
- 58.شرح خواص الفورم الجديدة Readonly
- 59.شرح مقدمة عن ال Canvas و ماهو و كل المعلومات التي تريدها عنه قبل البدا في تعلمه
- 60.شرح كيفية عمل Canvas بسيط مع امثلة
- 61.شرح كيفة رسم خطوط بواسطة ال Canvas
- 62.شرح كيفية رسم النصوص بال Canvas
- 63.شرح كيفية إنشاء ال Canvas بالجافا سكريبت فقط
- 64.شرح مقدمة عن ال SVG
- 65.شرح كيفية رسم مربعات و مستطيلات و دوائر بال SVG
- 66.شرح كيفية إستخدام ال Css لتنسيق ال SVG
- 67.شرح كيفية رسم الاشكال البيضاوية و الخطوط
- 68.شرح المقارنة بين ال Canvas + Image + SVG مع امثلة
-
لغة CSS لتصميم صفحات صفحات الويب
- درس #01 – مقدمة عن اللغة وكل ما تريد معرفته قبل البدأ في تعلمها
- درس #02 – شرح البنية الخاصة بكود ال Css ومما تتكون وكيفية كتابتها
- درس #03 – شرح كيفية تمييز العناصر ب Class + Id وقوة الاستايل في الصفحة
- درس #04 – شرح كل ما يخص خواص الخلفية Background
- درس #05 – شرح خواص النصوص الجزء الأول
- درس #06 – شرح خواص النصوص الجزء الثاني
- درس #07 – تعلم خواص الخطوط Fonts وكيفة التعامل معها
- درس #08 – تعلم خواص الروابط Links وكيفة التعامل معها
- درس #09 – شرح كل شيء عن القوائم والخصائص الموجودة بها
- درس #10 – شرح فكرة ال Box Model وما هو البوكس
- درس #11 – شرح الحدود Border وكل ما يخصها
- درس #12 – شرح الهوامش الخارجية Margin
- درس #13 – شرح الهوامش الداخلية Padding للعناصر
- درس #14 – شرح كل ما يخص الابعاد الخاصة بالعناصر Width, Height
- درس #15 – شرح جميع خواص ال Display مع أمثلة وتجارب
- درس #16 – تعلم كيفية التحكم بأوضاع العنصر عن طريق ال Position
- درس #17 – تعلم كل شيء عن Float والخواص التي تعمل بها
- درس #18 – تعلم تجميع ال Selectors والعناصر مع بعضها
- درس #19 – تعلم نظام Nesting وكيفية تمييز العناصر عن بعضها
- درس #20 – تعلم خاصية Overflow وكل القيم الخاصة بها
- درس #21 – شرح خاصية ال Visibility والفرق بينها و بين ال Display
- درس #22 – شرح نظام الطبقات Z-Index مع خواصه كاملة Auto, Number
- درس #23 – شرح خاصية ال Content واستخدامها مع :Before, :After
- درس #24 – شرح خاصية ال Cursor الخاصة بتغيير مؤشر الفارة
- درس #25 – شرح خاصية Outline وعمل حواف خارج العنصر
- درس #26 شرح ال Selectors وكيفة التعامل مع العناصر
- درس #27 – شرح ال Pseudo Classes وكيفية استخدامهم
- درس #28 – شرح سمات العناصر Attributes وكيفية تنسيقها بال Css
- درس #29 – شرح ال Media وكيفية عمل استايلات مختلفة لجميع انواع الميديا
-
تعلم الإصدار الثالث من لغة CSS 3
- درس #01 – شرح مقدمة عن لغة Css3 وما الجديد في الإصدار الثالث
- درس #02 – تعلم البواديء Vendor Prefixes وما فائدتها ولماذا تستخدمها
- درس #03 – تعلم الحواف الدائرية Border Radius وكيف تستعملها في Css3
- درس #04 – تعلم كل شيء عن الظلال Box Shadow وكيف تستعملها بالتفصيل
- درس #05 – شرح خاصية Box Sizing وكيف تتعامل مع حجم العنصر
- درس #06 – تمارين على Box Shadow و Border Radius
- درس #07 – شرح خاصية ال Text Shadow وكيفية عمل ظلال على النصوص
- درس #08 – شرح Text Overflow والتحكم بالنصوص التي تخرج من المحتوى
- درس #09 – شرح خاصية Word Wrap والفرق بينها وبين White-Space
- درس #10 – شرح خاصية ال Transform Rotate وكيفية لف العناصر
- درس #11 – شرح خاصية مد العناصر Transform Scale
- درس #12 – شرح تحريك العناصر عن طريق Transform Translate
- درس #13 – شرح التحكم بميلان العناصر عن طريق Transform Skew
- درس #14شرح خاصية ال Matrix التي تحتوى على كل خواص ال 2D Transform
- درس #15 – شرح خاصية ال Rotate ثلاثية الأبعاد
- درس #16 شرح خاصية ال Translate ثلاثية الأبعاد مع امثلة
- درس #17 شرح خاصية ال Scale ثلاثية الأبعاد مع امثلة
- درس #18 شرح خاصية ال Matrix ثلاثية الأبعاد مع امثلة
- درس #19 شرح خاصية ال Perspective و التعرف على المنظور ثلاثي الأبعاد مع امثلة
- درس #20 -شرح خاصية ال Transform Origin مع امثلة
- درس #21 شرح خاصية ال Backface و كيفية التحكم بها مع امثلة
- درس #22 شرح كيفية عمل كار يدور حول نفسه بواسطة خاصية ال Backface و الخواص الاخرى
- درس #23 شرح المميزات الجديدة لخاصية ال Background مع امثلة
- درس #24 شرح المميزات الجديدة لخاصية ال Overflow مع امثلة
- درس #25 شرح لخاصية Resize
- درس #26 شرح لخاصية ال Opacity و التحكم بالشفافية مع امثلة
- درس #27 شرح خاصية Direction, Wrap مع امثلة عملية
- درس #28 شرح خاصية Flow, Justify Content مع امثلة عملية
- درس #29 شرح خاصية Align Items, Align Content مع امثلة عملية
- درس #30 شرح خاصية Order و ترتيب العناصر مع امثلة عملية
- درس #31 شرح خاصية Flex Basis و الكود المختصر لل Flex مع امثلة عملية
- درس #32 شرح مقدمة عن تاثير الانتقال Transition مع امثلة
- درس #33 شرح استخدام الخواص المراد عمل الانتقال عليها و المدة الخاصة بالانتقال
- درس #34 شرح خاصية ال Timing Function و التحكم بتاخير الانتقال مع امثلة
- درس # 35 شرح امثلة منوعة على ال Transition و الإنتقال
- درس # 36 شرح التحكم بعدد الاعمدة و المسافة بينهم مع امثلة
- درس # 37 شرح التحكم في الحواف و العرض الخاص بالأعمدة Columns مع امثلة
- درس # 38 شرح خاصية ال Span و الكود المختصر لل Columns مع امثلة
- درس # 39 شرح مقدمة عن ال Animation و ماذا يمكن ان تفعل به و تعريف ال Keyframes
- درس # 40 شرح اسم الخاصية المراد تحريكها و مدة التحريك
- درس # 41 شرح عدد مرات تكرار ال Animation و اتجاهه مع امثلة
- درس # 42 شرح تاخير ال Animation مع امثلة
- درس # 43 شرح حالة تشغيل ال Animation مع امثلة
- درس # 44 شرح الكود المختصر لل Animation مع امثلة
- درس # 45 شرح عمل دروب جميل بال Animation
- درس # 46 طريقة عمل شاشة تحميل Wave Audio مع الشرح المفصل
- درس # 47 طريقة عمل شاشة تحميل Snake مع الشرح المفصل
- درس # 48 شرح نهاية ال Animation و بعض المعلومات المهمة
- درس # 49 شرح ال Selectors التالية مع امثلة
- درس # 50 شرح ال Selectors التالية مع امثلة :checked :enabled :disabled :empty
- درس # 51 شرح ال Selectors التالية مع امثلة not last-child first-of-type last-of-type
- درس # 52 شرح ال Selectors التالية مع امثلة
- درس # 53 شرح ال Selectors التالية مع امثلة nth-child nth-of-type
- درس # 54 شرح ال Selectors التالية مع امثلة nth-child nth-of-type
- درس # 55 شرح خاصية ال Font Face مع امثلة الخطوط الآمنة
- درس # 56 شرح الخواص الجديدة في ال Media
-
بعض النصائح والملاحظات المهمة أثناء التعلم
-
تعلم تخطيط التصميم قبل بدأ العمل
- درس #01 – مقدمة وما هو ال Wireframing و Prototyping في تخطيط الموقع
- درس #02 – إختيار الأداة المناسبة لك ولإحتياجاتك
- درس #03 – تخطيط ال Header وال Slider
- درس #04 – تخطيط ال Sidebar ووضع ال Widgets داخله
- درس #05 – إضافة تخطيط المقالات
- درس #06 – عمل ال Footer وإنشاء صفحة جديدة
- درس #07 – تصدير التخطيط كاملا ونقاش مهم عن الكورس
-
التطبيق الأول بلغة HTML + CSS
- بداية عن الكورس و من هم الأشخاص الموجه لهم الكورس و فوائده
- شرح عمل تقسيمة الجزء العلوي
- شرح عمل تقسيمة الموقع الجزء الأول
- شرح عمل تقسيمة الموقع الجزء الثاني
- شرح عمل السلايدر و قائمة الإنتقال
- شرح عمل المميزات
- شرح عمل جزء نبذة عني
- شرح عمل قسم مهاراتي
- شرح عمل قسم السيرة الذاتية
- شرح عمل قسم المؤهلات و الخبرات
- شرح عمل قسم قالوا عنا
- شرح عمل قسم أعمالنا
- شرح عمل قسم الإتصال بنا والعنوان
- شرح كيفية تصميم الفوتر
- شرح تحسين التصميم و عمل كلاسات خاصة وتوفير السطور في ملف الاستايل
- شرح إضافة مكتبة Font Awesome ووضع اللمسة النهائية للتصميم
- المزيد من التطبيقات والتدريب
-
تعلم اللغة الأساسية JavaScript
- درس #01 مقدمة عن تاريخ لغة الجافا سكريبت و مبتكريها و بعض المعلومات عنها و لماذا نستخدمها
- درس #02 شرح ماذا احتاج لتعلم لغة الجافاسكريبت
- درس #03 شرح كيفية التعامل مع ال Console الخاص بجوجل كروم
- درس #04 شرح مكان وضع كود الجافا سكريبت و الفرق بين الأماكن
- درس #05 شرح البنية الخاصة بالكود وبعض المعايير الخاصة باللغة JavaScript Syntax
- درس #06 شرح نظام التعليقات مع أمثلة عليها Comments In JavaScript
- درس #07 شرح المتغيرات Variables و كيفية التعامل معها و فهمها بالتفصيل
- درس #08 شرح أنواع البيانات Data Types و التعرف عليها كاملة
- درس #09 شرح ربط النصوص و المتغيرات Concatenation
- درس #10 شرح المخرجات في الجافا سكريبت Output
- درس #11 شرح ال Operators بالتفصيل مع الأمثلة
- درس #12 شرح الدوال الشرطية If, Else If , Else في الجافا سكريبت
- درس #13 شرح كل ما يخص ال Conditional Operators
- درس #14 شرح كل ما يخص ال Logical Operators
- درس #15 شرح معرفة أساسيات عمل Function بابسط الطرق
- درس #16 شرح خاصية Return داخل ال Function
- درس #17 شرح كيفية عمل Function و تمرير Parameters بداخلها
- درس #18 شرح متقدم لل Function و كيفية تشغيلها تلقائيا Self Invoke
- درس #19 شرح ال Switch و ال Case في الجافا سكريبت
- درس #20 شرح ال Scope و أنواعه بالتفصيل مع الأمثلة الجزء الأول
- درس #21 شرح ال Scope و أنواعه بالتفصيل مع الأمثلة الجزء الثاني
- درس #22 شرح مقدمة عن الاحداث و شرح بعض الأحداث onload, onclick, ondblclick
- درس #23 شرح بعض الأحداث onkeydown, onkeypress, onkeyup
- درس #24 شرح بعض الأحداث onmouseover, onmouseout, onchange
- درس #25 شرح بداية معرفتك بالمصفوفات ال Array
- درس #26 شرح كيفية معرفه هل المتغير مصفوفة ام لا Array
- درس #27 شرح تعيين و الحصول علي ال Length الخاصة بال Array
- درس #28 شرح تحويل المصفوفة لنص عادي مع امثلة على انواع التحويل Array Methods toString() toLocaleString() join()
- درس #29 شرح كيفية اضافة عناصر للمصفوفة بواسطة الطرق التاليه length push() unshift() splice()
- درس #30 شرح كيفية اضافة عناصر للمصفوفة بواسطة الطرق التاليه splice() shift() pop()
- درس #31 شرح ترتيب العناصر داحل المصفوفة Array Sort بواسطة sort() reverse()
- درس #32 شرح استخراج عناصر من المصفوفة Array Slice و دمج مصفوفتين مع بعض بواسطة slice() concat()
- درس #33 شرح البحث داخل ال Array
- درس #34 مراجعة عامة على جميع ال Methods الخاصة بال Array
- درس #35 شرح تحويل نوع المتغير ل String مع امثلة
- درس #36 شرح تحديد و البحث عن مكان ال String مع امثلة
- درس #37 شرح تقسيم ال String مع امثلة
- درس #38 شرح البحث عن ال String و استبداله مع امثلة
- درس #39 شرح ربط ال Strings مع أمثلة
- درس #40 شرح تحويل الرموز في ال Strings مع امثلة
- درس #41 شرح المرجع كامل و كيفية دراسته مع امثلة
- درس #42 شرح كيفية ربط ال Methods الخاصة بال Strings مع امثلة Chain
- درس #43 شرح تمارين و مراجعة على ال Strings مع امثلة متقدم
- درس #44 شرح التكرار بواسطة For مع امثلة
- درس #45 شرح التكرار بواسطة For / In مع امثلة
- درس#46 شرح التكرار بواسطة For مع امثلة متقدمة و Funtions متقدمة
- درس#47 شرح التكرار بواسطة While + Do مع امثلة
- درس#48 شرح التتحكم بالتكرار بواسطة Break, Continue, Label مع امثلة
- درس#49 شرح تمارين عامة و مراجعة على التكرار
- درس#50 شرح تقريب الرقم لأعلى رقم بواسطة Ceil مع امثلة
- درس#51 شرح تقريب الرقم لأقل رقم بواسطة Floor مع امثلة
- درس#52 شرح تقريب الرقم للرقم القريب بواسطة Round مع امثلة
- درس#53 شرح استخراج اكبر و اصغر رقم بواسطة Math Min, Max مع امثلة
- درس#54 شرح عمل رقم عشوائي بواسطة Math Random مع امثلة متقدمة
- درس#55 شرح مقدمة عن ال Regular Expression و عمل امثلة بسيطة
- درس#56 شرح ال Brackets داخل ال Regular Expression و كيفية التعامل معها
- درس#57 شرح ال Quantifiers داخل ال Regular Expression و كيفية التعامل معها
- درس#58 شرح مقدمة عن ال Date مع امثلة عملية
- درس#59 شرح تنسيق ال Date بكل الطرق و معرفة انواع ال Format
- درس#60 شرح الدوال الخاصة بال Date الجزء الأول مع معرفة معلومات عامة عن الوقت
- درس#61 شرح الدوال الخاصة بال Date الجزء الثاني مع معرفة معلومات عامة عن الوقت
- درس#62 شرح الدوال الخاصة بال Date الجزء الثالث مع معرفة معلومات عامة عن الوقت
- درس#63 شرح الأرقام و انواعها و ما الذي تقبله الجافا سكريبت في الكتابة
- درس#64 شرح خواص الارقام و ال Methods التي تتعامل معها مع امثلة عملية
- درس#65 نهاية الكورس و شرح من اين اكمل معلوماتي و احترف
-
كورس التعامل مع ال HTML DOM
- درس#01 تعرف على ال DOM ما هو و ما الذي يربطه بالجافا سكريبت
- درس#02 تعلم كيف تعثر على العناصر التي سوف تقوم بالتلاعب بها بكل الطرق
- درس#03 شرح ايجاد العناصر عن طريق ال Object Collection مع امثلة الجزء الأول
- درس#04 شرح ايجاد العناصر عن طريق ال Object Collection مع امثلة الجزء الثاني
- درس#05 تعلم كيف تحصل على محتوى العنصر وتقوم بتغيره كاملا
- درس#06 تعلم كيف تحصل على محتوى ال Attribute وتغييره بسهولة
- درس#07 تعلم كيف تحصل على محتوى ال Attribute عن طريق GetAttribute, SetAttribute
- درس#08 تعلم كيف تعرف ان العنصر يحتوى على Attribute
- درس#09 تعلم كيف تتحكم في الكلاسات الخاصة بالعنصر عن طريق ClassList
- درس #10 كيف تقوم بإضافة او حذف كلاس معين وكيف تقوم بالتبديل Toggle بين الكلاسات
- درس #11 شرح التعامل مع العناصر الموجودة داخل الإب وكيفية الوصول إليها بسهولة مع ChildNodes
- درس #12 شرح الوصول لأول وآخر عنصر في الأب ومعرفة اذا كان Element أم نوع آخر من ال Nodes
- درس #13 شرح إضافة عنصر جديد في نهاية العنصر الذي تريده
- درس #14 شرح إضافة عنصر جديد في اي مكان تريده في العنصر مع أمثلة عملية كثيرة
- درس #15شرح حذف عنصر من اي مكان تريده مع أمثلة عملية مثيرة وربط مع الدروس السابقة
- درس #16 شرح كل ما يخص ال Node من الإسم و القيمة والنوع مع امثلة عملية
- درس #17 شرح نسخ Node كامل من مكان لمكان آخر مع امثلة و تطبيقات عملية
- درس #18 شرح التعرف على العنصر الأب مع مثال حي للفكرة وكيف يمكننا استخدام الأب
- درس #19 شرح التنقل بين العناصر والذهاب للعنصر التالي و العنصر السابق
- درس #20 شرح عمل Focus و Blur على العناصر
- درس #21 شرح الحدث Click وكيف يمكنك ان تقوم بعمله اوتوماتيك بدون تدخل منك
- درس #22 شرح إضافة حدث جديد على اي عنصر بواسطة AddEventListener
- درس #23 شرح معرفة اذا كان العنصر يحتوي على عنصر آخر أم لا
- درس #24 شرح معرفة إرتفاع العنصر وعرضه بواسطة Client Height و Client Width
- درس #25 شرح معرفة إرتفاع العنصر وعرضه بواسطة ScrollHeight و ScrollWidth ومعرفة الفرق بينها وبين Client
- درس #26 شرح معرفة إرتفاع العنصر وعرضه بواسطة OffsetHeight و OffsetWidth
- درس #27 شرح معرفة ال Scroll وقيمته والتحكم فيه أيضا مع امثلة عملية
- درس #28 شرح معرفة الفرق بين ال Client وبين ال ScrollTop و ScrollLeft بالمثال الحي
- درس #29 أهم دروس الكورس شرح تغيير تنسيق ال Css الخاص بالعناصر بالجافا سكريبت
- درس #30 شرح بعض خواص ال Document التي يمكن ان تفيدك في مشاريعك
- درس #31 شرح كيفية إنشاء عنصر جديد في الصفحة وكيفية إنشاء نص لوضعه داخل العنصر وكيفية إنشاء تعليق
- درس #32 شرح إنشاء Attribute جديد لوضعه داخل العنصر
- درس #33 شرح الأحداث وكيفية كتابة الحدث بكل الطرق قبل الدخول في اهم الاحداث
- درس #34 شرح بعض الأحداث المهمة التي تخص الصفحة Onload, OnScroll, OnResize
- درس #35 شرح بعض الأحداث المهمة التي تخص الفورم OnFocus, OnBlur, OnSubmit
- درس #36 شرح الأحداث التي تخص الماوس والضغط عليها و المرور بها على العنصر
- درس #37 شرح الأحداث التي تخص لوحة المفاتيح عند الضغط على الزر
- درس #38 نهاية الكورس والمراجع التي تحصل منها على باقي المعلومات
-
كورس التعامل مع ال BOM
- درس #01 مقدمة عن الكورس وماذا تحتاج لتتعلمه وما هو ال BOM
- درس#02 شرح كائن ال Window وعلى ماذا يحتوي وما هي الكائنات الفرعية منه
- درس#03 شرح ال Methods الخاصة بال Window مثل ال Alert, Prompt, Confirm
- درس#04 شرح خاصية setTimeout من أهم خواص ال Timing في ال Window
- درس#05 شرح خاصية setInterval من أهم خواص ال Timing في ال Window
- درس#06 شرح كيفية فتح صفحة جديدة وما هي الخواص التي تستعملها لفتح الصفحة
- درس #07 شرح خاصية ال scrollTo و scrollBy لعمل Scroll للصفحة
- درس #08 شرح خواص ال Window التي تقوم بفتحها كيف تقوم بإغلاقها وكيف تقوم بإيقاف تحميل الصفحة
- درس #09 شرح خواص الطول والعرض الخاصة بالمتصفح وكيف تحصل عليه
- درس #10 شرح خواص ال Window وكيف تعرف مكان المتصفح بعد عمل Scroll معين
- درس#11 تعلم خواص ال Location وكيف تتعامل مع الروابط وال Hypertext Reference
- درس#12 شرح خواص ال Location وكل ما يتعامل مع الروابط وكيف تحصل على ال Host وكل ال Hash الموجودة في الرابط
- درس#13 شرح خواص ال Location وكا ما تريد معرفته عن ال Protocol ولينكات البحث Query String
- درس#14 شرح كل ما تريد معرفته عن طرق ال Location وكيف تقوم بتغيير الرابط بواسطة Replace و Assign
- درس#15 شرح خواص ال History وكيف تذهب للصفحات الى الامان والخلف
- درس#16 شرح خواص المتصفح Navigator والمعلومات التي تريد معرفتها عنه
- درس#17 شرح خواص الشاشة Screen ومعلومات عن عرض وطول الشاشة
- درس#18 شرح الكوكيز كاملة مع كيفة الاستفادة منها ومن أين تعرف معلومات اخرى عن الكوكيز
- درس#19 شرح الكوكيز كاملة مع كيفة الاستفادة منها ومن أين تعرف معلومات اخرى عن الكوكيز
-
دروس مصغرة للتطبيق على لغة JavaScript
- درس#01 عمل Function لتحويل أول حرف من كل كلمة ل Capital Letter
- درس#02 شرح حساب عدد الأحرف داخل Textarea بواسطة Oninput
- درس#03 شرح إخفاء ال Placeholder عند الوقوف على حقل الإدخال
- درس#04 شرح كيفة عمل تأثير الآلة الكاتبة على النصوص Typewriter
- درس#05 شرح عمل زر إظهار كلمة المرور بتغيير نوع حقل ال Password
- درس#06 شرح عمل زر الذهاب للأعلى Scroll To Top بسهولة
- درس#07 شرح عمل Class عشوائي على ال Body كل مرة تفتح الصفحة
- درس#08 شرح مشاهدة النصوص حية أثناء تعديلها في حقول الإدخال
- درس#09 شرح كيفية إلغاء زر الفارة الأيمن من الصفحة وبعض المعلومات
- درس#10 شرح كيفية عمل ساعة دايناميكية بسهولة
- درس#11 شرح كيفية حساب عدد الأحرف داخل ال Textarea مثل تويتر
- درس#12 شرح كيفية إظهار صورة عشوائية كل عدد ثواني معين
- درس#13 شرح الكشف عن String معين داخل ال Url Hash
- درس#14 شرح عمل دالة للتحويل لصفحة أخرى Redirect Function
- درس#15 شرح كيفية تكوين Serial Number عشوائي مع الأمثلة
- درس#16 شرح إخفاء Placeholder وإظهاره عند عمل Focus على Input
- درس#17 شرح كيفية عمل عداد تنازلي للثواني و حساب الدقائق اوتوماتيكيا
- درس#18 مقدمة عن ال Playlist والمعلومات التي تود معرفتها قبل البدا في التطبيق
-
تطبيقات كبيرة للتطبيق على لغة JavaScript
- درس #01 – عمل البنية الخاصة بالفكرة وتنسيقها بال Css
- عمل Slider – درس #02 – تجميع وإعداد البيانات الأساسية ووضع المتغيرات
- عمل Slider – درس #03 – عمل ال Pagination بواسطة ال JavaScript
- عمل Slider – درس #04 – عمل الدالة التي تفحص كل شيء Checker الجزء الأول
- عمل Slider – درس #05 – عمل الدالة التي تفحص كل شيء Checker الجزء الثاني
- عمل Slider – درس #06 – تشغيل زر التالي والسابق والأرقام
-
تعلم إستخدام مكتبة jQuery
- درس #01 مقدمة عن مكتبة الجيكويرى و كل ما يخصها قبل البدأ في تعلمها
- درس #02 بنية الكود و التعريف بها و كيفية استخدام مكتبة الجيكويرى
- درس #03 شرح الأحداث Events و كيفية التعامل معها + أمثلة لكل حدث
- درس#04 تعلم المؤثرات و كل ما يخصها و كيف يتم استخدامها
- درس#05 شرح fadeIn() fadeOut()
- درس #06 شرح كيفية عمل تاثير الانزلاق Slide
- درس #07 شرح تحريك العناصر بواسطة Animate
- درس #08 شرح تأثير ال Stop الذي يقوم بإيقاف الأنيميشن مع أمثلة على التأثيرات
- درس #09 شرح كيفية ربط جميع المؤثرات ببعض في كود واحد و عمل سلسلة من المؤثرات بدون كتابة كل تأثير منفردا
- درس #10 شرح جلب محتويات العناصر و إعادة تعيينها بواسطة ال jQuery
- درس #11 شرح اضافة عنصر للصفحة و كل ما يخص عناصر الاضافة append() prepend()
- درس#12 شرح كيفية ازالة عنصر من الصفحة و شرح كامل للخواص التالية remove() empty()
- درس#13 شرح كيفية إضافة كلاس و حذف كلاس و التبديل بينهم كاملا و شرح كيفية التعامل مع الكلاسات addClass() removeClass()
- درس #14 شرح كيفية الحصول على خواص ال Css للعنصر و كيفية تغييرها بال jQuery
- درس #15 شرح كل ما يخص الابعاد بالجيكويري width() innerWidth()
- درس#16 شرح الانتقال بين العناصر داخل الصفحة و شرح الخواص التالية بالتفصيل parent() parents()
- درس#17 شرح الانتقال بين العناصر و شرح الخواص التالية children() find()
- درس#18 شرح كل خواص الانتقال التالية siblings() next()
- درس#19 شرح الخواص الخاصة بالانتقال بين العناصر first() last()
- درس#20 شرح الجزء الأول من مرجع العناصر كاملة Selectors Part 1
- درس#21 شرح الجزء الثاني من مرجع العناصر كاملة Selectors Part 2
- درس#22 شرح الجزء الثالث من مرجع العناصر كاملة Selectors Part 3
- درس#23 شرح الجزء الرابع من مرجع العناصر كاملة Selectors Part 4 :header :animated
- درس#24 مرجع العناصر كاملة Selectors Part 5 [attribute] element[attribute]
- درس #25 جميع انواع حقول الادخال Input Fields و منها :input :text
- درس#26 شرح كل ما يخص طريقة ال Bind()
- درس#27 شرح كل ما يخص خاصية Live()
- درس#28 شرح كل ما يخص خاصية Delegate()
- درس#29 شرح كل ما يخص خاصية On() و هي المستخدمة الآن بدل الخواص القديمة
- درس#30 شرح خاصية PreventDefault كاملة مع IsDefaultPrevented
- درس#31 شرح كل خواص الضغط على الأزرار keyup() keydown()
- درس#32 شرح كل ما يخص خاصية Change و الفرق بينها و بين Keyup
- درس#33 شرح كل ما يخص خواص Focus و Blur و طرق استخدامهم
- درس#34 شرح الحدث One بالتفصيل و الفرق بينه و بين On On Events Vs One Events
- درس#35 شرح الحدث Select مع بعض الأمثلة له
- درس#36 شرح الحدث Resize مع بعض الأمثلة له
- درس#37 شرح الحدث Scroll مع بعض الأمثلة له
- درس#38 شرح الحدث PageX, PageY و كيفية التعامل معهم و أمثلة عليهم
- درس#39 شرح الحدث Submit و كيف يستخدم مع مثال عليه
- درس#40 شرح خاصية Delay في المؤثرات مع مثال حي عليها
- درس#41 شرح خاصية Clone و استنساخ محتوى عنصر كاملا مع امثلة
- درس#42 شرح خاصية Detach و فصل عنصر عن المحتوى و الفرق بينها و بين خاصية Remove مع امثلة
- درس#43 شرح خاصية Has Class و فحص اذا كان العنصر يحتوى على كلاس معين مع امثلة
- درس#44 شرح خاصية Offset و معرفة احداثيات العنصر في الصفحة مع امثلة
- درس#45 شرح خاصية Position و معرفة احداثيات العنصر بناء على الاب و الفرق بينها و بين ال Offset
- درس#46 شرح خاصية Prop و الفرق بينها و بين ال Attr و كيفية التعامل مع خواص العناصر
- درس#47 شرح خاصية ReplaceWith و طريقة استبدال العناصر بعناصر اخرى مع امثلة
- درس#48 شرح خاصية Scrolltop و معرفة حجم السكرول الخاص بالعنصر و دمج الخاصية مع ال Offset
- درس#49 شرح خاصية Wrap ووضع عناصر حول العنصر المطلوب مع امثلة
- درس#50 شرح خاصية Each و كيفية عمل فحص لكل عنصر و تطبيق ال Function عليه
- درس#51 شرح خاصية Has و معرفة اذا كان العنصر يحتوي على عنصر معين او كلاس معين
- درس#52 شرح خاصية Is و معرفة اذا كان العنصر نوع معين او كلاس معين
- درس#53 شرح خاصية End و معرفة كيفية اغلاق ال Chain و ارجاع العنصر للبدايه مع امثلة
-
أمثلة وتطبيقات على مكتبة jQuery
- درس 001# – مقدمة عن الكورس وماذا تريد قبل البدأ
- درس 002# – كيفية عمل Scroll لأي عنصر في الصفحة
- درس 003# – كيفية حساب ال Padding الخاص بال Body لعمل بعض الافكار
- درس 004# – كيفية إضافة Active Class بجميع الطرق للعنصر
- درس 005# – كيفية عمل تزامن للروابط مع أقسام الموقع الجزء الأول
- درس 006# – كيفية عمل تزامن للروابط مع أقسام الموقع الجزء الثاني
- درس 007# – كيفية عمل زر الصعود للأعلى الجزء الأول
- درس 008# – كيفية عمل زر الصعود للأعلى الجزء الثاني
- درس 009# – كيفية عمل Popup بخيارات عديدة الجزء الأول
- درس 010# – كيفية عمل Popup بخيارات عديدة الجزء الثاني
- درس 011# – كيفية عمل Popup بخيارات عديدة الجزء الثالث
- درس 012# – كيفية عمل تأثيرات على الأزرار والعناصر الجزء الأول
- درس 013# – كيفية عمل تأثيرات على الأزرار الجزء الثاني
- درس 014# – كيفية عمل تأثيرات على الأزرار الجزء الثالث
- درس 015# – كيفية عمل تأثيرات على الأزرار الجزء الرابع
- درس 016# – كيفية عمل Progress Bar متحرك الجزء الأول
- درس 017# – كيفية عمل Progress Bar متحرك الجزء الثاني
- درس 018# – كيفية عمل Fixed Menu بكل الطرق الجزء الأول
- درس 019# – كيفية عمل Fixed Menu بكل الطرق الجزء الثاني
- درس 020# – كيفية تغيير ألوان الموقع بأكثر من طريقة
- درس 021# – كيفية عمل معرض صور متحرك بمصغرات الجزء الأول
- درس 022# – كيفية عمل معرض صور متحرك بمصغرات الجزء الثاني
- درس 023# – كيفية عمل معرض صور متحرك بمصغرات الجزء الثالث
- درس 024# – كيفية عمل معرض صور متحرك بمصغرات الجزء الرابع
- درس 025# – كيفية إظهار وصف المنتج وإخفاءه
- درس 026# – كيفية التبديل بين طريقة العرض List و Grid الجزء الأول
- درس 027# – كيفية التبديل بين طريقة العرض List و Grid الجزء الثاني
- درس 028# – شرح كيفية عمل رسائل الخطأ والتحكم بها
- درس 029# – شرح كيفية إخفاء ال Placeholder عند عمل Focus على الحقل
- درس 030# – شرح كيفية إظهار رسالة خطأ بجانب الحقول الفارغة في النموذج
- درس 031# – شرح كيفية إضافة النجمة Asterisk بجانب الحقول المطلوبة
- درس 032# – شرح كيفية تغيير شكل حقل إدخال الملفات Input File الجزء الأول
- درس 033# – شرح كيفية تغيير شكل حقل إدخال الملفات Input File الجزء الثاني
- درس 034# – شرح كيفية معرفة ال Unique Code لكل Key في لوحة المفاتيح
- درس 035# – شرح كيفية تغيير إتجاه ال Input بناء على اللغة الجزء الأول
- درس 036# – شرح كيفية تغيير إتجاه ال Input بناء على اللغة الجزء الثاني
- درس 037# – شرح كيفية تحويل قيمة حقل الإدخال ل Tags الجزء الأول
- درس 038# – شرح كيفية تحويل قيمة حقل الإدخال ل Tags الجزء الثاني
- درس 039# – شرح عمل Function لقطع جزء معين من النصوص
- درس 040# – شرح عمل تأثير Bounce الجزء الأول
- درس 041# – شرح عمل تأثير Bounce الجزء الثاني
- درس 042# – شرح كيفية جعل العناصر كلها بطول واحد
- درس 043# – شرح كيفية عمل كروت مبعثرة Shuffle Cards
- درس 044# – شرح كيفية عمل تحذير متحرك Blink Warning
- درس 045# – شرح كيفية عمل قائمة المهام To Do List الجزء الأول
- درس 046# – شرح كيفية عمل قائمة المهام To Do List الجزء الثاني
- درس 047# – شرح كيفية عمل تأثير الآلة الكاتبة Typewriter Effects
- درس 048# – شرح كيفية حساب مجموع الارقام داخل العناصر
- درس 049# – شرح كيفية تغيير محتوى العناصر بطريقة دايناميكية
- درس 050# – شرح عمل Dynamic Tabs مربوطة بالمحتوى الجزء الأول
- درس 051# – شرح عمل Dynamic Tabs مربوطة بالمحتوى الجزء الثاني
- درس 052# – شرح عمل صندوق إستنتاج البريد الإلكتروني الجزء الأول
- درس 053# – شرح عمل صندوق إستنتاج البريد الإلكتروني الجزء الثاني
-
دروس عملية منوعة في مكتبة jQuery
- استخدام ال Extend.$ لفحص العناصر الأكبر من حجم معين
- استخدام ال Extend.$ لفحص العناصر التي تحتوى على نص بلون معين
- شرح عمل Plugin خاص بك التطبيق الأول Plugin يقوم بتلوين العناصر
- شرح عمل Plugin خاص بك التطبيق الثاني Plugin يقوم بتوسيط العناصر
- شرح كيفية حساب الحروف والارقام المتبقية في ال Textarea اثناء الكتابة
- شرح كيفية تحويل حقل ال Password لحقل نصي Text
- شرح كيفة عمل عداد تنازلي بسيط جدا بخاصية SetInterval
- شرح كيفية عمل Animation لا ينتهي بالجيكويري
- شرح انشاء الخيارات والارقام تلقائيا داخل مربع الاختيار Select Box
- شرح كيفية عمل زر الذهاب للأعلى بالتفصيل الممل و بدون Plugins
- شرح كيفية عمل سلايدر طولي مثل طريقة عمل الاكورديون
- شرح كيفية التبديل بين استايلات الموقع بسهولة وبكود بسيط جدا
- شرح كيفية عمل Tabs بطريقة سهلة بسيطة وبأقل الأكواد بال jQuery
- شرح كيفية تلوين العناصر أو الموقع كاملا بإختيار اللون من قائمة الالوان
- شرح كيفية عمل Accordion احترافي بال jQuery بخطوات بسيطة
