אוטומציות עם gulp

קורס בנושא ביצוע אוטומציות באמצעות gulp ו ג'אווה סקריפט.

שי זאבי

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

  • תלמד לאחד ולכווץ קבצי ג'אווה סקריפט ו css
  • תלמד לבצע כיווץ גודל פיזי של תמונות
  • תלמד מה הוא קדם עיבוד ל CSS ולמה כדאי לעבוד בצורה הזו
  • תלמד כיצד להפעיל ריענון מסך אוטומטי עם שמירת קובץ בפרויקט שלך

ביצוע אוטומציות מבוססות קוד

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

אין צורך בידע מוקדם

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

מתחילים ממש מהתחלה

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

אופטימיזציה ומהירות לאתר שלכם

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

סוג שם השיעור זמן
תוכנית הלימודים ל אוטומציות עם gulp
התחלה
אוטומציות עם gulp – התקנה 8 דקות
אוטומציות עם gulp – יוצרים את package.json ומתקינים גם gulp לוקאלי 12 דקות
אוטומציות עם gulp – המשימה הראשונה שלנו 10 דקות
אוטומציות עם gulp – התוסף הראשון שלנו 11 דקות
ריענון דפדפן אוטומטי
אוטומציות עם gulp – צופים בקבצים עם watch 8 דקות
אוטומציות עם gulp – מרעננים דפדפן 15 דקות
GULP & CSS
אוטומציות עם gulp – מצרפים קבצים 9 דקות
אוטומציות עם gulp – מחליטים סדר ייצוא 5 דקות
אוטומציות עם gulp – מכווצים ל minify 4 דקות
אוטומציות עם gulp – מוסיפים prefix באופן אוטומטי 6 דקות
אוטומציות עם gulp – עובדים עם scss ו gulp 8 דקות
חוזרים קצת לג'אווה סקריפט
אוטומציות עם gulp – מאחדים קבצים 3 דקות
אוטומציות עם gulp – לא עוברים על תנאי רישיון 4 דקות
ועכשיו משימה קטנה
אוטומציות עם gulp – מקבלים משימה 2 דקות
אוטומציות עם gulp – ולמשימה פיתרון :) 2 דקות
תוספים שחייבים להכיר
אוטומציות עם gulp – מסירים css 7 דקות
אוטומציות עם gulp – עושים קיצורים 5 דקות
אוטומציות עם gulp – ומה עם התאמת ג'אווה סקריפט? 4 דקות
מכווצים גדלי תמונות
אוטומציות עם gulp – עושים אופטימיזציה לגודל תמונה 4 דקות
מקורות נוספים
אוטומציות עם gulp – אתם חייבים לבדוק את העמוד הזה 2 דקות
הורדת קבצים
אוטומציות עם gulp – הורדת קבצים