לפניכם הגרסה העברית שנוצרה באופן אוטומטי. לקריאת הגרסה המקורית באנגלית
תיאור
קורס זה מספק מבוא ל- HTML5, CSS3 ו- JavaScript. קורס זה מסייע לתלמידים לרכוש מיומנויות HTML5 / CSS3 / JavaScript תכנות בסיסיות. קורס זה הוא נקודת כניסה הן ליישום האינטרנט והן לאפליקציות הכשרה של Windows Store. הקורס מתמקד בשימוש HTML5 / CSS3 / JavaScript כדי ליישם לוגיקה תכנות, להגדיר ולהשתמש משתנים, לבצע לולאה הסתעפות, לפתח ממשקי משתמש, ללכוד ולאמת קלט המשתמש, נתוני חנות, וליצור היטב מובנה application.The תרחישים במעבדה זה הקורס נבחר לתמוך ולהדגים את המבנה של תרחישי יישומים שונים. הם נועדו להתמקד בעקרונות רכיבי קידוד / מבנים המשמשים ליצירת יישום HTML5 יישום תוכנה.זה קורס משתמש Visual Studio 2017, פועל על Windows 10.
לימודי Programming in HTML5 with JavaScript and CSS3
סילבוס תוכנית הלימודים - מבנה ונושאים
קהל יעד
קורס זה מיועד למפתחים מקצועיים בעלי ניסיון של 12-12 חודשים בפיתוח אפליקציות עם HTML5 עם JavaScript ו- CSS3 (או Windows Apps Apps עבור Windows 10 או יישומי אינטרנט).
סקירה כללית של HTML ו- CSS
מעבדה 1: חקר יישום כנס Contoso
היכרות עם יישום הכנס Contoso
בחינת ושינוי יישום ועידת Contoso
יצירת וסגנונות דפי HTML
מעבדה 1: יצירת ועיצוב דפי HTML5
יצירת דפי HTML5
עיצוב דפי HTML
מבוא ל- JavaScript
מעבדה 1: הצגת נתונים וטיפול באירועים באמצעות.
הצגת נתונים באופן תכנותי
טיפול באירועים
יצירת טפסים כדי לאסוף ולאמת קלט משתמש
מעבדה 1: יצירת טופס ואישור קלט משתמש
יצירת טופס ואישור קלט משתמש על ידי שימוש בתכונות HTML5
אימות קלט המשתמש על ידי שימוש ב - JavaScript
תקשורת עם שרת מרוחק
מעבדה 1: תקשורת עם מקור נתונים מרוחק
משחזר נתונים
סידור והעברת נתונים
Refactoring את הקוד באמצעות jjuery ajax שיטה
עיצוב HTML5 באמצעות CSS3
מעבדה 1: עיצוב טקסט וחסימה באמצעות רכיבי CSS3
עיצוב סרגל הניווט
סגנון הקישור הרשמה
עיצוב הדף
יצירת אובייקטים ושיטות באמצעות
מעבדה 1: קידוד קוד לתחזוקה והרחבה
אובייקט ירושה
Refactoring קוד JavaScript כדי להשתמש באובייקטים
יצירת דפים אינטראקטיביים על ידי שימוש בממשקי API של HTML5
Lab 1: יצירת דפים אינטראקטיביים עם APIs HTML5
גרירה ושחרור תמונות
שילוב וידאו
שימוש בממשק API של Geolocation כדי לדווח על המיקום הנוכחי של המשתמש
הוספת תמיכה לא מקוונת ליישומי אינטרנט
Lab 1: הוספת תמיכה לא מקוונת ליישומי אינטרנט
מטמון נתונים לא מקוונים באמצעות ממשק ה- API של מטמון היישום
המשך נתוני משתמש באמצעות ממשק ה- API המקומי של אחסון
יישום ממשק משתמש מסתגל
מעבדה 1: יישום ממשק משתמש מסתגל
יצירת גיליון סגנונות להדפסה
התאמת פריסת עמוד כדי להתאים גורמים צורה שונים
יצירת גרפיקה מתקדמת
מעבדה 1: יצירת גרפיקה מתקדמת
יצירת מפת מקום אינטראקטיבי באמצעות SVG
יצירת תג רמקול באמצעות ממשק API של בד
אנימציה ממשק משתמש
מעבדה 1: אנימציה ממשק המשתמש
החלת מעברי CSS
החלת אנימציות keyframe
הטמעת תקשורת בזמן אמת באמצעות שקעי רשת
מעבדה 1: ביצוע תקשורת בזמן אמת באמצעות שקעי רשת
קבלת הודעות מ - Web Socket
שליחת הודעות לשקע אינטרנט
טיפול מסוגי אינטרנט מסוג Socket שונים
ביצוע עיבוד רקע על ידי שימוש ב - Web Workers
Lab 1: יצירת תהליך Worker Web
שיפור היענות באמצעות Web Worker
אריזות עבור פריסה הייצור
מעבדה 1: הגדרת חבילת Webpack לייצור
יצירה ופריסה של חבילות באמצעות WebPack
דרישות קדם
1 - 3 חודשים חוויית יצירת יישומי אינטרנט, כולל כתיבת קוד JavaScript פשוט
1 חודש ניסיון ליצור יישומי לקוח של Windows
1 חודש ניסיון באמצעות Visual Studio 2017
צטרות הלימודים בקורס
הסבר כיצד להשתמש ב- Visual Studio 2017 כדי ליצור ולהפעיל יישום אינטרנט.
תאר את התכונות החדשות של HTML5, וליצור ולסגנון דפי HTML5.
הוסף אינטראקטיביות לדף HTML5 באמצעות JavaScript.
צור טופסי HTML5 באמצעות סוגי קלט שונים, ואמת קלט משתמש באמצעות תכונות HTML5 וקוד JavaScript.
שלח וקבל נתונים ממקור נתונים מרוחק וממנו באמצעות אובייקטים מסוג XMLHTTPRequest ו- API של אחזור.
סגנון HTML5 דפים באמצעות CSS3.
צור קוד JavaScript מובנה וקל לשמירה.
כתוב קוד JavaScript מודרני והשתמש בבל כדי להתאים אותו לכל הדפדפנים.
השתמש בממשקי HTML5 נפוצים ביישומי אינטרנט אינטראקטיביים.
יצירת יישומי אינטרנט התומכים בפעולות לא מקוונות.
יצירת דפי HTML5 אינטרנט שיכולים להתאים למכשירים ולגורמי צורה שונים.
הוסף גרפיקה מתקדמת לדף HTML5 באמצעות אלמנטים של Canvas, וכן באמצעות גרפיקה Scalable Vector Graphics.
שפר את חוויית המשתמש על ידי הוספת הנפשות לדף HTML5.
השתמש ב- Web Sockets כדי לשלוח ולקבל נתונים בין יישום אינטרנט לבין שרת.
שפר את ההיענות של יישום אינטרנט שמבצע פעולות ארוכות טווח באמצעות תהליכים של Web Worker.
השתמש WebPack כדי חבילת יישומי אינטרנט לייצור