PracticU

הסבר כללי על קורסי תכנות

בלי כתוביותעם כתוביות
PracticU › קורס יסודות HTML - בניית אתר אינטרנט פשוט › הסבר כללי על קורסי תכנות
מילון מושגים:
אתר אינטרנט - אוסף של דפים ומשאבים מקושרים המתארחים תחת כתובת אחת ומוגשים דרך דפדפן.
כימוס - עיקרון בתכנות מונחה עצמים שמסתיר את הפרטים הפנימיים של אובייקט וחושף רק ממשק מבוקר.
PHP - שפת תכנות לצד השרת, נפוצה בבניית אתרים דינמיים ומערכות ניהול תוכן כמו WordPress.
מטמון - אחסון זמני ומהיר של נתונים שנדרשים שוב, כדי להאיץ גישה ולהפחית עומס מהמקור המקורי.
ADO.NET - אוסף מחלקות ב-.NET לגישה למסדי נתונים, להרצת שאילתות ולעבודה עם התוצאות.
LINQ - יכולת ב-.NET לכתוב שאילתות על אוספים ומקורות נתונים ישירות בתוך קוד C# בתחביר אחיד.
AJAX - טכניקה שמאפשרת לדף אינטרנט לשלוח ולקבל נתונים מהשרת ברקע ולעדכן את התצוגה בלי לטעון מחדש.
jQuery - ספריית JavaScript ותיקה שמפשטת את הגישה לרכיבי הדף, אירועים ואנימציות בדפדפן.

הסבר כללי על קורסי תכנות
סקירה של כל קורסי התכנות באתר: מה לומדים בכל קורס, באיזה סדר כדאי ללכת ומה נחוץ כדי להתחיל לעבוד כמתכנת ווב.
הקורסים לפי הסדר
1. HTML ו-CSS: שפת הדפים הסטטיים, שהדפדפן מקבל מהשרת ומציג. אין שרת או מערכת הפעלה שמשנים זאת, ולכן זה הבסיס של כל האינטרנט. CSS מטפל בעיצוב התגיות, כמו צבעים, רוחב ומצב hover. ב-HTML אין מבחן והסמכה.
2. יסודות התכנות ב-C#: משתנים, זיכרון, תנאים, לולאות ופונקציות. הקורס פחות קשור לווב, והדוגמאות מראות איך כל נושא מופיע באתר אינטרנט. גם עליו אין מבחן נפרד.
3. Object Oriented: המשך של יסודות התכנות ברמה גבוהה יותר: קלאסים, הורשה, אובייקטים, encapsulation, override, מערכים, delegation, events, generics, interfaces ו-constructors. לפי המרצה, באוניברסיטה יש דגש גדול על נושא זה.
4. ASP.NET: הטכנולוגיה של מיקרוסופט לכתיבת אתרים, שהמרצה מתאר כמתחרה של PHP ושל Java. לומדים פקדים שמתורגמים ל-HTML אבל יודעים יותר, למשל לבדוק שכתובת אימייל תקינה (ולידציה). לומדים גם את מחזור החיים של דף, ViewState, Session, ניווט באתר, Master Page וקאש. בסוף הקורס יש מבחן הסמכה ראשון של מיקרוסופט.
5. ADO.NET ו-SQL: חיבור אתר או אפליקציה למסד נתונים: שפת SQL, פתיחת תקשורת, מפתחות, DataSet, Stored Procedures, חלוקה לשכבות לוגיות ו-LINQ. הדוגמה: אפשר להוסיף שורה לרשימת הסרטונים באתר ב-database, בלי לשנות HTML או קוד. על נושא זה יש מבחן נפרד של מיקרוסופט.
6. JavaScript: תכנות בתוך הדפדפן שמאפשר לעדכן חלק מהדף בלי לטעון אותו מחדש. לומדים גם AJAX, JSON ו-jQuery.
7. קורסים מתקדמים: WCF לתקשורת בין שרת ולקוח ברמה נמוכה, WPF ליישומי Windows (הפרדה בין לוגיקה לגרפיקה בקוד שנראה כמו XML), פיתוח לאנדרואיד על סימולטור, וכן פיתוח לאייפון על מקבוק ו-API של פייסבוק. המרצה מציין שיתווספו קורסים נוספים.
מה מספיק לעבודה בווב
לדברי המרצה, מי שרוצה לעבוד בווב צריך להגיע עד JavaScript, כלומר ASP.NET, חיבור למסד נתונים ו-JavaScript. WCF, WPF והאפליקציות הם נושאים למתקדמים. לכל נושא יש תרגילים, וקישור להורדה שלהם.
הסקירה עוזרת לבחור נקודת פתיחה וסדר לימוד בהתאם לרמה שלכם.
השיעור הבא בקורס: פרוייקט גמר בקורס HTML
מילון מושגים:
קוד מקור - הקוד שמפתחים כותבים בשפת תכנות, לפני הידור, המגדיר את פעולת התוכנה.
HTML - שפת הסימון שבה בונים את מבנה ותוכן דפי האינטרנט, באמצעות תגיות שמגדירות כותרות, פסקאות, קישורים ועוד.

