- למד על יישומי אינטרנט וכיצד הם שונים מאפליקציות לנייד
- למד על אפשרויות שונות לקידוד ובניית אפליקציות אינטרנט
- התקן את התוכנה הדרושה לבניית אפליקציית אינטרנט
אלו הפעילויות לשיעור זה:
אפליקציות אינטרנט
לפרויקט Technovation שלך, יש לך אפשרות לבנות אפליקציה לנייד או אפליקציית אינטרנט .
למשתתפים שהשתתפו בעבר ב-Technovation ומחפשים אתגר חדש, או למשתתפים חדשים שיש להם ניסיון קודם בקידוד, אולי תשקלו ליצור אפליקציית אינטרנט לפרויקט Technovation שלכם.
משתתפים רבים יבחרו לבנות אפליקציה לנייד, עם אחד מבוני האפליקציות המוצעים שלנו, App Inventor או Thunkable. אם אתה חדש בקידוד או יודע שאתה רוצה להשתמש ב-App Inventor או Thunkable כדי לקודד את האפליקציה שלך, אתה יכול לדלג על שיעור זה!
יצירת אפליקציית אינטרנט כוללת קידוד מבוסס טקסט והיא מתקדמת יותר מקידוד מבוסס בלוק עם App Inventor או Thunkable.
נתחיל בסקירה של ההבדל בין אפליקציות לנייד, אפליקציות אינטרנט ואפליקציות אינטרנט פרוגרסיביות.
אפליקציה לנייד
- תוכנית שפועלת באופן מקורי בטלפון
- הורד והותקן במכשיר
- יכול לגשת לתכונות הטלפון, כגון GPS ומצלמה
- ספציפי לפלטפורמה (iOS או אנדרואיד)
- מקודד בשפות מסוימות כדי להתאים למערכת ההפעלה
אפליקציית אינטרנט
- דומה מאוד לאפליקציה לנייד
- פועל בדפדפן אינטרנט
- לא מקורי במכשיר מסוים (iOS או אנדרואיד)
- מקודד בדרך כלל עם HTML, CSS, Javascript ו-Python
- לא יכול לפעול במצב לא מקוון
אפליקציית אינטרנט מתקדמת
- סוג מיוחד של אפליקציית אינטרנט המהווה הכלאה בין אפליקציה לנייד לאפליקציית אינטרנט
- פועל בדפדפן
- ניתן להתקין גם במכשיר הנייד כמו אפליקציה סלולרית רגילה
- יכול לפעול גם כאשר המשתמש במצב לא מקוון
שים לב שאפליקציית אינטרנט שונה מאתר אינטרנט. אתר אינטרנט הוא סטטי, מקודד באמצעות HTML ו-CSS. אפליקציות אינטרנט הן דינמיות ומשתנות, בהתבסס על קלט משתמש ואינטראקציות חיצוניות אחרות. עבור פרויקט Technovation שלך, אתר אינטרנט אינו מקובל.
נחקור כמה אפשרויות למתחילים ליצירת אפליקציות אינטרנט.
הבדל אחד גדול מפלטפורמות בניית האפליקציות שאנו מכסים עבור אפליקציות לנייד הוא שתיצור אפליקציית אינטרנט באמצעות שפת תכנות מבוססת טקסט במקום שפה מבוססת בלוק.
ישנן שתי שפות עיקריות המשמשות ליצירת אפליקציות אינטרנט.
JAVASCRIPT
Javascript, או JS , היא שפת סקריפטים. המשמעות היא שהקוד מבוצע בזמן ריצה, במקום להידור, כמו אפליקציה לנייד. זה כמו שחקן שעובר על התסריט שלה במהלך הצגה בכל פעם שהתוכנית רצה.
Javascript משולב לעתים קרובות עם HTML ו-CSS כדי ליצור אתרים. HTML ו-CSS משמשים ליצירת אתרים סטטיים, שיכולים להציג מידע אך אינם משתנים. Javascript מוסיף אינטראקטיביות ויכולת לאתר לשנות ולהתעדכן על סמך גורמים חיצוניים. ואתר דינמי ואינטראקטיבי הוא בעצם אפליקציית אינטרנט.
פִּיתוֹן
Python היא שפת תכנות פופולרית מאוד לשימוש כללי. Python היא גם שפת תכנות וגם שפת סקריפטים, כך שניתן לקמפל אותה להפעלה אך גם להפעיל אותה בזמן ריצה.
היא נתפסת כשפה פשוטה ורב-תכליתית הנגישה למקודדים חדשים. הוא משמש בהיבטים רבים ושונים של פיתוח תוכנה. תחום אחד הוא פיתוח אתרים. אחר הוא למידת מכונה. אז, Python היא אפשרות מצוינת ללמידה ופיתוח אפליקציות אינטרנט מתקדמות יותר של AI.
בתכנית הלימודים הזו, נתמקד ביצירת אפליקציות אינטרנט עם Python. כדי לבנות בקלות אפליקציית אינטרנט באמצעות Python, נשתמש במסגרת בשם Streamlit . Streamlit מאפשר לך לבנות אפליקציות אינטרנט חזקות ואינטראקטיביות עם מעט קוד. היא מתמחה באפליקציות הכוללות נתונים, ומאפשרת לך להשתמש בקלות בספריות למידת מכונה של Python כדי לשלב AI באפליקציות שלך.
להלן כמה מאפיינים עיקריים.
- אפשרות טובה לאנשים שיש להם הרבה ניסיון בקידוד מבוסס בלוקים ומחפשים אתגר חדש
- טוב לאנשים שעשו קידוד מבוסס טקסט
- שפה מאוד תכליתית בשימוש נרחב
- תצטרך להתקין תוכנה על המחשב שלך
- פייתון וספריות נלוות
- עורך קוד
- ל-Streamlit יש אפשרות לרוץ בדפדפן, באמצעות Github
- לא נסקור אפשרות זו בתכנית הלימודים הזו
- אתה יכול להשתמש ב-AI איתו
- השפה הפופולרית ביותר לבנייה ושימוש במודלים של למידת מכונה
- נשתמש ב-Jupyter Notebooks בתכנית הלימודים הזו לבניית מודלים
תחילת העבודה
כדי לקודד אפליקציות אינטרנט עבור פרויקט Technovation שלך, תצטרך:
- מחשב או מחשב נייד
- גִישָׁה לַאִינטֶרנֶט
אתה אמור להיות קצת נוח להשתמש בחלון המסוף ב-Mac או Linux ובמסוף או בשורת הפקודה ב-Windows. אם אין לך ניסיון, או אפילו יודע מה זה חלון הטרמינל, בדוק את הסרטונים האלה למתחילים לפני שתמשיך לפעילות.
צפה בסרטון המתאים למערכת ההפעלה שלך.
אנחנו הולכים לכסות שתי אפשרויות לפיתוח אפליקציות אינטרנט. אתה יכול לקודד במחשב או במחשב הנייד שלך, או שאתה יכול לקודד הכל בענן. אתה יכול לבחור בכל אחת מהאפשרויות, אך מומלץ לבחור באפשרות אחת ולהתמיד בה דרך פרויקט Technovation שלך. לדעת כיצד להשתמש בפקודות הטרמינל שלמעלה שימושי בכל אחת מהאפשרויות.
הנה כמה יתרונות וחסרונות לכל אחד מהם.
במחשב שלך
יתרונות:
- הקבצים נשמרים במחשב שלך
- למד להשתמש ב-Visual Studio Code, IDE פופולרי מאוד
- תלמדו הרבה על שימוש בחלון הטרמינל, התקנת חבילות וכו'
- שליטה מלאה ובחירה בתוכנה שבה נעשה שימוש
- יכול לקודד מבלי להזדקק תמיד לגישה לאינטרנט
חסרונות:
- לא קל לשתף קבצים וקוד יחד עם הצוות שלך
- התקנת חבילות עשויה להיות מאוד מתסכלת ועשויה לקחת זמן רב בהתקנה
- פוטנציאל לאובדן קבצים אם המחשב קורס
בענן
יתרונות:
- הקבצים מאוחסנים בענן
- אין צורך להתקין שום דבר במחשב
- קישור אוטומטי ל-Github למטרות תיק עבודות
- קל לשתף ולקוד כצוות
חסרונות:
- לא יהיה לי ניסיון בשימוש בתוכנה מקומית
- תלות בחיבור לאינטרנט
בחר בפעילות א' או ב'פעילות ב', על סמך אם ברצונך לבצע קוד מקומי במחשב או קוד בענן.
פעילות א': התחל עם PYTHON במחשב שלך
התקן את אפליקציית התוכנה והקוד מתחיל
- שלב 1: התקן את Python. הנה סט טוב של הוראות עבור Windows, Mac או Linux.
- שלב 2: התקן עורך קוד ו-Streamlit. סרטון זה מראה לך כיצד להתקין Visual Studio Code ולאחר מכן להתקין את Streamlit כדי להפעיל אותו מעורך הקוד.
- שלב 3: הפעל אפליקציית אינטרנט פשוטה מאוד של Streamlit בסביבת VS Code על ידי ביצוע הסרטון הזה.
- חגג על ידי צילום מסך של אפליקציית האינטרנט הראשונה שלך ושלח אותה עם הערה למנטור שלך!
פעילות ב': התחל עם PYTHON בענן
צור חשבונות וקוד אפליקציה
סקירה של תנאים עיקריים
- Web App - אפליקציה שנראית כמו אפליקציה לנייד אך פועלת בדפדפן אינטרנט ומקודדת באמצעות HTML, CSS ו-Javascript או Python
הִשׁתַקְפוּת
מזל טוב שניסית קצת קידוד מבוסס טקסט! הנה כמה שאלות רפלקטיביות שתוכל לשקול עם הצוות שלך ועם המנטור שלך.
משאבים נוספים
תצטרך להפנות לתיעוד ולתמיכה לקבלת עזרה בעבודה עם Python & Streamlit. להלן כמה מקומות טובים להתחיל.
- למדריך למתחילים של Python.org יש כמה קישורים טובים למידע נוסף על Python.
- גלריית האפליקציות של Streamlit
- הפלייליסט המלא של קורס Streamlit של Nileg Production
