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

1. קצת על Vue

ויו היא פריימוורק מבוססת קומפוננטות ו Virtual DOM לפיתוח צד-לקוח. היא נוצרה על ידי Evan You שעבד לפני כן בגוגל בצוות שמפתח את Angular. המטרה של איוון היתה לבנות כלי שיהיה קל, מהיר ווידידותי יותר מאנגולר. ויו נמצאת בשוק כבר מעל 10 שנים ומפותחת באופן פעיל. היא נמצאת בשימוש בחברות תוכנה רבות בהן Alibaba, Zoom, GitLab, Grammarly, Netlify, Upwork ורבות נוספות.

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

ויו, שוב בדומה לריאקט ולאנגולר, היא פריימוורק המשתמשת ב Virtual DOM. המושג Virtual DOM מתיחס למבנה נתונים ב JavaScript שמתאים למבנה הנתונים של הדפדפן (ה DOM) אבל מנוהל בנפרד ממנו על ידי הפריימוורק. הקומפוננטות לא כותבות ישירות לעמוד אלא מספקות ל Vue פונקציית render שמחזירה מבנה נתונים. ויו עצמה מפעילה את פונקציות ה render של הקומפוננטות ובונה מהתוצאות שלהן מבנה נתונים שמתאר את כל העמוד. את התיאור הזה ויו משווה למה שכבר יש על המסך ולאחר מכן מעדכנת את המסך כדי שיתאים למבנה הנתונים שנוצר.

2. קצת על הקורס

בקורס תלמדו Vue מהעקרונות הבסיסיים ועד לנושאים המתקדמים:

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

2. תלמדו לחבר מספר קומפוננטות לדפים גדולים יותר, ולשמור State של תת עץ או של אפליקציה מלאה.

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

4. תלמדו להשתמש בספריית vue-query כדי לתקשר עם REST API.

5. תלמדו לבצע שימוש חוזר בקוד בין קומפוננטות כדי לבנות יישומים גדולים.

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

3. קישורים חשובים

כדי לעבוד מקומית עם Vue עליכם להתקין את node.js על המחשב. אפשר להוריד ולהתקין אותו מהקישור הזה:

https://nodejs.org/en

תיקיית הדוגמאות של הקורס נמצאת במאגר גיטהאב הזה:

https://github.com/tocodeil/vue-examples