• Lecture 1 Run Time 5:17

    CSS Grid - ما هو ؟ المقدمة

    شرح لخاصية جديدة داخل المتصفحات وهي
    css grid
    والتي تمكنك من تصميم موقع باستخدام ال css
    بطريقة سلسلة ومتجاوبة بدون الاستعانه باي فريموورك خارجي

    لتحميل اكواد المشروع حسب الدرس من ال github
    https://github.com/hawkiq/cssgrid
  • Lecture 2 Run Time 9:15

    CSS Grid - Columns الاعمدة

    شرح كيفية تكوين عدد من الاعمدة لتكون القالب الاساسي لتصميم باقي المحتويات
    لمشاهدة كافة اكواد المشروع على ال github
    https://github.com/hawkiq/cssgrid
  • Lecture 3 Run Time 6:12

    CSS Grid - Rows الاسطر

    كما تحكمنا في الدرس السابق بعدد الاعمدة يمكننا ايضا التحكم بحجم وعدد الاسطر داخل الموقع عن طريق عدد من الدوال في ال css , تابع الدرس.

    لمشاهدة كافة اكواد المشروع على ال
    github
    https://github.com/hawkiq/cssgrid
  • Lecture 4 Run Time 12:06

    CSS Grid - Grid Lines خطوط الشبكة

    الى الان اخذنا كيفية انشاء الاعمدة والاسطر والفراغ الموجود بين الحقول سنتعلم في هذا الدرس كيفية توزيع العناصر داخل الشبكة.

    لمشاهدة كافة اكواد المشروع على موقع
    github
    https://github.com/hawkiq/cssgrid
  • Lecture 5 Run Time 4:21

    CSS Grid - Nested Grids الشبكة المتداخلة

    شرح كيفية عمل شبكة داخل احدى الحقول بالشبكة الاصلية باستخدام ال css

    لمشاهدة كافة اكواد المشروع على git hub
    https://github.com/hawkiq/cssgrid
  • Lecture 6 Run Time 5:52

    CSS Grid - Justify and Align المحاذاة

    سنتعلم في هذا الدرس كيفية توزيع العناصر داخل الشبكة وعمل محاذاة لها داخل الخلية الواحدة

    لمشاهدة كافة اكواد المشروع على github
    https://github.com/hawkiq/cssgrid
  • Lecture 7 Run Time 8:13

    CSS Grid - Grid Areas مساحات الشبكة

    تصميم الموقع صار اسهل وية
    grid area
    تابع الدرس وراح تشوف بنفسك :)

    لمشاهدة كافة الاكواد للمشروع على
    github
    https://github.com/hawkiq/cssgrid

Contact

Feel free to contact me on all our social media or emails below .

Contact Info

Our Social Media