مطور الواجهة الأمامية: مواقع الويب على HTML/CSS/JavaScript - دورة 18000 روبل. من مدرسة كودي للبرمجة للأطفال، التدريب 3 وحدات (أشهر)
Miscellanea / / December 03, 2023
العمر: 11-14 سنة
المستوى: للمبتدئين.
المدة: من 3 وحدات (أشهر)، من 24 ساعة*.
التنسيق: دروس فردية وجماعية، دون اتصال بالإنترنت وعبر الإنترنت (في الوقت الفعلي).
عدد الأطفال: من 1 إلى 8.
سعر:
من 750 فرك/ساعة في مجموعة عبر الإنترنت،
من 850 فرك/ساعة في مجموعة غير متصلة بالإنترنت،
من 1050 فرك/ساعة بشكل فردي عبر الإنترنت،
من 1980 فرك/ساعة بشكل فردي دون اتصال بالإنترنت.
في العالم الحديث، تسعى أي شركة جادة إلى الحصول على موقع الويب الخاص بها، لأنه نوع من "بطاقة العمل" على الإنترنت، والتي بدونها تبدو ممارسة الأعمال التجارية قديمة بالفعل وتافهة و ميئوس منه.
في السنوات الأخيرة، ارتفعت مهنة مشرف الموقع إلى أعلى تصنيف المهن الأكثر جاذبية وطلبا في مجال تكنولوجيا المعلومات. في هذا الصدد، يوجد حاليًا المزيد والمزيد من الأشخاص المستعدين للخضوع للتدريب على إنشاء مواقع الويب خدش وإتقان هذا التخصص المرموق من أجل الحصول على مستقر ولائق الأرباح. تقترح مدرسة البرمجة الخاصة بنا CODDY عدم تأخير وتسجيل طفلك في دورة "مطور الواجهة الأمامية: مواقع الويب على HTML/CSS/JavaScript" الآن! الغرض من هذه الدورة هو تعليم الأطفال كيفية إنشاء مواقع الويب الحديثة وتعريفهم بأساسيات مهنة مطور الواجهات.
ما هو مشرف الموقع وكيف تصبح مشرف موقع؟
إدارة المواقع هي مجموعة من الأنشطة لتطوير وإنشاء وتحسين وترويج مواقع الويب. كل ما يرتبط بطريقة أو بأخرى بإنتاج وصيانة المواقع. هذا علم كامل يتطلب مهارات ومعرفة معينة في العديد من المجالات، مثل برمجة الويب والتصميم وكتابة الإعلانات وتحسين محركات البحث وغيرها.
على شبكة الإنترنت الحديثة، يمكن لأي شخص إنشاء موقع على شبكة الإنترنت الخاصة به. ولكن كقاعدة عامة، فإن جودة مشاريع الويب تترك الكثير مما هو مرغوب فيه. لكي يكون موقع الويب قادرًا على المنافسة، يجب عليك التعامل مع المشكلة بكفاءة وإشراك المتخصصين في العمل. باستخدام لغة برمجة، يقوم المبرمج بإنشاء صفحات موقع الويب ودمجها في كائن واحد، وبعد ذلك يقوم بتخطيطها للعرض الصحيح في المتصفحات. وينبغي إيلاء اهتمام خاص لواجهة الموقع المستقبلي، مما يضمن تشغيله وأمانه بشكل صحيح. لذلك، يقوم مشرف الموقع المحترف بكل ما سبق بنفسه! هذا هو المبرمج، ومصمم الويب، ومصمم التخطيط، والمسؤول والمشرف، وأحيانًا مؤلف إعلانات تحسين محركات البحث (SEO) في شخص واحد.
ما هي المعرفة والتقنيات التي تحتاج إلى إتقانها لتصبح مشرف موقع؟
قبل أن تصبح مشرف موقع، تحتاج إلى التعرف على العديد من التقنيات والبرامج والأنظمة ودراستها. فيما يلي الخطوات الرئيسية التي ستضع الأساس لمهنتك المستقبلية:
1. تعلم HTML - لغة ترميز النصوص التشعبية.
بمجرد أن تبدأ في تعلم HTML، ستفهم بنية مستند الويب وستتعلم كيفية إنشاء مواقع ويب بسيطة.
2. تعلم CSS - لغة نمط عرض صفحة الويب. بفضل إدخال أنماط CSS في المستند، يكتسب الموقع نكهته الخاصة ومظهره الفريد. يمكنك ضبط اللون والحجم والخلفية وغير ذلك الكثير على صفحة الويب.
3. مقدمة إلى نظام إدارة المحتوى (CMS). – نظام إدارة المحتوى أو “المحرك” الخاص بالموقع.
4. إتقان أدوبي فوتوشوب – محرر رسومي مع عدد لا يصدق من الاحتمالات. يستخدمه العديد من المتخصصين لرسم التصميمات وإنشاء تخطيطاتهم الأصلية وعالية الجودة.
5. الإلمام بأساسيات لغات البرمجة. تستخدم الغالبية العظمى من مواقع الويب PHP وJavaScript. تعتمد سرعة الموقع وأمانه وقابلية التوسع والدعم المقدم من مطوري الطرف الثالث على جودة النصوص المكتوبة. بمعنى آخر، يجب أن تكون قادرًا على كتابة كود الجودة.
6. العمل مع قواعد البيانات.
والأهم من ذلك، يجب على مشرف الموقع إنشاء مواقع أصلية. مع ظهور الحلول الجاهزة لجميع أنظمة إدارة المحتوى (CMS) الشائعة، أصبح الطلب على موقع ويب ذو تصميم أصلي غير قالب أكثر من أي وقت مضى. لا يستطيع مشرف الموقع المحترف العمل مع مجموعة من البرامج الجاهزة فحسب، بل يمكنه أيضًا كتابة هذه البرامج الجاهزة. للوصول إلى هذا المستوى، سيكون عليك العمل بجد. وستساعد دورتنا التدريبية "مطور الواجهة الأمامية: مواقع الويب على HTML/CSS/JavaScript" طفلك على اتخاذ الخطوات الواثقة الأولى في هذه المهمة الصعبة. وبتوجيه من ممارسي التدريس ذوي الخبرة، سوف يتعلم كيفية إنشاء مواقع ويب إعلامية تتميز بالتصميم الجرافيكي الأصلي.
سيتم خلال العملية التعليمية دراسة المواضيع التالية:
1. أساسيات لغة ترميز النص التشعبي (HTML) وأوراق الأنماط المتتالية (CSS)
2. تخطيط المواقع الحديثة
3. دراسة متعمقة لميزات تصميم صفحة الويب
4. أساسيات العمل مع Adobe Photoshop والعمل مع تخطيطات تصميم مواقع الويب
في المرحلة الأولية سوف نتعرف على أساسيات مهنة مطور واجهة الويب وندرس القواعد بناء هيكل ومنطق مواقع الويب، واكتساب مهارات البرمجة العملية واجهات الويب. سيتعلم كل طالب أساسيات كتابة أكواد HTML وCSS.
عند الانتهاء من هذا الموضوع، سيقوم طفلك بإنشاء موقع الويب الحديث الخاص به.
تتضمن الوحدة الثانية دراسة متعمقة لأدوات برمجة واجهة الويب. في هذه الوحدة سنواصل تقديمنا لـ HTML وCSS. سوف يتعرف الطلاب على خوارزمية وبنية إنشاء مواقع الويب الحديثة عمليًا، وإنشاء معرض صور تفاعلي بشكل مستقل ونشر مشروعهم على الإنترنت.
خلال الوحدة الثالثة، سنواصل التعرف على مهنة مطور الويب، ونكتسب مهارات عملية في العمل مع Adobe Photoshop ودراسة أدوات تصميم الويب الحديثة. في مرحلة إنشاء تصميم موقع ويب، سيكتسب الطالب المهارات الأساسية في العمل في محرر الرسومات. سنقوم بتحليل خيارات تصميم مواقع الويب المختلفة، ومناقشة مزايا وعيوب كل منها، ومعرفة كيف يمكن تحسين التصميم.
في نهاية الدورة، سنقوم أنا وطلابي بإنشاء موقع ويب باستخدام تخطيط تصميم جاهز باستخدام أحدث أدوات برمجة الويب ونشر نتيجة عملنا على الإنترنت.
11
الدوراتمدرس الدورة:
"Minecraft: مقدمة إلى الذكاء الاصطناعي"، "Unity 3D"، "مطور الواجهة الأمامية: مواقع HTML/CSS/JavaScript"، "الرسم بأسلوب الأنيمي"، "البرمجة للصغار"، "برمجة ماين كرافت"، "التفكير التصميمي"، "الروبوتات في بايثون"، "التصميم الجرافيكي بالفوتوشوب"، "مدونة الفيديو"
تعليم:
العديد من الدورات التدريبية لتحسين مهارات تكنولوجيا المعلومات في الشركات العالمية (Chatbot Hackathons، النماذج الأولية في مجال الذكاء الاصطناعي، هندسة تكنولوجيا المعلومات، وغيرها). جامعة هايلبرون، هايلبرون، ألمانيا (ماجستير في إدارة الأعمال). الجامعة الاقتصادية الحكومية البيلاروسية، مينسك، بيلاروسيا (ماجستير في إدارة الأعمال).
خبرة:
وهو يعمل في مجال استشارات العملاء للأنظمة القانونية وأنظمة حلول التدقيق وأتمتة العمليات، ويعمل في مجال تكنولوجيا المعلومات المبتكر وبدء التشغيل في ألمانيا في شركة دولية.
الإهتمامات:
تطوير شخصي، شغف بمشاركة المعرفة، متواصل شبكي، منفتح للعالم، مصمم حياة، ناشط رياضي.
"اليوم العالم كله مترابط: الناس والبلدان والاقتصادات والتكنولوجيات، وما إلى ذلك. البرمجة هي الكفاءة الرئيسية للمستقبل. فهو يساعدك على فهم عالم المستقبل بشكل أفضل، وتشكيله بشكل فعال، وتكون عضوًا مبتكرًا في مجتمع مثير بلا حدود. إن القدرة على البرمجة تفتح أبوابًا لا نهاية لها للمستقبل لأطفالنا في هذا العالم وتجعلهم سفراء للتكنولوجيات الجديدة.
9
الدوراتمدرس الدورة:
"Minecraft: مقدمة إلى الذكاء الاصطناعي"، "Unity 3D"، "مطور الواجهة الأمامية: مواقع HTML/CSS/JavaScript"، "الرسم بأسلوب الأنيمي"، "البرمجة للصغار"، "برمجة ماين كرافت"، "التفكير التصميمي"، "الروبوتات في بايثون"، "التصميم الجرافيكي بالفوتوشوب"، "مدونات الفيديو"
تعليم:
العديد من الدورات التدريبية لتحسين مهارات تكنولوجيا المعلومات في الشركات العالمية (SAP، أتمتة العمليات، التجارة الإلكترونية). جامعة FOM في شتوتغارت، شتوتغارت، ألمانيا (ماجستير في إدارة الأعمال) جامعة كاراجندا التقنية الحكومية، كاراجاندا، كازاخستان.
خبرة:
مؤسس متجر كهربائي ناجح عبر الإنترنت في ألمانيا، يعمل في مجال استشارات العملاء مجال أتمتة عمليات البيع، ويعمل في مجال مبيعات تكنولوجيا المعلومات في ألمانيا على المستوى الدولي شركات.
الإهتمامات:
السفر، صيد الأسماك، الرياضة، الشطرنج.
I. قال جوته: "لا يمكنك أن تتعلم إلا ما تحبه"
الوحدة الأولى
اليوم الأول
أساسيات تخطيط صفحة الويب
- هيكل مستند HTML
- أول صفحة ويب تستخدم لغة ترميز HTML
- تقديم محرر Sublime Text 3
نتيجة الدرس: أنشأ أول صفحة ويب، وتعلم الطرق الأساسية لترميز النص باستخدام العلامات.
المهمة العملية: إنشاء صفحة ويب باستخدام لغة ترميز Html.
ثاني يوم
عنصر Div وسمات العلامة
- العمل مع مفتش الويب
- إنشاء موقع متعدد الصفحات
- تعلم عناصر وسمات العلامة الجديدة
نتيجة الدرس: تعلمت كيفية إضافة الروابط والصور إلى الموقع، وإضافة السمات إلى العلامات
المهمة العملية: إنشاء أول موقع ويب متعدد الصفحات لك.
اليوم الثالث
اوراق النمط المتعاقب
- مقدمة إلى أوراق الأنماط المتتالية
- تصميم عناصر HTML
- باستخدام محددات
- التثبيت والعمل مع البرنامج المساعد Emmet وإضافة نص لوريم
نتيجة الدرس: تعلمت كيفية تغيير لون الخلفية ولون النص لعناصر HTML، واستخدام نوعين من المحددات، وإنشاء نص لوريم باستخدام البرنامج المساعد Emmet
المهمة العملية: تغيير مظهر الصفحة باستخدام خصائص CSS.
اليوم الرابع
إنشاء موقع جاكوار
- إنشاء موقع ويب جاكوار متعدد الصفحات
- إنشاء هيكل ملف المشروع
- العمل مع الحشو والحشو للعناصر
نتيجة الدرس: تعلمت العمل مع ملف CSS خارجي، وأصبحت على دراية بالحشو الخارجي والداخلي للعناصر.
المهمة العملية: إنشاء موقع ويب جاكوار متعدد الصفحات.
الوحدة الثانية
اليوم الأول
نموذج الصندوق في CSS
- نموذج الصندوق في CSS
- إنشاء كتل ذات شكل غير عادي
- العمل باستخدام خاصية تغيير حجم الصندوق لتغيير كيفية حساب عرض العنصر وارتفاعه
نتيجة الدرس: تعلمت كيفية إنشاء كتل ذات أشكال غير عادية، واستخدام خاصية تغيير حجم المربع مع قيمة مربع الحدود لحساب عرض العنصر بشكل صحيح، وتعيين أحجام العناصر في وحدات قياس مختلفة
المهمة العملية: إنشاء بطاقات تحتوي على نص باستخدام قيم مختلفة لخصائص حجم الصندوق.
ثاني يوم
المعالجة المتقدمة للنصوص في CSS
- أنواع مختلفة من الخطوط
- اختيار الخطوط للمواقع
- إنشاء أنماط جديدة تسمح لك بتخصيص عرض النص على مستوى متقدم
نتيجة الدرس: إنشاء صفحة باستخدام أنواع مختلفة من الخطوط، وتحسين مظهر النص وسهولة قراءته باستخدام الخصائص التي تم تمريرها.
المهمة العملية: إنشاء صفحة باستخدام أنواع الخطوط الأساسية.
اليوم الثالث
تحديد موضع العناصر في CSS
- العمل مع الخاصية العائمة
- أنواع وضع العناصر على الصفحة
- خاصية الموقف
نتيجة الدرس: تعلمت كيفية العمل مع خصائص التعويم والموضع، وإنشاء التفاف النص حول الصور
المهمة العملية: إنشاء صفحة ويب ووضع العناصر عليها باستخدام خصائص التعويم والموضع
اليوم الرابع
إنشاء صفحة مدونة
- إنشاء صفحة مدونة
- خصائص تحديد موضع العناصر لوضع القوائم والمشاركات على الصفحة
- العلامات الدلالية
نتيجة الدرس: تعلمت كيفية العمل مع العلامات الدلالية باستخدام خصائص تحديد المواقع، ووضع المكونات الرئيسية للمدونة على الصفحة
المهمة العملية: إنشاء صفحة مدونة باستخدام العلامات الدلالية
الوحدة الثالثة
اليوم الأول
الطبقات الزائفة والعمل مع الصور في CSS
- استخدام صور الخلفية على صفحة ويب
- تحوم الفئات الزائفة ونشطة وتتم زيارتها
- تغيير نمط عنصر واحد عند تفعيل فئة زائفة على عنصر آخر
- إنشاء أنماط الخلفية
نتيجة الدرس: تعلمت كيفية العمل مع صور الخلفية، ودرست خصائص العمل مع الصور
المهمة العملية: إضافة تغييرات خارجية إلى العناصر عند المرور فوقها باستخدام مؤشر الماوس.
ثاني يوم
FlexBox في CSS
- العمل مع تخطيط الصندوق المرن CSS
- خصائص محاذاة العناصر في حاوية Flex
- لعبة تعليمية الضفدع المرن
نتيجة الدرس: تعلمت كيفية العمل باستخدام تقنية Flex لإنشاء تخطيطات مرنة، وأكملت لعبة flex-frog لدمج المواد المغطاة
المهمة العملية: أكمل لعبة الضفدع المرن لدمج المواد المغطاة
اليوم الثالث
تطوير الموقع الإلكتروني لمتجر الأحذية الرياضية. الجزء 1
- إنشاء هيكل الموقع مع النماذج
- الاتصال بموقع الخطوط
- خصائص رأس الموقع وعناصره الفرعية
- وظائف لإنشاء خلفية صفحة متدرجة
نتيجة الدرس: إنشاء بنية موقع مع النماذج، وربط الخط بالموقع.
المهمة العملية: تحديد وتنزيل الصور مع النماذج، وإضافة ظل إلى رأس الموقع
اليوم الرابع
تطوير الموقع الإلكتروني لمتجر الأحذية الرياضية. الجزء 2
- استكمال العمل في الموقع
- إنشاء كتلة بالبطاقات
- تغيير سلوك العناصر عند المرور فوقها
- تقنية FlexBox لتحديد موضع البطاقة
نتيجة الدرس: إنشاء موقع على شبكة الإنترنت مع بطاقات نموذجية
المهمة العملية: إضافة معرض باستخدام تقنية FlexBo
الوحدة الرابعة
اليوم الأول
تخطيط الشبكة في CSS
- مقدمة لنظام الشبكة
- إنشاء صفحة باستخدام الشبكة
- خصائص العمل المتقدم مع خلايا الشبكة
نتيجة الدرس: درس نظام التخطيط ثنائي الأبعاد (CSS Grid Layout)، وتعلم كيفية وضع خلايا الشبكة على الصفحة.
المهمة العملية: أكمل لعبة الحديقة الشبكية لدمج المواد المغطاة.
ثاني يوم
العناصر الزائفة بعد وقبل
- العناصر الزائفة قبل وبعد
- دمج الصورة مع النص في الداخل
- العناصر التي تحتوي على عناصر زائفة بالحرف الأول والخط الأول
نتيجة الدرس: تعلمت العمل مع العناصر الزائفة قبل وبعد الحرف الأول والسطر الأول، ودمج العناصر الزائفة ذات الخصائص المختلفة لإنشاء كتل جميلة
المهمة العملية: إنشاء عنصر باستخدام العناصر الزائفة بعد وقبل.
اليوم الثالث
الرسوم المتحركة والتحولات في CSS
- تحويلات CSS
- تطبيق التحولات على عناصر HTML
- إنشاء كتل متحركة في CSS
- تطبيق وظائف التوقيت على الإطارات الرئيسية
نتيجة الدرس: تعلمت كيفية العمل مع التحولات في CSS، وإنشاء رسوم متحركة لا نهاية لها في CSS.
المهمة العملية: أنشئ زرًا وأضف التحويلات إليه عند التمرير.
اليوم الرابع
تدرب على إنشاء الرسوم المتحركة في CSS
- تطبيق الرسوم المتحركة والتحول في الممارسة العملية
- إنشاء نظام مداري متحرك للكواكب في نظامنا الشمسي
نتيجة الدرس: إنشاء صفحة توضح حركة الكواكب في النظام الشمسي وخلفية متحركة.
المهمة العملية: إنشاء نظام مداري متحرك للكواكب في نظامنا الشمسي.
الوحدة الخامسة
اليوم الأول
إنشاء متجر على الانترنت
- ما هو المتجر الالكتروني؟
- إنشاء هيكل المشروع
- إعداد مشروع
نتيجة الدرس: بدأت في إنشاء متجر على الإنترنت.
المهمة العملية: تحديد الرموز لاستخدامها على الموقع.
ثاني يوم
إنشاء رأس متجر على الإنترنت
- المتغيرات في CSS وكيفية استخدامها
- ربط الخطوط بورقة أنماط خارجية باستخدام وظيفة url
- رأس المتجر على الإنترنت، تصميمه
- إضافة وظائف قائمة إضافية باستخدام لغة برمجة JavaScript
نتيجة الدرس: تم تكوين المتغيرات العامة في المشروع، وإنشاء رأس متعدد الوظائف بقائمة، وتوصيل ملف Javascript لإضافة وظائف قائمة إضافية.
المهمة العملية: إضافة تغيير خلفية رأس الموقع عند التمرير بالصفحة
اليوم الثالث
إنشاء الشاشة الأولى مع المنتج الرئيسي
- هيكل HTML لكتلة العرض التقديمي
- نظام الشبكة للعرض الصحيح للعناصر
- قيم خصائص CSS باستخدام المتغيرات
- عناصر التصميم
نتيجة الدرس: قام بإنشاء جزء العرض التقديمي من المتجر عبر الإنترنت
المهمة العملية: إنشاء جزء عرض تقديمي لمتجر عبر الإنترنت
اليوم الرابع
إنشاء كتلة مع المنتجات الشعبية
- ترميز HTML لكتلة تحتوي على المنتجات
- التصميم لبطاقات المنتج
- شبكة شبكية لتحديد موضع البطاقة
- أسلوب كتلة مع تاريخ الشركة
نتيجة الدرس: أنشأ كتلة تحتوي على المنتجات الشهيرة وتاريخ الشركة
المهمة العملية: إضافة حشوة خارجية وداخلية إلى العناصر الموجودة في الكتلة مع تاريخ الشركة
الوحدة السادسة
اليوم الأول
إنشاء شريط تمرير مع مراجعات العملاء.
- كتلة المراجعة
- طرق إنشاء حاويات قابلة للتمرير في CSS
- سلوك التمرير وخصائص نوع التمرير المفاجئ
- نقاط ربط المنزلق
نتيجة الدرس: أنشأنا شريط تمرير يحتوي على مراجعات العملاء باستخدام HTML وCSS.
المهمة العملية: أضف نقاط ربط إلى الأقسام الرئيسية للموقع وقم بإنشاء تمرير تلقائي لهذه الكتل عند النقر فوق الزر.
ثاني يوم
العمل مع النماذج ومحتوى الفيديو.
- علامات HTML5 لإدراج محتوى الفيديو في موقع الويب
- تصميم قسم بمقطع فيديو بملء الشاشة
- علامة حقل الإدخال - وخصائصها
- علامة لإنشاء النماذج في HTML
- تصميم عنصر إدخال النص
نتيجة الدرس: أنشأنا قسمًا يحتوي على فيديو وكتلة تحتوي على نموذج تعليقات
المهمة العملية: إنشاء نموذج ملاحظات، وتصميم العناصر
اليوم الثالث
إنشاء صفحة معرض منفصلة
- شبكة شبكة مخصصة لصفحة المعرض
- إضافة كتل مع الصور إلى الشبكة
- العناصر الزائفة والرسوم المتحركة المختلفة للكتل مع الصور
- مرشحات CSS لتحسين التصميم المرئي للمعرض
نتيجة الدرس: إنشاء صفحة منفصلة مع معرض للصور
المهمة العملية: استخدام أنواع مختلفة من المواقع لإنشاء خلفية شفافة غير عادية.
اليوم الرابع
تكييف المحتوى لجميع أنواع الأجهزة.
- طرق لتكييف المحتوى مع الأجهزة المحمولة
- استعلامات الوسائط لتطبيق خصائص مختلفة على نفس العنصر على الأجهزة ذات العروض المختلفة
- قواعد CSS لثلاثة أنواع من الأجهزة
نتيجة الدرس: قمنا بتكييف الموقع للأجهزة اللوحية والهواتف.
المهمة العملية: باستخدام استعلامات الوسائط، قم بتغيير قيم خصائص عناصر HTML لتكييف المحتوى مع جميع أنواع الأجهزة
الوحدة السابعة
اليوم الأول
مقدمة إلى إطار عمل Tailwind SS.
- ما هي الأطر وكيف تعمل على تسريع عملية تطوير المشروع؟
- تثبيت إطار عمل Tailwind CSS والمكونات الإضافية
- مفاهيم إطار عمل Tailwind CSS
- العمل مع الطباعة والألوان في Tailwind CSS
نتيجة الدرس: إنشاء أول صفحة ويب باستخدام إطار عمل Tailwind CSS.
المهمة العملية: إنشاء كتلة تحتوي على نص وعناصر نمط باستخدام فئات الريح الخلفية.
ثاني يوم
دروس Tailwind لإنشاء موقع ويب سريع الاستجابة
- العمل مع فئات Tailwind لإنشاء موقع ويب سريع الاستجابة
- فئات لإضافة تأثيرات التحويم والتركيز
- دروس لإضافة الظلال إلى العناصر
- دروس للعمل مع أحجام العناصر
- دروس للعمل مع الحشو الخارجي والداخلي للعناصر
نتيجة الدرس: لقد أنشأنا صفحة قابلة للتكيف لجميع أنواع الأجهزة.
المهمة العملية: إنشاء أزرار وإضافة تأثيرات عند النقر عليها باستخدام فئات Tailwind
اليوم الثالث
تخطيط Tailwind Flex.
- العمل مع تخطيط Tailwind Flex
- فئات لمحاذاة العناصر الفرعية في حاوية مرنة
- إنشاء بطاقة بسعر المنتج
- إنشاء مؤشرات التقدم
- العمل مع العناصر الزائفة في Tailwind CSS
نتيجة الدرس: إنشاء حاوية مرنة تحتوي على بطاقات المنتجات
المهمة العملية: إنشاء بطاقة مع وصف المنتج.
اليوم الرابع
نظام الشبكة في Tailwind CSS.
- خصائص طول الصف وطول العمود
- خصائص لملء المساحة الفارغة في الشبكة بالعناصر تلقائيًا
- صفحة فريق المشروع
نتيجة الدرس: إنشاء صفحة فريق مشروع قابلة للتكيف باستخدام نظام Tailwind Grid.
المهمة العملية: إضافة تأثيرات إلى عناصر الشبكة عند المرور فوقها
الوحدة الثامنة
اليوم الأول
إعداد مشروع
- إعداد مشروع موقع التطبيق "إدارة".
- إنشاء رأس موقع ويب سريع الاستجابة
- إنشاء قائمة همبرغر باستخدام جافا سكريبت
- إنشاء قسم عرض تقديمي للمنتج
نتيجة الدرس: أنشأنا الشاشة الأولى لموقع تطبيق "الإدارة".
المهمة العملية: إضافة صورة خلفية إلى الشاشة الأولى.
ثاني يوم
إنشاء قسم مع وصف التطبيق
- قسم يحتوي على وصف التطبيق ومميزاته
- تكييف الكتلة التي تم إنشاؤها لجميع أنواع الأجهزة
- القسم مع عملية التطبيق
- قم بتطبيق مرشحات Tailwind على الصورة
نتيجة الدرس: تم إنشاء قسمين للموقع “إدارة”
المهمة العملية: قم بإنشاء قسم إضافي بتاريخ إنشاء التطبيق
اليوم الثالث
إنشاء قسم عن فريق المشروع
- قسم عن الفريق
- شريط التمرير باستخدام Tailwind CSS وJavascript
- بطاقات الموظفين
نتيجة الدرس: إنشاء قسم عن فريق المشروع
المهمة العملية: إنشاء قسم باستخدام زر CTA
اليوم الرابع
إنشاء قسم مع الأسعار
- إنشاء قسم مع الأسعار
- قم بإنشاء تذييل موقع ويب سريع الاستجابة
- الانتهاء من المشروع
نتيجة الدرس: تم الانتهاء من العمل في المشروع، وإنشاء الموقع الإلكتروني لتطبيق "الإدارة".
المهمة العملية: وضع اللمسات الأخيرة على المشروع، ووضع الموقع على شبكة الإنترنت
الوحدة التاسعة
اليوم الأول
ابدأ العمل على مشروعك الخاص.
- حدد موضوع المشروع
- البدء في تطوير موقع الويب الخاص بك
نتيجة الدرس: تم اختيار الموضوع وبدأ العمل في المشروع
المهمة العملية: مشروع العمل
ثاني يوم
استمرار العمل في المشروع
- مواصلة العمل في المشروع
- إصلاح الأخطاء في المشروع
نتيجة الدرس: إنشاء صفحات الموقع
المهمة العملية: مشروع العمل
اليوم الثالث
إعداد العرض التقديمي للمشروع.
- قم بوصف مشروعك
- قم بإنشاء قالب عرض تقديمي للدفاع عن مشروعك
- الانتهاء من المشروع
- وضع الموقع على شبكة الإنترنت
نتيجة الدرس: أعد عرضًا تقديميًا وتدرب على الخطاب.
المهمة العملية: إعداد عرض تقديمي للمشروع، ووضع الموقع على الإنترنت.
اليوم الرابع
حماية المشروع.
- الانتهاء من عرض المشروع
- دافع عن مشروعك أمام الجمهور
نتيجة الدرس: أكملنا العمل في مشروع الدورة وقدمناه لأولياء الأمور.
المهمة العملية: وضع اللمسات الأخيرة على المشروع وإعداد وإجراء العرض التقديمي.