موقع برمجةمدرسة البرمجة العربية |
|
| بوتستراب او ما يعرف بالإنكليزي (Bootstrap) هي مجموعة من الأدوات مفتوحة المصدر لإنشاء مواقع الويب وتطبيقات الانترنت. تم إنشائها لمساعدة المصممين والمطورين على بناء منتجات مذهلة بسرعة وفعالية، الهدف منها هو توفير مكتبة واسعة مرنة وموثقة بشكل جيد للتصاميم “مكررة الاستعمال” المبنية باستخدام HTML وCSS وJavaScript كي يقوم المطورون باستعمالها والإبداع باستخدامها. |  |
 |
01 بوتستراب bootstrap: مقدمة |
 |
02 بوتستراب bootstrap: كيفية استدعاء البوتستراب |
 |
03 بوتستراب bootstrap: التصميم و استدعاء المكتبات المفيدة للتصميم |
 |
04 بوتستراب bootstrap: نظام الشبكة grid ج1 |
 |
05 بوتستراب bootstrap: نظام الشبكة grid ج2 |
 |
06 بوتستراب bootstrap: إظهار العناصر واخفائها في نظام الشبكة |
 |
07 بوتستراب bootstrap: شرح كيفية عمل Clear لل Float الخاص بأعمدة ال Grid |
 |
08 بوتستراب bootstrap: شرح عمل المسافات بين أعمدة الجريد في التصايميم المتجاوبة |
 |
09 بوتستراب bootstrap: كيفية ترتيب أعمدة الجريد في التصميم |
 |
10 بوتستراب bootstrap: كيفية عمل شبكة فرعية من الشبكة الرئيسية |
 |
11 بوتستراب bootstrap: تصميم قائمة التصفح ج1 |
 |
12 بوتستراب bootstrap: تصميم قائمة التصفح ج2 |
 |
13 بوتستراب bootstrap: إضافة ال Carousel Slideshow ج1 |
 |
13 بوتستراب bootstrap: إضافة ال Carousel Slideshow ج2 |
 |
15 بوتستراب bootstrap: عمل قسم نبذة عن القالب و استخدام بعض خواص البوتستراب |
 |
16 بوتستراب bootstrap: عمل ال section ومميزاتها |
 |
17 بوتستراب bootstrap: شرح استخدام ال Carousel بطريقة اخرى و أفكار اخرى |
 |
18 بوتستراب bootstrap: شرح استخدام ال Carousel بطريقة اخرى و أفكار اخرى ج2 |
 |
19 بوتستراب bootstrap: شرح استخدام ال Carousel بطريقة اخرى و أفكار اخرى ج3 |
 |
20 بوتستراب bootstrap: كيفية عمل جدول الأسعار Price Table ج1 |
 |
21 بوتستراب bootstrap: كيفية عمل جدول الأسعار Price Table ج2 |
 |
22 بوتستراب bootstrap: كيفية عمل القسم الخاص بفريقنا و استخدام خلفية لل Section |
 |
23 بوتستراب bootstrap: كيفية عمل القسم الخاص بفريقنا واستخدام ال Img-Circle |
 |
24 بوتستراب bootstrap: إضافة مكتبة Font Awesome للتصميم مع ال Bootstrap |
 |
25 بوتستراب bootstrap: كيفية عمل تصميم الفورم البريدي للإشتراك Subscribe |
 |
26 بوتستراب bootstrap: كيفية عمل قسم للإحصائيات |
 |
27 بوتستراب bootstrap: التعامل مع الخلفية - تحسينات |
 |
28 بوتستراب bootstrap: عمل قسم المهارات |
 |
29 بوتستراب bootstrap: عمل قسم اتصل بنا |
 |
30 بوتستراب bootstrap: عمل قسم زبائننا |
 |
31 بوتستراب bootstrap: عمل تذييل صفحة الويب - ج1 |
 |
32 بوتستراب bootstrap: عمل تذييل صفحة الويب - ج2 |
 |
33 بوتستراب bootstrap: استخدام خطوط جوجل Google fonts |
 |
34 بوتستراب bootstrap: شرح كل ما يخص الميديا كويري Media Query |
 |
35 بوتستراب bootstrap: شرح كل ما يخص الميديا كويري Media Query - ج2 |
 |
36 بوتستراب bootstrap: كيفية عمل صندوق الخيارات لتغيير الالوان والخطوط |
 |
37 بوتستراب bootstrap: شرح كيفية عمل ملف ستايل لكل لون وفصل الوان التصميم في ملفات منفردة |
 |
38 بوتستراب bootstrap: شرح تغيير الوان التصميم من صندوق الخيارات الخاصة باعدادات التصميم |
 |
39 بوتستراب bootstrap: شرح كيفية عمل شاشة التحميل التي تظهر قبل تحميل الموقع كاملا |
 |
40 بوتستراب bootstrap: شرح كيفية عمل زر الذهاب للأعلى بدون Plugins ومن الصفر |
 |
41 بوتستراب bootstrap: تصليح الصور في السلايدر وكيفية جعل الصور في كل الشاشة |
 |
42 بوتستراب bootstrap: شرح تنظيف ملف ال Css و عمل جروب للكلاسات |
 |
43 بوتستراب bootstrap: شرح تنظيف ملف الجافاسكريبت |
 |
44 بوتستراب bootstrap: عمل تأثيرات مرور المؤشر فوق العناصر hover |
 |
45 بوتستراب bootstrap: تحسين سرعة الموقع والاداء |
 |
46 بوتستراب bootstrap: شرح جعل صفحتك متوافقة مع المعايير القياسية لمنظمة ال W3 |
 |
47 بوتستراب bootstrap: شرح استخدام مكتبة Wow.js لعمل انيميشن رائع في موقعك |
 |
48 بوتستراب bootstrap: شرح استخدام مكتبة Nice Scroll |
 |
49 بوتستراب bootstrap: شرح تغيير اتجاه البوتستراب ليتناسب مع اللغة العربية |
 |
50 بوتستراب bootstrap: التعامل مع الروابط و الصفحات الداخلية |
 |
51 بوتستراب bootstrap: إنشاء صفحة نبذة عنا |
 |
52 بوتستراب bootstrap: إنشاء صفحة اسئلة متكررة |
|
|
