כל חלק יתחלק למספר שיעורים (לא לפי הסדר הכרונולוגי המצויין פה, אלא לפי סדר שנוח, נהיר ומובן ללמידה.)
| שפה: | HTML |
| לוגו: |  |
| מה בונים איתה: | כל האתרים בעולם מכילים קוד HTML |
| על השפה: | זו השפה המהותית ביותר לכל מי שמתעניין בכתיבת קוד לאינטרנט. היא חיונית ליצירה ועיצוב והיא ממלאת תפקיד מכריע בפיתוח. היא המרכיב הבסיסי ביותר אותו נדרש לדעת בפיתוח אתרים ומהווה מיומנות חשובה ביותר בהתחשב בעובדה שכל האתרים בעולם בנויים בשפה הזו. |
| מה נלמד? | איך לבנות באופן ויזואלי |
| פירוט: | נלמד את המרכיבים של בניית אתר מאפס תוך בחינה של קוד של אתרים אחרים ונבנה אתר משלנו תוך שנשחק עם מאפייני הקוד ואפשרויותיו. נראה איך יוצרים קובץ, איך כותבים בתוכו את הקוד ואז רואים מה יצרנו. |
| מה נבנה: | יצירת קישורים, תמונות, צבעים, גדלים, תגיות - אלמנטים, כפתורים, טקסט וכיו״ב |
| אקסטרה: | סביבות עבודה - נראה מה הן התוכנות הכי מומלצות לעבוד איתן ולתכנת בהן (נעבוד רק עם אלו המקצועיות, שניתן לעבוד איתן בחינם) |
| שפה: | CSS |
| לוגו: |  |
| מה בונים איתה: | מרבית האתרים בעולם מכילים קוד CSS |
| מה זה: | גיליונות סגנון מדורגים (באנגלית: Cascading Style Sheets ובראשי תיבות: CSS) הם פורמט לעיצוב דפי אינטרנט. הגיליונות קובעים את עיצובם של תגים ב-HTML, XHTML וכל שפה דומה ל-XML לבניית אתרי אינטרנט. CSS נוצר במטרה להפריד בין תוכן ומבנה דפי האינטרנט לבין עיצובם: פעם, נכתבו תוכן האתרים וסגנון העיצוב שלהם באותו דף HTML. כתוצאה מכך, הפך קוד ה-HTML למסובך ובלתי קריא, ושינויים עיצוביים באתר שלם דרשו מעבר דף אחר דף. באמצעות CSS ניתן למקם הגדרות עיצוב בקובץ יחיד, ששינוי בו ישתקף בבת אחת בכל הדפים העושים בו שימוש. |
| מה נלמד? | איך לעצב את המאפיינים הויזואלים של ה-HTML (מהחלק הראשון) - משמע, איך לעצב את המשחק ואת האתר באופן שאנחנו רוצים |
| מה נבנה: | אלמנטים מעוצבים, לומדים לשלוט בעיצוב ואיך להפוך אותו למשהו שנראה יפה ומכובד בדיוק לפי איך שאנו רוצים (ולא לפי אפשרויות ברירת המחדל שמציעה שפת HTML) |
| שפה: | Javascript |
| לוגו: |  |
| מה בונים איתה: | כמעט כל האתרים בעולם והמון אפליקציות לניידים מכילים קוד Javascript |
| על השפה | זו שפת התכנות הפופולרית ביותר בעולם (לפי מחקר של סטטיסטה!) היא מאפשרת להפוך פלטפורמות לאינטראקטיביות. משמע - מאפשרת לשנות בזמן אמת אלמנטים על המסך, מאפשרת לבצע חישובים מורכבים, גרפיקה, אנימציה וניתן להשתמש בה גם על השרת. |
| מה נלמד: | איך לשלוט במאפייני המשחק והאתר ואיך לשנות אותם בזמן אמת - נראה איך אנחנו שולטים באתר ומשנים אותו בזמן שהוא מוצג לנו על המסך. |
| ניסיון בשנים | 0-2 | 2-5 | 6+ | דרג ניהולי |
| משכורת חדשית באלפים | 17-21 ש"ח | 22-33 ש"ח | 30-35 ש"ח | 32-38 ש"ח |
 |  |
 |  |
