הקדמה
כאמור, נכנסנו לחלק בקורס בו אנחנו עושים קצת שנניגנס, ובוחנים כל מני טכנולוגיות מגניבות שלאו דווקא קשורות ישירות לפייתון.
שבוע שעבר סקרנו את git – מערכת לניהול גרסאות, והשבוע אנחנו הולכים לקבל מושג ראשוני לגבי התחום של פיתוח אתרים.
פיתוח אתרי אינטרנט הוא תחום שצבר תאוצה רבה בשני העשורים האחרונים.
יותר ויותר ממשקים שפונים למשתמש עושים שימוש באתרי אינטרנט, ולא בתוכנה שמורידים למחשב.
היתרונות ברורים: הגישה מהירה ומצריכה הקלדה של כתובת בלבד, והמתכנת לא צריך להתאים את התוכנה שהוא בונה למערכות ההפעלה השונות.
הגידול בשימוש באינטרנט בעשורים האחרונים הביא בתורו לפיתוח מואץ בתחום.
פיתוח אתרים הוא תחום רחב היקף, שהתמקצעות בו היא לא דבר של מה בכך.
למרות זאת, בשבועות הקרובים נלמד ונחווה הקמה של אתר בסיסי בעזרת טכנולוגיות נפוצות לבניית אתרים.
הידע שצברנו עד כה בפייתון מאפשר לנו לכתוב שכבת לוגיקה שמאפשרת לנו לעבד ולהחזיר מידע לפי לוגיקה מסוימת שתכנתנו (נקרא גם backend).
בשבועות הקרובים נתמקד ברכישת ידע בתחום מעט שונה. הפעם, נתמקד בכתיבת שכבה שמטרתה ליצור על המסך ממשק משתמש גרפי (נקרא גם frontend).
חומרי לימוד: HTML בסיסי
הקדמה
ודאו שעברתם על החומרים הבאים והבנתם אותם.
- מה ההבדל בין דף אינטרנט, אתר, שרת ומנוע חיפוש? הוא מאמר טוב מתוך אתר שימושי מאוד שנקרא MDN. הוא יהיה המקור שלנו ללימוד HTML בסיסי.
- קראו על מבנה הקבצים של אתר אינטרנט.
אחרי שקראתם, ענו לעצמכם על השאלות הבאות כדי לוודא שהבנתם:
שאלות וידוא הבנה
- מה ההבדל בין אתר (website) לבין שרת (webserver)?
- אילו סוגי משאבים (resources) קיימים באתר?
- מה שמו של הקובץ של דף הבית שממנו לרוב האתר נטען?
- אם אני נמצא בדף kokus.html שבתיקייה guyava, וליד התיקייה guyava קיימת התיקייה images בה יש את הקובץ kwak.gif. איך אוכל לטעון את kwak.gif בדף kokus.html? בונוס: ציינו 2 אפשרויות.
חומרי הלימוד והתרגילים
| מספר תרגיל | עמוד לימוד | קישור לתרגיל |
|---|---|---|
| Getting Started with HTML | ||
| What’s in the head? Metadata in HTML | ||
| 183–185 | HTML text fundamentals | Test your skills: HTML text basics |
| 186–188 | Creating hyperlinks | Test your skills: Links |
| 189–190 | Advanced text formatting | Test your skills: Advanced HTML text |
| 192 | Document and website structure | Structuring a page of content |
| Debugging HTML | ||
| 191 | Marking up a letter |
הערה: מי שעושה את freeCodeCamp יכול לרפרף על חומרי הלמידה בזריזות יחסית, ולהתעכב רק על חומרי למידה חדשים. מומלץ שלא לדלג על Debugging HTML ועל Document and website structure.
לינקים נוספים לנוחיותכם
- שליפים, ועוד שליפים.
- אתר מומלץ אחר ללמידה.