מטרת המדריך

ספריית bootstrap הופכת מיום ליום פופולרית יותר, הכוח והעוצמה של ספרייה זו היא בפשטותה ובקלות הלימוד שלה, כל ההסברים ודוגמאות הקוד שאכתוב כאן, ניתן ללמוד באתר הרשמי שלהם, כאן.

מטרת מדריך זה היא לאפשר לעבור בקלות (ובעברית) על התכונות העיקריות של הספרייה וכיצד ניתן להטמיע אותה ולהשתמש בה בפרוייקטים שלכם.

למה להשתמש בספרייה

יש מספר בעיות בלכתוב קבצי CSS לבד, ככל שהפרויקט גדל, קבצי העיצוב גדלים יחד איתו, ובשלב מסויים בדרך כלל, או שאנחנו משכתבים כל הזמן את המחלקות שלנו, מכיוון שאנחנו לא מוצאים את הידים והרגליים, או שאנחנו מפחדים לעשות שינוי, מכיוון שכל שינוי הכי קטן, יכול לזעזע את המערכת מבלי שנדע מהיכן נפלה עלינו צרה זו, שימוש בספרייה כמו bootstrap פותר לנו את הבעייה, מכיוון שהוא מביא איתו אוסף עצום של מחלקות עם שמות לוגיים שכל אחד מבין (כמו text-center) כך שלא צריך בכל פעם להמצא את הגלגל מחדש.

ללמד את מי שצריך לתחזק את הקוד שימוש בספרייה קיימת, קל ופשוט בהרבה מאשר ללמד אותו את הקונבנציות שלנו.

כולם יודעים (היום) שצריך לעמד את המסך בעזרת div ולא בעזרת טבלאות, מכמה סיבות:

• רספונסיביות (התאמת המסך לכמה גדלים) – טבלה נועדה להציג מידע טבלאי (גליון ציונים) אין הגיון שחלק מהעמודות ישברו לשורה חדשה בהתאם לגודל המסך, במידה ואין מקום, צריך להיות פס נגלל אופקי, כשאנחנו מעמדים את תוכן המסך בטבלה, אנחנו מגדירים מלכתחילה שלא משנה מה יהיה רוחב המסך, המידע שהכנסנו בשורה ספציפית חייב להיות באותה שורה, לעומת זאת עבודה עם div מאפשרת ברזולוציות שונות לשנות את מבנה העמוד ולהוריד חלק מהאלמנטים שמופיעים באותה שורה לכמה שורות.
• תחזוקה של הקוד כשהדף גדל – בפועל מה שקורה אנחנו עושים טבלאות בתוך טבלאות בתוך טבלאות, והיות שיש את החוק שכל העמודות בכל השורות צריכים רוחב זהה, כל שינוי בקוד יכול  לגרום לעיוותים גדולים.
• הסיבה האמיתית שגרמה לעבודה עם טבלאות, היא מנגנון החשיבה האנושית שגורם לנו לחלק לשורות ועמודות כל דבר, תנסו להסתכל על העיתון ותחשבו עליו בצורת html תגלו שמאוד קל לדמיין את הכול בצורה טבלאית (חלוקה לשורות ועמודות), bootstrap מאפשר לנו בקלות לחשוב לוגית על טבלאות אבל לעבוד עם div.

יש הרבה אתרים (כמו זה) שנותנים עיצובים מורכבים (שיכולים לעלות יקר מאוד אם מזמינים לבד מגרפיקאי) שהם מבוססי bootstrap, כך שבקלות האתר שלנו יכול לקבל עיצוב וממשק מורכבים עם מעט מאוד עבודה.

רשימת הפרקים

(נ.ב. כל פרק שיפורסם (בימים הקרובים) יעודכן כאן ללינק לפרק.)

• פרק 1 – הורדת הקבצים, ובניית ה – template הבסיסי.
• פרק 2 – שלום עולם, כתיבת המסך הראשון והכירות עם מספר מחלקות בסיסיות.
• פרק 3 – הגדרת תפריטים ושימוש במערכת הגרידים.
• פרק 4 – Panels
• פרק 5 – טבלאות
• פרק 6 – תמונות.
• פרק 7 – Well.
• פרק 8 – רשימות.
• פרק 9 – הודעות.
• פרק 10 – טפסים רגילים.
• פרק 11 – טפסים אופקיים.
• פרק 12 – שונות אודות טפסים.
• פרק 13 – עבודה עם הפקדים השונים (Modal, ToolTip, Dropdown ועוד)