| שפה: | PHP (שפת צד שרת) |
| לוגו: |  |
| על השפה | נמנית על השפות הפופולריות בעולם (ביניהן: PHP, Python, Java, C++, Node.JS) |
| מה בנו איתה: |
ויקיפדיה: האנציקלופדיה המקוונת הגדולה בעולם, והיא כתובה ב-PHP.
פייסבוק: הפלטפורמה החלה את דרכה בשפת PHP וחלקים ממנה כתובים בה עד היום. Etsy: שוק מסחר אלקטרוני לפריטים בעבודת יד ובוינטג'. Slack: פלטפורמת שיתוף פעולה פופולרית. תשתית הבקאופיס שלה בנויה ב-PHP. Tumblr: פלטפורמת מיקרובלוגינג ומדיה חברתית, הבנויה בעיקר באמצעות PHP. MailChimp: פלטפורמת שיווק בדוא"ל בשימוש נרחב, פותחה באמצעות PHP. WordPress: פלטפורמת וורדפרס משתמשת ב-PHP כשפת התכנות המרכזית שלה. Baidu: מנוע החיפוש המוביל בסין, משלב PHP בתשתית הבקאופיס שלו. Digg: פלטפורמת צבירת חדשות חברתית, Digg, החלה את דרכה ב-PHP. |
| בין יתרונותיה: |
היא קלה מאד להתקנה,
זמינה בכל מקום להתחלת עבודה מיידית, נפוצה מאד חינמית לשימוש (open source) מהירה לתחילת עבודה וליצירת פרוייקטים. הסינטקס שלה (אופן הכתיבה) דומה לשפות פופולריות אחרות כגון c++, Javascript בסיס משתמשים גלובלי רחב עם המון ידע שנצבר וקבוצות תמיכה שונות. |
| מה נלמד: | נהפוך את האתר לדינמי (אתר המאפשר תקשורת עם המשתמשים); נלמד לשמור נתונים מהמשתמש על השרת - שמירה ושליפה של נתונים ממאגרי מידע, נבצע הליך רישום, חישובים, נייצר קוד בתוך קוד וכיו"ב |
| ניסיון בשנים | 0-2 | 2-5 | 6+ | דרג ניהולי |
| משכורת חדשית באלפים | 18-23 ש"ח | 23-28 ש"ח | 28-35 ש"ח | 30-40 ש"ח |
 | |
 |  |
 |  |
| שפה: | SQL (MySQL) |
| לוגו: |  |
| על השפה | דטה בייס (מאגרי נתונים) - מסד נתונים יחסי ורב משתמשים מבוסס שפת SQL (Structured Query Language). נקרא ע"ש My, בתו של אחד מהכותבים המקוריים. התוכנה היא חלק מאוסף תוכנות תשתית פופולריות שעומדות בבסיסם של אתרים רבים המשתמשים בה כבסיס נתונים המחזיקים את כל המידע הנאגר בהם. |
| מה בנו איתה: |
פייסבוק משתמשת ב-MySQL כמסד הנתונים העיקרי שלה לטיפול בכמויות אדירות של
נתוני משתמשים.
יוטיוב משתמשת ב-MySQL לניהול היבטים שונים של פעילותה, לרבות אחסון נתוני משתמש, מטא נתונים של וידאו ועוד מידע רלוונטי. טוויטר, שירות המיקרובלוגינג והרשתות החברתיות, מסתמך על MySQL לניהול נתוני המשתמשים הנרחבים, הציוצים והמידע הקשור. וורדפרס, מערכת ניהול התוכן הנפוצה (CMS), משתמשת ב-MySQL כמסד הנתונים המוגדר כברירת מחדל לאחסון תוכן אתר, נתוני משתמשים ומידע חיוני אחר. Airbnb, השוק המקוון להשכרת נופש ולינה, ממנפת את MySQL לניהול מסד הנתונים שלה כדי לטפל בפרטי משתמשים, נתוני הזמנות ורישומי נכסים. |
| מה נלמד: | למה צריך לשמור את הנתונים במאגר נתונים ולא בקובץ, ואיך עושים את זה |
| מה נלמד: |
שרתים ו-FTP
איך עובד שרת ואיך אפשר לחשוף את האתר לעולם. נתקין שרת על המחשב ואח״כ, נעלה את האתר לשרת כך שיהיה באינטרנט - פומבי ונגיש לכל. |
| לוגו: |  |
| מה זה: | FTP (ראשי תיבות: File Transfer Protocol) הוא פרוטוקול תקשורת להעברת קבצים בין מחשבים. באמצעות פרוטוקול זה, תוכנת לקוח FTP מתקשרת עם תוכנת שרת FTP, לשם לקיחת קובץ מהשרת או הוספת קובץ אליו. שימושים אופייניים לפרוטוקול: הורדת קובצי מולטימדיה למיניהם (סרטים, מוזיקה וכדומה) מאתר המאחסן קבצים כאלה. ניהול אתר אינטרנט: העברת דפים וקבצים ממחשבו של מנהל האתר אל שרת האינטרנט המאפשר לציבור גישה לקבצים אלה. לקדם שיתוף קבצים (קובצי תוכנה וקובצי נתונים) לעודד שימוש עקיף במחשבים מרוחקים. להגן על המשתמש מווריאציות של דרכי אחסון קבצים במחשבים שונים. להעביר נתונים באמינות וביעילות ובמהירות. |
| אקסטרה | גם כאן - נלמד מה הן התוכנות הכי מומלצות לעבוד איתן (נעבוד רק עם אלו שניתן לעבוד איתן בחינם) |
| שפה: | JQuery |
| לוגו: |  |
| מה זה: | קיצורי דרך ל-Javascript וקצת אנימציות) |
| מה נלמד: | פריים-וורק (הרחבה של ג׳אווה סקריפט), איך לכתוב פקודות קצרות, איך להזיז אובייקטים על המסך, jquery Ajax - איך לשלוט במאפייני האתר ואיך לשנות אותם בזמן אמת, בעזרת נתונים מתוך הדטה בייס (מתוך מאגר הנתונים) - משמע, איך לשנות את האתר בזמן שהוא מוצג לנו על המסך, בהתחשב בנתונים ממאגר הנתונים. |
