مشاريع HTML and CSS
هل ترغب في تطبيق ما تعلمته في HTML و CSS على مشاريع حقيقية؟
- +500طالب
- 28درس
- 6أقسام
- 3مشاريع
تعرّف على الدورة
هل ترغب في تطبيق ما تعلمته في HTML و CSS على مشاريع حقيقية؟
تساعدك هذه الدورة (HTML and CSS Projects) على تطبيق ما تعلمته من مهارات خلال الأربع دورات السابقة في بناء 3 مشاريع من بيئة العمل الواقعية؛ حيث ستتعلم كيفية بناء مواقع وصفحات ويب تفاعلية تعمل بكفاءة على الأجهزة المختلفة سواء كانت هاتف محمول أو حاسوب أو حتى جهاز لوحي؛ وذلك باستخدام أحدث التقنيات وأفضل الممارسات.
ستقوم في هذه الدورة بتصميم وبناء المشاريع التالية بنفسك:
Profile card component: ستقوم في هذا المشروع ببناء موقع بسيط تعرض فيه معلوماتك الشخصية كصورتك وروابط التواصل الخاصة بك وغيرهم. ستطبق وتتعلم كيفية بناء الهيكل الأساسي لأي موقع باستخدام HTML، وكذلك كيفية استخدام CSS لتنسيق عناصر HTML وتحسين شكل الموقع.
Personal website (Portfolio): ستقوم في هذا المشروع بعمل موقع شخصي تعرض فيه كل مهاراتك ومشاريعك التي قمت بعملها وكذلك أي مشاريع ستقوم بعملها مستقبلًا. ستتعلم استخدام أفضل الممارسات وستتطبق على CSS Grid و CSS variables وغيرهم، لتبني موقع ويب متجاوب يعمل على الأجهزة المختلفة بشكل سلس.
Quran tab landing page: ستقوم في هذا المشروع ببناء صفحة هبوط التي تستخدم في الترويج عن خدمات أو منتجات الشركات المختلفة، مما يكسبك مهارات تنافسية في سوق العمل الحقيقي. ستقوم ببناء الهيكل الأساسي للصفحة، وتنسيقها، وكذلك إضافة مميزات الخدمة أو المنتج وغيرهم الكثير باستخدام HTML و CSS فقط، وبدون كتابة سطر كود واحد لجافا سكريبت.
لماذا يجب أن تسجل في دورة مشاريع HTML and CSS؟
التطبيق العملي هو سر نجاح أي مبرمج، لذلك إذا كان لديك بعض المعرفة النظرية في HTML و CSS وترغب في ثقل مهاراتك بهما قبل الغوص في عالم جافا سكريبت، فهذه الدورة هي فرصتك الذهبية لتحترف HTML و CSS. وبمساعدة مدربينا المحترفين الذين يمتلكون سنوات من الخبرة في مجال تطوير الويب في كبرى الشركات العالمية، ستكون قادرًا على بناء مواقع ويب متجاوبة وتفاعلية بسهولة بنهاية هذه الدورة.
انضم إلينا اليوم وتعلم كيفية بناء مواقع وصفحات ويب متجاوبة واحترافية!
تشمل الدورة
- مبتديء
- شهادة موثقة
- قياس مستوى التقدم والانجاز عبر الدورة
- إجابة من مشرفي الطلاب على كل الأسئلة
- فاعليات حصرية
- شارات تميز للطلبة المتقدمين
- اشعارات تذكير وتحفيز لإنهاء الدورة
- اشتراك مدى الحياة
ماذا ستتعلم خطوة بخطوة
اضغط على أي قسم لعرض دروسه. الدروس المجانية متاحة للمشاهدة قبل الاشتراك.
محتوى الدورة
- 1المقدمة
- 2مواد الدورة
- 3مكوّن بطاقة الملف الشخصي6 دروس · 1 اختبار
- نظرة عامة على المشروع
- الحاوية
- القسمان العلوي والأوسط
- القسمان الأوسط والسفلي
- الظل والروابط
- إضافة أضواء الحفلة
- اختبار قسم: مكوّن بطاقة الملف الشخصي
- 4الموقع الشخصي9 دروس · 1 اختبار
- نظرة عامة
- إنشاء هيكل HTML
- متغيرات CSS ونمط الحاوية
- مكوّن البطاقة الأولى
- إكمال البطاقة الأولى
- إكمال بقية البطاقات
- إكمال نسخة سطح المكتب
- نسخة الأجهزة اللوحية
- نسخة الهاتف واستخدام Mixins
- اختبار قسم: الموقع الشخصي
- 5صفحة هبوط Quran Tab10 دروس · 1 اختبار
- نظرة عامة
- تهيئة المشروع وأيقونة favicon
- مكوّن الترويسة
- مكوّن القسم
- بقية الأقسام
- قسم التنزيل
- هيكل قسم الأسئلة الشائعة
- حركة قسم الأسئلة الشائعة
- التذييل
- نسخة الهاتف
- اختبار قسم: صفحة هبوط Quran Tab
- 6الخاتمة
- الاختبار النهائي
- الاختبار النهائي: مشاريع HTML and CSS
تعلّم على يد م. محمد أبو سريع
م. محمد أبو سريعمهندس برمجيات ذو خبرة أكثر من عشر سنوات في كبرى شركات الخليج وأوروبا. يعمل حاليًا ككبير مهندسي البرمجيات في شركة رائدة في مجال تصنيع الأدوية والتكنولوجيا الحيوية. لديه خبرة كبيرة في تطوير الواجهات الأمامية، بجانب خبرته في إلقاء المحاضرات في الجامعات المختلفة، وقناته التعليمية على اليوتيوب التي يشرح فيها البرمجة وعلومها بطريقة مبسطة.
ماذا قال الطلاب عن الدورة
التقييمات والمراجعات
لا مبالغة إن قلت "هذه الكورسات من أفضل ما رأيت في النت" سواء المواقع الاجنبية أو المواقع العربية - فعلاً مجهود تعليمي تدريبي رائع - يأخذك خطوة خطوة نحو الاحتراف - جزاكم الله خيراً جميع العاملين على هذه المدرسة - زادكم الله حرصاً وتعاوناً وألفةً - وجمع بين قلوبكم وأبعد عنكم الشيطان ونزغاته.
دورة مميزة تجمع بين الإبداع والتطبيق العملي، ساعدتني على بناء مواقع ويب احترافية من الصفر. الشرح واضح والمشاريع ممتعة وتطبيقية، مما جعلني أكتسب مهارات تصميم وتطوير الويب بثقة وسلاسة.
الدورة مفيدة جدا وبنت عندي طريقة تفكير جديدة , جزاك الله خيرا
مـحـمــود مـحـمـد طـافـورلاني تعلمت اشياء جديدة
.
شكرا جداا على مجهودكم
ربنا يبارك كورس جميل معتمد على المشاريع ينقل مستوى الشخص فيHTML,CSS لمستوى أحسن جزاكم الله خيراً
شكرا مدرسه
1- وجود تحديات كثيرة، فالمعلومات دلوقتي بقت ثابتة بشكل رهيب ولله الحمد. تنوع طرق بناء الصفحات بين الgrid, flex وغيرو من الحاجات المهمة. فهمت اكتر عن ال SCSS. و أهم حاجة.... جزاكم الله خيرا
شرح بسيط و مفيد و غني بالمعلومات القيمه 10 /10
كورس شاامل جدا ومفيد بس بيحتاج زمن كتتير الحمدلله كانت تجربة ممتعه فيه صعوبات لدرجة مرات بصيبني الاحباط لكن الحمدلله دي حياة التعلم مرة احباط ومرة معنويات فوق السماء الحمدلله ..
جزاكم الله خيرا
شرح وافي ومجهود رائع في ايصال المعلومة والتطبيق عليها
بصراحة وبدون تزويق كلام الدورة مهمة جدا للناس الي عاوز تتعلم css وتحترف فيها والباشمهندس محمد بذل اقصى جهده عشان يوصل المعلومة جزاك الله خيرا ياهندسة والله على تعبك وشرحك المميز
شكرا لك يا مهندس على هذه دروس .
الدورة فعلا من افضل المحتويات اللي موجودة في ال CSS ولو في سابقة معلومات انا اراهن انك هتلاقي معلومة جديدة هنا
3 مشاريع متنوعين فى التدرج والصعوبة شكرا جزيلا للبشمهندس محمد ابو سريع وجميع القائمين على المنصة
الحمدلله ربنا يجازيكم خيرا
اجمل شيئ بعد شرح اي حاجة هو التطبيق العملي والدورة دي فيها مشاريع للتطبيق العملي كفت ووفت شكرا لكم
أعجبني التدرج في صعوبة المشاريع
الدورة ممتازة وعملية جدَا وتكسر حاجز الخوف من الكود، طريقة الباشمهندس رائعة وسلسة في الشرح بارك الله فيه
ما شاء الله بجد البشمهندس مش بس بيعلمك كانك في شغل لا هو بيخليك تبني بروتوفليو ليك طبعا مشهتكلم عن تكنيكات الشغل و ازاي تبني COMPOETS تستخدمها بعد كد بسهوله عرض طرق مختلفه لتنفيذ نفس الغرض حاجات حلوه كتير حقيقي هتنبسط
فعلا احسن طريقة للتعلم هي بالتطبيق على أمثلة واقعية
بصراحه الكورس اكثر من رائع
.
بصراحه الكورس اكثر من رائع وقيم والبشمهندس حاول توظيف كل اللي اتعلمناه قبل كده وكمان اضاف خصائص جديده علينا ... بارك الله في مجهودك
الدورة تدربك على كتابة كود بطريقة احترافية و كذلك التدرج في التطبيق للاعانة على ذلك.
جزاكم الله خيرا
.
محتوى عظيم وأفكار سلسة وتحليل رائع لكل مشروع .. ربنا يحسن إليكم
الأسئلة الشائعة
HTML و CSS هما لغتان أساسيتان في تطوير الويب، ويمكنك استخدامهما لبناء مواقع وصفحات ويب ثابتة أو متجاوبة وتفاعلية، ويُمكنك كذلك استخدامهما لعمل قوالب (templates) بسيطة وبيعها على منصات العمل الحر أو المنصات المخصصة لذلك. ولكن HTML و CSS ليستا كافيتين لإنشاء تطبيقات ويب متقدمة أو معقدة تحتاج إلى معالجة البيانات أو التفاعل مع المستخدمين أو التكامل مع خدمات خارجية. ولعمل هذا، تحتاج إلى استخدام لغات برمجة أخرى مثل جافا سكريبت أو بايثون وغيرهم.
ابدأ مشاريع HTML and CSS اليوم
اشتراك مدى الحياة، شهادة إتمام، ودعم من فريق المدرسة طوال رحلتك.
اول مره احس اني مستمتع و انا بكود و اشوف طريقة التفكير و بناء مشروع ماشيه ازاى.