إن 7 أيام من HTML وCSS Code هي فرصة مجانية عبر الإنترنت تقدمها Alura لك لممارسة جوهر الواجهة الأمامية.

على مدار 7 أيام، ستواجه تحديًا يتمثل في تكرار تخطيط صفحة الأفلام والمسلسلات الخاصة بـ Netflix، وتطبيق كل شيء بدءًا من المفاهيم الأساسية مثل "div" و"القسم" والمضمنة للصور والقياسات في CSS، إلى التقنيات الأكثر تقدمًا مثل Flexbox وGrid.

تم تصميم هذا المشروع لمساعدتك على فهم بناء جملة كل علامة وفهم وظائفها، مما يسمح لك بالتركيز على حل المشكلات.

في النهاية، سيكون لديك محفظة أكثر قوة وGitHub محدث، يوضح تطورك. مع 7 تحديات في 7 أيام، إنها الفرصة المثالية لوضع دراستك موضع التنفيذ وتحسين مهاراتك في تطوير الواجهة الأمامية.

7 أيام من كود HTML وCSS

إن HTML وCSS "7 Days of Code" هي فرصة مجانية عبر الإنترنت تقدمها Alura لأولئك الذين يرغبون في تعميق مهاراتهم في تطوير الواجهة الأمامية.

صورة من صفحة الحدث

لمدة 7 أيام، سيتم تحديك لتكرار تصميم صفحة الأفلام والمسلسلات على Netflix، وتطبيق كل شيء بدءًا من المفاهيم الأساسية وحتى التقنيات الأكثر تقدمًا، وهو أمر ضروري لأي مطور.

تطبيق المفاهيم الأساسية

في هذا التحدي، ستستخدم المفاهيم الأساسية مثل "div" و"section" والمضمنة للصور والقياسات في CSS.

سيتم تطبيق تقنيات أكثر تقدمًا مثل Flexbox وGrid لضمان إتقان الأدوات اللازمة لإنشاء تخطيطات سريعة الاستجابة وعملية.

تم تصميم هذا المشروع لمساعدتك على تحديد بنية كل علامة وفهم وظائفها، مما يسمح لك بالتركيز على حل المشكلات الأكثر تعقيدًا.

تطوير محفظتك وGitHub

في نهاية الأيام السبعة من التدريب المكثف، لن تقوم فقط بتعزيز معرفتك في HTML وCSS، ولكن أيضًا إثراء محفظتك وتحديث GitHub الخاص بك بمشروع حقيقي ومليء بالتحديات.

هذه هي الفرصة المثالية لتطبيق دراستك وإبراز مهاراتك في سوق العمل.

المحتوى الذي تم العمل عليه في التحدي

• اليوم الأول: في اليوم الأول، سيتم تقديم تخطيط الصفحة في Figma وتحليله واستخدامه لإنشاء لافتة مميزة لصفحة Netflix، بالإضافة إلى تنظيم الهيكل الأساسي لمشروعك . سوف تعبث بموضع الصور والأزرار والمزيد.
• اليوم الثاني: هنا ستقوم بتطوير قائمة التنقل، المعروفة أيضًا باسم Navbar. في هذا القسم، سيكون لديك شعار قائمة الصفحة وأزرار البحث والإشعارات والمستخدم. معرفة Flexbox ستجعل حياتك أسهل كثيرًا!
• اليوم الثالث: من المحتمل أن يكون هذا هو التحدي الأكثر أهمية، حيث ستبدأ العمل بمسارات الأفلام والمسلسلات. ستقوم بإنشاء شريط "قائمتي"، الذي يحتوي على الأفلام المحفوظة بواسطة المستخدم لمشاهدتها لاحقًا. ستكون قادرًا على استخدام معرفتك بالشبكة.
• اليوم الرابع: في هذا اليوم سوف تقوم بتنفيذ المسار "العالي"، ولكن مع تطبيق الرسوم المتحركة عند تمرير الماوس فوق صورة أحد العناصر.
• اليوم الخامس: هنا ستستمر في اللعب بالمسارات والرسوم المتحركة. ستقوم بإنشاء تأثير شريحة، كما لو كان لديك دائرة من الأفلام/المسلسلات التي تدور عند النقر فوق أسهم التنقل.
• اليوم السادس: في النهاية تقريبًا، ستقوم بتطوير التذييل، المعروف أيضًا باسم التذييل، وستتاح لك الفرصة لاستخدام المعرفة المكتسبة في الأيام القليلة الماضية لجعله يبدو ساحرًا للغاية.
• اليوم السابع: في اليوم السابع والأخير من التحدي، ستنشر صفحتك مجانًا على الإنترنت، حتى يتمكن الآخرون من الوصول إليها وتكون بمثابة محفظة لك. سوف تغلق بازدهار!

من سيتحداك؟

ستكون فرناندا ديجولين، مطورة الواجهة الأمامية التي تعمل حاليًا في فريق التكنولوجيا في Globoplay، هي المرشدة لهذا التحدي.

