PracticU

הסבר על TypeScript

בלי כתוביותעם כתוביות
PracticU › קורס TypeScript › הסבר על TypeScript
מילון מושגים:
TypeScript - שפת תכנות המרחיבה את JavaScript בהוספת טיפוסים, ומתקמפלת ל-JavaScript רגיל.
JavaScript - שפת תכנות שרצה בעיקר בדפדפן ומוסיפה אינטראקטיביות לדפי אינטרנט. רצה גם בצד השרת באמצעות Node.js.
GitHub - שירות ענן לאחסון מאגרי קוד מבוססי Git, המאפשר שיתוף פעולה, מעקב גרסאות וניהול פרויקטים.
קומפיילר - תוכנה שממירה קוד מקור שנכתב בשפת תכנות לקוד שהמחשב יכול להריץ, ומדווחת על שגיאות תחביר.
באג - תקלה או שגיאה בקוד שגורמת לתוכנה להתנהג בניגוד למצופה.
תחביר - אוסף הכללים של שפת תכנות הקובעים כיצד לכתוב קוד תקין. הפרתם גורמת לשגיאת תחביר.
C# - שפת תכנות מונחית עצמים של מיקרוסופט, המשמשת בעיקר לפיתוח יישומים על פלטפורמת .NET.
Java - שפת תכנות עילית ומונחית עצמים, הרצה על מכונה וירטואלית (JVM) ומשמשת לפיתוח מגוון יישומים.

הסבר על TypeScript
TypeScript היא שפה שהופכת את עצמה ל-JavaScript, ונוצרה כדי לפתור חסרונות של JavaScript. ההרצאה מציגה מה היא ולמה שווה לעבוד איתה.
מה היא TypeScript
1. הגדרה: Subset של JavaScript שנוצר על ידי מיקרוסופט ב-2013, ומתורגם ל-JavaScript. לפי GitHub היא אחת השפות הפופולריות ביותר. האתר הרשמי: typescriptlang.org.
2. כלים: Strongly typed עם טיפוסי נתונים, קומפיילר שבודק שגיאות, וטרנספיילר שהופך את הקוד ל-JavaScript. כל זה רץ ברקע והמתכנת עובד רק ב-TypeScript.
3. היתרון הראשון, קומפיילר: ב-JavaScript אין קומפיילר, ולכן שגיאה, למשל בתנאי שמתקיים רק ביום מסוים, יכולה להתגלות חודשים אחרי העלאה לאוויר. קומפיילר מאתר שגיאות לפני ההרצה.
4. היתרון השני, טיפוסים חזקים: ב-JavaScript אפשר להכניס למשתנה מספר, אחר כך מחרוזת ואחר כך תאריך. משתנה שאמור להכיל גיל והוזנה בו מחרוזת הוא מקור לבאגים. ב-TypeScript משתנה מסוג number לא יקבל מחרוזת, והקומפיילר ידווח שגיאה.
5. היתרון השלישי, תחביר Object Oriented חזק: מאז ECMAScript 6 ב-2015 ב-JavaScript אפשר לבנות מחלקות ולהשתמש בהורשה, אבל חסרים דברים כמו מחלקות אבסטרקטיות. ב-TypeScript יש תחביר דומה ל-C# ול-Java.
שימו לב
הדפדפן לא מכיר TypeScript. הקוד מתורגם ל-JavaScript, וזה מה שרץ בדפדפן.
אחרי ההרצאה אפשר להסביר מה ההבדל בין TypeScript ל-JavaScript ולמה בוחרים בה.
השיעור הבא בקורס: יצירת פרויקט ב-TypeScript

פרקי ההרצאה: הסבר על TypeScript

  1. 00:00

    TypeScript כשפה שהופכת ל-JavaScript

  2. 00:58

    היעדר קומפיילר ב-JavaScript

  3. 02:12

    JavaScript אינה Strongly Typed

  4. 03:03

    תחביר Object Oriented ב-ECMAScript 6

תמלול ההרצאה: הסבר על TypeScript

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

  1. 00:02

    אז דבר ראשון, מה זה טייפסקריפט? טייפסקריפט זה סאבסט של ג'אווה סקריפט. זה בעצם שפה שהופכת את עצמה לג'אווה סקריפט. נוצרה על ידי מיקרוסופט ב-2013, היא בנויה כ-strongly typed, כלומר יש בה טיפוסי נתונים, כאשר אנחנו מגדירים משתנה אנחנו יכולים להגדיר אותו בטיפוס נתונים מסוים.

  2. 00:28

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

  3. 00:38

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

  4. 01:02

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

  5. 01:24

    איזשהו קומפיילר שבזמן הקומפילציה יבצע איזושהי פעולה שתאתר שגיאות כאשר ב־JavaScript אין את זה וכאמור יכול להיות מצב שאנחנו כותבים קוד ולא נגלה את השגיאה מיידית זאת אומרת אנחנו כותבים קוד שמכיל איזשהו תנאי שרק ביום שלישי בשש אם יתרחש איזשהו תנאי אחר פתאום הקוד שלנו מתבצע ומכיל שגיאה רק

  6. 01:51

    במקרים האלה האתר יקרוס אנחנו בכלל לא נגלה את זה אולי רק אחרי איזה חודשיים או אחרי חצי שנה פתאום השגיאה הזאת תופיע ותגרום לאתר לקרוא אם היה לנו קומפיילר הקומפיילר היה יכול לבדוק שגיאות ולהגיד לנו לפני שאנחנו בכלל מריצים את התוכנית תקשיבו יש פה שגיאה בואו תתקנו אותה JavaScript

  7. 02:12

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

  8. 02:40

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

  9. 02:52

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

  10. 03:07

    אז ג'אווה סקריפט היא לא Strongly Typed וזה חיסרון של השפה. ג'אווה סקריפט יש תחביר של Object Oriented מ-Akma Script 6 מ-2015 בעצם, הכניסו תחביר שהוא קצת יותר דומה ל-Object

לקורס המלא: קורס TypeScript אונליין

ההרצאה הבאה: יצירת פרויקט ב-TypeScript

הרצאות קשורות מקורסים אחרים

  • Typescript

קורסים נוספים במסלול

  • קורס יסודות HTML - בניית אתר אינטרנט פשוט
  • קורס CSS 3 - בדגש על Flex & Grid
  • קורס Javascript כולל JQuery
  • קורס ג'אווה סקריפט מעשי - JavaScript
  • קורס ריאקט - React
  • קורס NodeJS