קורס מקוון של JavaScript. פיתוח מקצועי של ממשקי אינטרנט - קורס חינם מבית HTML Academy, הדרכה 9 שבועות, תאריך 15.10.2023.
Miscellanea / / December 04, 2023
למה הקורס מקצועי?
בקורס זה תלמדו איך לעשות פרויקטים אמיתיים, באותה רמת מורכבות כמו בתעשייה. ואתם תעשו אותם נכון, כך שאחרי האימון תפיקו תוצאות ברמה גבוהה שחברות מוכנות לשלם עליהן.
למה לצפות במהלך האימון
חי
שידורים חיים בהם מנתחים מורים סוגיות מורכבות מתוך תיאוריה ופרקטיקה. הם מתקיימים מ-19 עד 21 שעון מוסקבה, ההרשמה אפשרית למחרת.
תרגול
לאחר ההרצאה אתה עושה שיעורי בית בהם אתה עובד על הפרויקט שלך ומחזק את חומר הקורס.
ביקורת קוד
המנטור יבדוק את איכות המטלות וישתף מניסיונו כיצד להשתפר.
סעיף 1 מבוא ל-JavaScript
בואו נראה איך הקורס עובד, אילו כלים תצטרכו וכיצד להגדיר אותם. בואו נסתכל מהי שפת JavaScript, כולל מפרט ECMAScript והדפדפן.
איך עובד הקורס? עניינים ארגוניים.
תכנית העבודה בקורס.
סקירת פרויקטים.
קריטריונים לאיכות.
שפת JavaScript
מפרט ECMAScript.
מה הדפדפן נותן JavaScript?
יסודות JavaScript.
תחביר בסיסי: סוגריים, סוגרים מסולסלים, אופרטורים, מילים שמורות, הערות.
אבני הבניין הבסיסיות הן משתנים ופונקציות.
פרימיטיבים וסוגי נתונים מורכבים.
כלים.
עורכי קוד.
Linters.
שרת פיתוח.
סעיף 2 תכונות JavaScript בסיסיות
בואו נתחיל ללמוד את המבנים הבסיסיים של JavaScript, במיוחד פונקציות. בואו נסתכל על הניואנסים של הצהרת משתנים. בואו להכיר את כלי המפתחים.
משתנים.
אזורי ראות.
הצהרות על תנאי.
מפעיל טרנרי.
מתג מפעיל רב בחירה.
מחזורים.
ללהק.
פונקציות.
פונקציות חץ.
פרמטרים של פונקציות ברירת מחדל.
מנוחה-פרמטרים.
הנפת משתנים ופונקציות.
מבוא ל-DevTools (כלי מפתחים).
סעיף 3 אובייקטים ומערכים
קטע ללא חי
תוכלו להכיר סוגי נתונים מורכבים: מערכים ואובייקטים. למד ליצור ולנהל אותם.
סוגי נתונים מורכבים.
מערכים.
שיטות מערך בסיסיות.
חפצים.
Callbacks (פונקציות Callback).
סעיף 4 אובייקטים ופונקציות מובנים
בואו נסתכל על האובייקטים והפונקציות הקיימות בשפת JavaScript עצמה. בואו ניגע בהקשר הביצוע של זה. בוא נריץ וניפוי באגים בקוד במסוף כלי המפתחים.
הרס מבנה.
התחביר להפיץ.
חפצים מובנים ושיטותיהם.
חוּט.
מספר.
בוליאנית.
תַאֲרִיך.
מתמטיקה.
מפעיל חדש.
פונקציות מובנות ב-JavaScript.
הקשר פונקציה.
מילת המפתח היא זו.
אובדן סביבה.
DevTools. שימוש בקונסולה.
סעיף 5 ארגון קוד
בואו נסתכל על הרעיון של היקפים. בואו נדון בעקרון ה-DRY (אל תחזור על עצמך) וכיצד להשתמש בו כדי לכתוב פחות קוד ועדיין להספיק יותר. בואו ללמוד מהם מודולים וכיצד "לשבור" עליהם קוד; מהי נקודת כניסה?
אזורי ראות.
היקף גלובלי של חלון.
סגירות
מודולריות.
שימוש חוזר בקוד, עקרון DRY.
הרעיון של מודול.
נקודת כניסה.
מודולי ECMAScript, תחביר ייבוא וייצוא.
DevTools: איתור באגים בקוד באמצעות מקורות.
סעיף 6 DOM ואירועים
קטע ללא חי
אתה תכיר את מודל אובייקט המסמך. Document Object Model או DOM). שקול כיצד לתאר תגובות לפעולות המשתמש: הזנת טקסט, לחיצה על אלמנטים מסוימים, גלילה וכו'.
עץ DOM.
מסמך הוא השורש של הכל.
מבנה עץ DOM.
חפש אלמנטים בדף.
ניהול תכונות אלמנטים.
תבניות ונתונים.
אירועים בעמוד.
מטפלי אירועים.
סעיף 7 מניפולציה של DOM
בואו ננסה ליצור, למחוק, להזיז ולתפעל רכיבי DOM. באמצעות תבניות, נצייר את הנתונים שנוצרו קודם לכן.
ניהול עצי DOM.
ניהול תכונות רכיב DOM.
הזזת אלמנטים בעץ ה-DOM.
גישות ליצירת רכיבי DOM.
יצירת אובייקטי DOM.
ניהול סימון: להוסיף, להקדים, להוסיףAdjacentHTML, innerHTML, textContent.
תבנית.
תבנית מחרוזת (מחרוזות תבנית).
תג מיוחד .
סעיף 8 עבודה עם אירועים
אנו נטפל באינטראקציה של המשתמש כך שהדף יגיב להזנת טקסט בטפסים, לחיצה על אלמנטים מסוימים, גלילה וכו'. הבה נבחן כיצד להפוך את האינטראקציה הזו לנגישה.
אירועים.
אובייקט אירוע, ניהול אירועים: preventDefault ו-stopPropagation.
שלבי אירועים ואצלה.
אירועי מקלדת ונגישות.
לולאת אירועים.
אימות טופס.
Pristine היא ספריית אימות טפסים.
אימות באמצעות ביטויים רגולריים.
DevTools: יכולות אלמנטים (מפקח) לעבודה עם ה-DOM ואירועים.
סעיף 9 ממשקי API חיצוניים וספריות צד שלישי
בואו נסתכל איך לא "לכתוב את האופניים שלכם", אלא לעשות שימוש חוזר בניסיון ובקוד של מישהו אחר. בואו להכיר את הרעיון של ממשק תוכנה. ממשק תכנות יישומים או API), שקול את ה-API של ספריות JavaScript של צד שלישי ואת ה-JavaScript API של שירותי מפות. בואו נסתכל במהירות על ממשקי ה-API שהדפדפן מספק למפתחים.
מושג API.
שירותי מפות ו-JavaScript API שלהם.
OpenStreetMap.
עָלוֹן.
ספריות צד שלישי.
למה צריך ספריות?
איך להתחבר לפרויקט.
noUiSlider.
סקירה כללית של דפדפן API.
סעיף 10 רשת
קטע ללא חי
אתה תסתכל על פרוטוקול ה-HTTP ופורמט הנתונים של JSON בעצמך. שקול כיצד האינטראקציה של המשתמש עם האתר משתנה בעת השימוש ברשת, ומה יכול להשתבש.
פרוטוקול HTTP ותבניות נתונים.
JSON.
טיפול חריג.
נסה לתפוס.
כלים לעבודה עם בקשות רשת.
סעיף 11 אסינכרוני. רשת
בואו נסתכל על הרעיון של אסינכרוניה וכיצד להשיג זאת באמצעות הבטחות. מבטיח, מבטיח). בואו להכיר טכנולוגיות המאפשרות לבצע בקשות לשרת מדפדפן. הבה נבחן כיצד לטפל בשגיאות בפועל בעת עבודה עם הרשת אם משהו משתבש.
אסינכרוניה.
setTimeout ו-setInterval.
הַבטָחָה.
עבודה מול הרשת.
אחזר כדי ליצור קשר עם השרת.
טיפול בשגיאות בבקשות.
DevTools: עבודה עם בקשות רשת ברשת.
שבוע ראשון להגנה
סיום העבודה על הפרויקט והכנה להגנת הסופי.
סעיף 12 משוב ואופטימיזציה
אנו מייעלים את העבודה עם נתונים ואירועים באתר האינטרנט שלנו. אנו מיישמים משוב ברור וידידותי למשתמש.
עבודה מתקדמת עם מערכים.
מִיוּן.
סִנוּן.
אופטימיזציות של ביצועים.
השלכת מסגרות - מצערת.
ביטול הקפצה - דבאנס.
API של קבצים.
URL.createObjectURL().
FileReader.
שבוע שני להגנה
הערכה ראשונה של הפרויקט על ידי המנטור הבודק על פי קריטריוני איכות.
שבוע שלישי להגנה
שיפור הפרויקט בהתבסס על הערותיו של המנטור הבודק והגשתו להערכה שנייה.
סעיף 13 סופי
בואו נסכם את הקורס, ולאחר מכן נדון בתכונות של JavaScript שאולי תצטרכו להיתקל בהן בעבודה. המושג של קוד מורשת ומה לעשות איתו, עם הקוד. בואו נסתכל במהירות על כלי המפתחים הקדמיים המתקדמים כדי שתוכלו להבין לאן להמשיך.
JavaScript מיוחד.
מצב קפדני 'השתמש בקפדנות'.
פסיקים אופציונליים.
קוד מדור קודם.
jQuery.
var והיקף פונקציונלי.
XMLHttpRequest.
פונקציות קונסטרוקטור.
אבות טיפוס.
כלים מתקדמים.
Webpack.
טרנספילרים ופוליפילים.
בבל.
שבוע רביעי להגנה
ביצוע עריכות אחרונות וקבלת ציון סופי.
sashascript2022
26.07.2022 G.
אני שוקל את קורס JavaScript. פיתוח ממשק אינטרנט מקצועי הוא התחלה מצוינת ללימוד JavaScript.
יתרונות: חומר שוטף, שום דבר מיותר, ללא מים + היתרונות הנ"ל. חסרונות: היה לי מאוד קשה בהתחלה, מכיוון שאני לומד את השפה מאפס) למדתי את הקורס הזה מה-15 בפברואר עד ה-18 באפריל, 2022. וצבר ידע בסיסי מוצק ב-JavaScript. אבל זה לא כל מה שעשיתי בקורס. למדתי גם את היסודות של HTML, CSS, יסודות העבודה עם Git ו-Github ועוד הרבה...
זרע בושמנוב
27.05.2022 G.
קורסים טובים!
יתרונות: נותן תוצאות לתלמיד, מובנה בצורה ברורה, מחושב היטב, הצגה טובה של החומר. חסרונות: אין, אבל ראוי לציין שתכנות באופן כללי דורש די הרבה זמן. סיימו את הקורס "Javascript". פיתוח מקצועי של ממשקי אינטרנט". קורס נפלא! ההתקדמות בתכנות לאחר הקורס ברורה. אתה באמת צריך להקדיש הרבה זמן ללמידה...
זרע בושמנוב
27.05.2022 G.
קורסים טובים!
יתרונות: נותן תוצאות לתלמיד, מובנה בצורה ברורה, מחושב היטב, הצגה טובה של החומר. חסרונות: אין, אבל ראוי לציין שתכנות באופן כללי דורש די הרבה זמן. סיימו את הקורס "Javascript". פיתוח מקצועי של ממשקי אינטרנט". קורס נפלא! ההתקדמות בתכנות לאחר הקורס ברורה. אתה באמת צריך להקדיש הרבה זמן ללמידה...