להורדת קוד מקור של כל הדוגמאות בקורס HTML - לחץ כאן (להורדה ממחשב רגיל ולא מאובטח)

פרקי ההרצאה: הסבר כללי על קורסי תכנות

  1. 00:00

    שפת HTML ובסיס האינטרנט

  2. 02:27

    למה הקורסים מתחילים ב-HTML

  3. 04:04

    יסודות התכנות ב-C#

  4. 05:36

    תכנות מונחה עצמים

  5. 06:35

    פיתוח אתרים עם ASP.NET

  6. 07:46

    פקדים חכמים ב-.NET

  7. 09:24

    חיבור לדאטאבייס ו-ADO.NET

תמלול ההרצאה: הסבר כללי על קורסי תכנות

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

  1. 00:19

    טוב בואו נראה מה לומדים בקורסים למתכנתים הנה במקום לרדת למטה ברשימה נלחץ פה על הכפתור ונראה אז דבר ראשון שפת html שפת html בעצם מדובר על דפים סטטיים אתם יכולים לראות פה את כל הסרטונים של html וצסס הקורס הזה של שפת html הוא הבסיס של כל הווב של כל האינטרנט אתם יכולים לראות שבכל דפדפן גם באתר שלנו אתם עושים right click view

  2. 00:48

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

  3. 01:12

    סתם דוגמה בשפת html כתוב href זה אומר קישור אתם רואים תעשה קישור לדף שנקרא practicum.com/mcse כאשר מישהו לחץ על מילת mcse אז למעשה html זה הבסיס של ה-web זה מה שהדפדפן מקבל מהשרת ובסוף מציג לי את זה ככה אתם רואים כמו תשעורים פה וזה בעצם השפה שבה האינטרנט מדבר אפשר להגיד

  4. 01:36

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

  5. 02:00

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

  6. 02:26

    יפה אז זה הבסיס זה היסוד את זה אנחנו חייבים להכיר כל הקורסים בתכנות ובייבי של האינטרנט מתחילים ב html כי אחרי זה כשלומדים c-sharp וdotnet למעשה זה כלים יותר חכמים שעוזרים לנו לכתוב קוד אבל בסוף הכל בסופו של דבר תמיד נהפך ל html כי זה מה שהדפדפן מבין יפה זה כמו השורה התחתונה הlevel הכי נמוך זה html

  7. 02:55

    אז יש לנו פה כל מיני דברים, אני לא אדבר איתכם פלואוד, זה לדוגמה שעמודה תהיה מצד ימין או מלמט או בצד שמאל, עיצובים וכל מיני דברים שתעשה זה העיצוב, כן?

  8. 03:07

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

  9. 03:15

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

  10. 03:45

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

  11. 04:19

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

  12. 04:35

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

  13. 05:00

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

  14. 05:20

    שיש הוא אחרי שמסיימים את כל בעצם את כל ה-sp.net בעצם המבחן ההסמכה של מייקרוסופט הוא על-sp.net אבל אתם לא יכולים לעבור מבחן הסמכה של ESP.NET בלי שאתם מכירים את כל שאר הנושאים עד לפה.

  15. 05:35

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

  16. 05:50

    פה לומדים בעצם כבר, בונים כבר מגדל מהלוגיקה המאוד מאוד בסיסית, אז זה למעשה קלאסים ואינקפסולציה ו-override ומערכים, זה למעשה גם יסודות התכנות, אבל הכלים החזקים, דוגמא מה זה delegation, מה זה events, מה זה generic, אינטרפייסים וכל הדברים שהם כבר הרבה יותר,

  17. 06:11

    מה זה קונסטרקטור של קלאס, קלאסים, כל ה-object-oriented, כן, זה הבסיס של כל התכנות, אבל ה-level השני שלו.

  18. 06:23

    יפה מאוד, זה דרך אגב חשוב לכל מיני אנשים שעושים בגרויות ומבחנים ואוניברסיטה, הרבה מאוד דגש על object-oriented יש באוניברסיטה, ו-asp.net זה הדבר האמיתי שאליו שאפנו.

  19. 06:35

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

  20. 06:51

    כדי להשתמש בה, אפשר להשתמש בה ב-vb.net, asp.net, כל מיני שפות שמשתמשות בה. אז אנחנו בעצם נלמד ASP.NET שהיא בעצם מעין C-Sharp ל-Web. C-Sharp ל-Web היא בעצם ה-ASP.NET, ופה אנחנו כבר נעשה באמת עמודים.

  21. 07:13

    ושימו לב, זוכרים שב-HTML דיברנו על תגיות קלט, תגיות פלט, כל מיני תגיות איך לקלוט מידע מהמשתמש, כמו שיש לנו פה למעלה, אתם רואים פה למעלה? אני קולט מהמשתמש שם, דואר, טלפון, אני קולט ממנו.

  22. 07:28

    זה נקרא תגיות קלט. כמו שהיה לנו תגיעות קלט לדוגמה ב-HTML, שזה משהו פשוט, יש לנו עכשיו פקדים שהם למעשה בסוף הופכים ל-HTML פשוט.

  23. 07:39

    אבל מה, הם הרבה יותר חכמים, הם יודעים לעשות הרבה יותר דברים. לדוגמה, הם יודעים לבדוק שהאימייל שהזמת זה אימייל אמיתי.

  24. 07:46

    הם יכולים לעשות כל מיני דברים חכמים, למעשה זה העוצמה של .NET, זה דברים המוכנים שבסוף הופכים ל-HTML, אבל מה, הם נותנים לך כמתכנת הרבה יותר כלים בלי שתצטרך לכתוב לבד.

  25. 07:57

    אז SP.NET זה השפה האמיתית שבה עושים את כל האתרים וזאת שפה שחייבים להכיר אותה. בעצם כל האתרים כתובים או ב-SP.NET או בטכנולוגיה של PHP, בכלל טכנולוגיה מתחרה, אבל במיקרוסופט בעצם זאת השפה של ה-Web.

  26. 08:15

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

  27. 08:41

    או מה זה קאש, בקיצור סשן, אתם לומדים את כל הדברים, זה כבר התכנות האמיתית, זה הלב לבו של הקורס, נמצא פה ב-sp.net, אתם תראו כבר בעצם את האתרי אינטרנט הרבה יותר אמיתיים, הרבה יותר חזקים, קורס ASP.NET זה המטרה האמיתית.

  28. 09:02

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

  29. 09:15

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

  30. 09:40

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

  31. 09:56

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

  32. 10:17

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

  33. 10:30

    אני מחר בבוקר יכול להוסיף פה שורה, אבל בשביל להוסיף שורה אני לא צריך לשנות html, אני לא צריך לשנות קוד sp.net, אני מוסיף ב-database שורה, והוא יודע לשלוף ולהציג אותה פה.

  34. 10:41

    מעין מאגר מרכזי של המידע. וזה מה שעושה sql, ואנחנו נלמד גם את השפת sql ואיך לחבר אותה לזה. ועל ideodotnet יש בחינה נפרדת, מרוב זה שזה חשוב, וזה נושא מאוד חשוב, שאין דבר כזה שיש רעיון עבודה בלי שבודקים לכם חיבור ל-database, אין דבר כזה, אתם חייבים להכיר את זה

  35. 11:00

    ויש על זה בחינה נפרדת

לקורס המלא: קורס HTML ו‑CSS אונליין

ההרצאה הקודמת: CSS - עיצוב טבלה רק על ידי DIV

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

  • הסבר על תכנות אסינכרוני
  • הסבר כללי על לולאות בג'אווה
  • הסבר כללי על Delegate Event
  • הסבר כללי על Google Cloud

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

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