أقدم لكم درس إنشاء تقنية Responsive Web Designعن طريق Meta Viewport و Media-Query و Grid System ناهيكم عن كيفية إنشاء Grid View عن طريق Framework Bootstrap و معرفة وحدات التجاوب
تجدون في هذا الدرس :
00:00 بداية الدرس
00:12 تعريف Responsive Web Design
01:46 شرح Meta Viewport
09:29 شرح وحدات التوافق
12:40 شرح Media Query
54:52 شرح Grid System
01:10:15 إنشاء Grid View بـ Bootstrap Framework
فضلاً و ليس أمراً، المرجو الإشتراك في قناة ستارتايم للربح عبر الأنترنت https://bit.ly/2KTHasH
رابط الشرح الكتابي للموضوع : https://bit.ly/2yLBL3T
رابط موقع Bootstrap تفظلوا : https://bit.ly/2Vf5Ikp
رابط موقع W3.CSS تفظلوا : https://bit.ly/3e3NHxX
رابط موقع معاينة Grid View تفظلوا : https://bit.ly/2Xf9lcB
رابط مدونة ستارتايم للربح عبر الأنترنت : https://startimeweb.blogspot.com/
رابط صفحة المدونة على الفايسبوك : https://bit.ly/2T3gWpT
رابط صفحة المدونة على التويتر : https://bit.ly/2VdSgf1
#دورة_HTML_و_CSS #responsive_web_design #media_query #meta_viewport #grid_system #bootstrap #htmlcss #CSS #HTML #البرمجة
الدرس 1
التعاريف و الوضائف و تنسيقات الأكواد للـ HTML و CSS لغتي البرمجة : /watch/Mf-o7xM9rh_9o
الدرس 2
إنشاء ملف HTML و ملف CSS و ربطهما : /watch/8XLg53PoYIHog
الدرس 3
التعليقات في HTML و CSS لغتي البرمجة : /watch/4-oXsIXHoTQHX
الدرس 4
العناوين و الفقرات النصية في HTML لغة البرمجة : /watch/0gdM6zdcUgpcM
الدرس 5
مستويات الأهمية و الإضافات في النصوص : /watch/crnumfn9tkF9u
الدرس 6
الأحياز و الرجوع إلى السطر و الفراغات في HTML لغة البرمجة : /watch/saYeD6s6AUF6e
الدرس 7
القوائم ( ul , ol , li , dl , dt , dd ) في HTML لغة البرمجة : /watch/Y3Ovls2qZFQqv
الدرس 8
الروابط في HTML لغة البرمجة : /watch/wPmT4CrhfdThT
الدرس 9
الصورة في HTML لغة البرمجة : /watch/cz4ol0lGhhEGo
الدرس 10
الفيديو في HTML لغة البرمجة : /watch/Ek12FegXP-EX2
الدرس 11
الأوديو في HTML لغة البرمجة : /watch/Msb0q6CAyLrA0
الدرس 12
المحددات Selectors في CSS لغة البرمجة : /watch/guH3Byv4J3b43
الدرس 13
أمكنة أكواد CSS و الإرث في CSS لغة البرمجة : /watch/MLDlnURNdsYNl
الدرس 14
العناصر DIV و SPAN و BDI في HTML لغة البرمجة : /watch/sfz1sgQ4Amu41
الدرس 15
الألوان و الشفافية في CSS لغة البرمجة : /watch/ArxGPOJgRxJgG
الدرس 16
الخلفيات الملونة و الخلفيات الصورية و Linear-Gradient و Radial-Gradient في CSS لغة البرمجة : /watch/QqeOs2PbQKKbO
الدرس 17
الخطوط في CSS لغة البرمجة : /watch/IQG4UeCy9RXy4
الدرس 18
الخواص font-size و font-style و font-weight في CSS لغة البرمجة : /watch/oZN4DA1eO4Ge4
الدرس 19
خواص التعديل على النصوص بـ CSS لغة البرمجة : /watch/kFLZbnQKUXEKZ
الدرس 20
خواص الحواف border و الخاصية box-shadow في CSS لغة البرمجة : /watch/gLYbyIX--cr-b
الدرس 21
العرض و الإرتفاع في CSS لغة البرمجة : /watch/IkP25qB7Tv572
الدرس 22
مفهوم و خواص Margin و Padding في CSS لغة البرمجة : /watch/8hZ-cuGlA4rl-
الدرس 23
الخاصية display في CSS لغة البرمجة : /watch/QZ5otlLQ01EQo
الدرس 24
الخاصية position في CSS لغة البرمجة : /watch/4ucEQawffJFfE
الدرس 25
الخاصية z-index في CSS لغة البرمجة : /watch/I8BdLTV3dpN3d
الدرس 26
الخواص float و clear و overflow في CSS لغة البرمجة : /watch/csPlQ8Dz9hczl
الدرس 27
المحددات المركبة Combinators و محددات Attribute في CSS لغة البرمجة : /watch/8KXuvlz3lt_3u
الدرس 28
التقنيتان Longhand و Shorthand في CSS لغة البرمجة : /watch/4ESLYwpB8frBL
الدرس 29
الجداول في HTML و CSS لغتا البرمجة : /watch/Mi8xksmFiE0Fx
الدرس 30
محددات Pseudo-classe في CSS لغة البرمجة : /watch/I7dpKV-BxXsBp
الدرس 31
محددات Pseudo-element في CSS لغة البرمجة : /watch/HcAfkCUGeOUf
الدرس 32
تقنية Transition في CSS لغة البرمجة : /watch/kN9JEl_oJJloJ
الدرس 33
تقنية Animation في CSS لغة البرمجة : /watch/kFp6gt3jil_j6
الدرس 34
تقنية Transformation في CSS لغة البرمجة : /watch/M8hlwhWVbj4Vl
الدرس 35
الإستمارات في HTML لغة البرمجة : /watch/AQnHbg5iTKFiH
الدرس 36
Responsive Web Design في HTML و CSS لغتا البرمجة : /watch/UqKgJMRjQj7jg