تعتقد فرناندا أن الفن والتكنولوجيا لديهما القدرة على تحويل العالم، وعلى استعداد لإرشادك في التعلم والتطوير.

        Você pode gostar




                                

                        Desafio De HTML E CSS Gratuito Da Alura: Desenvolva Uma Réplica Da Netflix 





                                

                        Evento Sobre AWS Gratuito Da Rumos: Boas Práticas De Segurança Na Cloud 





                                

                        Bootcamp De Java Com Spring Boot Gratuito Da DIO   Claro 





                                

                        Cursos De Lógica De Programação E Carreiras Em Tecnologia Gratuitos Da Estácio 

HTML وCSS

تعتبر HTML (لغة ترميز النص التشعبي) وCSS (أوراق الأنماط المتتالية) أسس تطوير الويب.

بينما يكون HTML مسؤولاً عن بنية الصفحة ومحتواها، تحدد CSS مظهرها المرئي، بما في ذلك التخطيط والألوان والخطوط وجوانب التصميم الأخرى.

يعملان معًا على تمكين إنشاء صفحات ويب غنية وتفاعلية يمكن الوصول إليها من أي متصفح.

أهمية HTML

HTML هي لغة الترميز المستخدمة لتنظيم محتوى صفحة الويب. ويستخدم سلسلة من العلامات لتحديد عناصر مثل العناوين والفقرات والصور والروابط والمزيد.

بدون HTML، لن يكون من الممكن تنظيم وعرض المحتوى بطريقة منطقية ومفهومة على صفحة ويب.

كما يسمح بتضمين البيانات الوصفية وتحسين محركات البحث، وتحسين رؤية وأداء موقع الويب.

كيف يقوم CSS بتحويل صفحات الويب

بينما ينظم HTML المحتوى، يعتني CSS بالعرض التقديمي. باستخدام CSS، يمكنك تحديد الأنماط التي يتم تطبيقها بشكل متسق عبر صفحتك أو موقعك بالكامل، مما يضمن تجربة مرئية متماسكة وجذابة.

يتيح لك CSS إنشاء تخطيطات سريعة الاستجابة، والتي تتكيف مع أحجام الشاشات المختلفة، مما يجعل موقع الويب متاحًا على الأجهزة المحمولة وأجهزة سطح المكتب.

أحدثت تقنيات مثل Flexbox وGrid ثورة في تصميم الويب، مما يوفر تحكمًا أكبر في تحديد موضع العناصر ومواءمتها.

التكامل بين HTML وCSS

يحدث السحر الحقيقي لتطوير الويب عندما يتم استخدام HTML وCSS معًا.

من خلال الجمع بين هيكلة محتوى HTML والأنماط المرئية لـ CSS، من الممكن إنشاء مواقع ويب وظيفية وممتعة من الناحية الجمالية.

يسمح هذا التكامل للمصممين والمطورين بالعمل معًا لإنشاء تجارب مستخدم جذابة، مما يضمن إمكانية الوصول إلى المحتوى وجذابًا لجميع الزوار.

الورا

Alura هي منصة تعليمية عبر الإنترنت ظهرت بهدف إضفاء الطابع الديمقراطي على الوصول إلى التعليم التكنولوجي عالي الجودة.

تأسست Alura في البرازيل، وتميزت بتقديم مجموعة واسعة من الدورات التدريبية التي تركز على مجالات مثل البرمجة والتصميم والتسويق الرقمي والبيانات وغير ذلك الكثير.

تنوع المقررات ومنهجية التدريس

تقدم Alura مجموعة متنوعة رائعة من الدورات التدريبية، بدءًا من المقدمات الأساسية للبرمجة إلى التدريب المتقدم في علوم البيانات، وتطوير الويب، والهواتف المحمولة، وغيرها من المجالات الشائعة في السوق.

تعتمد المنصة منهجًا عمليًا، مع مشاريع حقيقية تتيح للطلاب تطبيق ما يتعلمونه على الفور.

الاعتراف المجتمعي والمهني

أحد أكبر الاختلافات في Alura هو المجتمع النشط للطلاب والمهنيين الذين يشاركون بنشاط في المنتديات والأحداث ومجموعات الدراسة.

يسمح هذا المجتمع بتبادل قيم للمعرفة والتواصل، مما يزيد من إثراء تجربة التعلم.

رابط التسجيل ⬇️

يجب أن يتم التسجيل لمدة 7 أيام من البرمجة بلغة HTML وCSS على موقع Alura الإلكتروني.

شارك وفرصة لوضع النظرية موضع التنفيذ!

هل أعجبك محتوى تحدي HTML وCSS؟ لذا شاركها مع الجميع!

ظهر المنشور تحدي Alura's Free HTML وCSS: تطوير نسخة طبق الأصل من Netflix لأول مرة على دليل تكنولوجيا المعلومات.