קורס אונליין חינם – bootstrap

קורס bootstrap למתחילים.

שי זאבי

מה נלמד בקורס?

  • תלמד לעבוד עם המסגרת הפופלרית ביותר בעולם לפיתוח רספונסיבי Bootstrap
  • תראה כיצד להשתמש במרכיבים שונים של המסגרת כולל פריטים, רשימות, כפתורים והכי חשוב ה GRID
  • תלמד פיתוח אתרים מותאמים למובייל ללא כתיבת קוד מייגעת תוך שימוש בקלאסים שנכתבו מראש על ידי המפתחים של Bootstrap
  • תלמד לעבוד עם טפסים מותאמים ורספונסיבים באמצעות Bootstrap ועל פי הסימנטיקה המקובלת של המסגרת
  • בקרוב עדכון ל Bootstrap 4

פיתוח מותאם למובייל (טלפונים חכמים / טאבלטים)

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

עבודה עם תפריט רספונסיבי

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

עבודה עם תמונות בצורה מותאמת למובייל

תלמד כיצד לשלב תמונות בגדלים שונים באתר שלך ואיך באמצעות קלאסים של Bootstrap תוכל להציג אותם באופן מושלם לאתר שלך.

ה Grid של Bootstrap

ה Grid נבנתה מראש על ידי מפתחי המסגרת ובאמצעותה תוכל לכתוב פריסות עמוד שונות תוך השמת דגש לצורך ההצגה על פי גדלי מסך שונים.

פרויקט סיום קורס

בסוף הקורס תפתח עמוד HTML מותאם למובייל באמצעות Bootstrap ותביא לידי ניצול את הידע שקיבלת בקורס וכן תראה כיצד אנחנו משלבים Bootstrap ועיצוב אתרים ב CSS.

סוג שם השיעור זמן
תוכנית הלימודים ל קורס אונליין חינם – bootstrap
3...2...1 BOOTSTRAP
קורס bootstrap – הקדמה 11 דקות
קורס bootstrap – מבינים bootstrap 5 דקות
קורס bootstrap – משתמשים ב container 4 דקות
קורס bootstrap – ה grid של bootstrap 16 דקות
קורס bootstrap – טקסט 13 דקות
קורס bootstrap – תמונות 6 דקות
קורס bootstrap – כפתורים 10 דקות
קורס bootstrap – מהו jumbotron ו page-header 4 דקות
קורס bootstrap – תפריטים ב bootstrap 16 דקות
קורס bootstrap – הופכים את התפריט לרספונסיבי 6 דקות
קורס bootstrap – טפסים 8 דקות
פרויקט סיום
קורס bootstrap – פרויקט סיום – הקדמה 2 דקות
קורס bootstrap – פרויקט סיום – תפריט 6 דקות
קורס bootstrap – פרויקט סיום – איזור הבית 6 דקות
קורס bootstrap – פרויקט סיום – איזור תיק עבודות 9 דקות
קורס bootstrap – פרויקט סיום – scrollspy 2 דקות
קורס bootstrap – פרויקט סיום – איזור צור קשר 10 דקות
הורדת קבצי פרויקט
קורס bootstrap – הורדת קבצי קורס
עדכון מאי 2018 - מה חדש ב bootstrap 4 חלק א'
עדכון bootstrap 4 – מה חדש בטיפוגרפיה? 12 דקות
עדכון bootstrap 4 – מה חדש בגריד (הרגיל) של בוטסטראפ? 3 דקות
עדכון bootstrap 4 – כלים ל spacing 7 דקות