קורס מקוון של תגובה. פיתוח אפליקציות לקוח מורכבות - קורס חינם מבית HTML Academy, הדרכה 9 שבועות, תאריך 15 באוקטובר 2023.
Miscellanea / / December 04, 2023
למה הקורס מקצועי?
בקורס זה תלמדו איך לעשות פרויקטים אמיתיים, באותה רמת מורכבות כמו בתעשייה. ואתם תעשו אותם נכון, כך שאחרי האימון תפיקו תוצאות ברמה גבוהה שחברות מוכנות לשלם עליהן.
למה לצפות במהלך האימון
חי
שידורים חיים בהם מנתחים מורים סוגיות מורכבות מתוך תיאוריה ופרקטיקה. הם מתקיימים מ-19 עד 21 שעון מוסקבה, ההרשמה אפשרית למחרת.
תרגול
לאחר ההרצאה אתה עושה שיעורי בית בהם אתה עובד על הפרויקט שלך ומחזק את חומר הקורס.
ביקורת קוד
המנטור יבדוק את איכות המטלות וישתף מניסיונו כיצד להשתפר.
סעיף 1 מבוא ל-TypeScript
הבה נשקול את תכנית העבודה בקורס. בואו לגלות מה זה TypeScript ואילו בעיות הוא פותר. בואו להכיר את מערכת הטיפוסים ולהבין כיצד מתרחש תהליך ההקלדה. בואו ללמוד כיצד להגדיר את המהדר ולהסתכל על ההגדרות הבסיסיות. לאחר מכן נעבור לתרגול ולהבין את התכונות של כתיבת קוד מודפס: tuples, ממשקים, גנריות וכו'.
עניינים ארגוניים.
סקירת פרויקטים.
תכנית העבודה בקורס.
מבוא ל-TypeScript.
מהו TypeScript ואיזה בעיות הוא פותר?
סוג מערכת.
כיצד קוד TypeScript הופך ל-JavaScript.
תשתית: הגדרות מהדר.
הערות והסקת סוג אוטומטית.
תרגל שימוש ב-TypeScript.
הקלדה של אובייקטים, מערכים, פונקציות.
גנריות.
Tuples.
ממשקים, כינויים של סוג.
סעיף 2 הגיבו
היכרות עם ספריית React. בואו לגלות אילו בעיות זה פותר וכיצד זה יכול לפשט את הפיתוח החזיתי. בואו נכין את הבסיס של הפרויקט באמצעות הכלי Create React App (CRA). בואו ללמוד כיצד להשתמש בתבניות עבור CRA. לאחר מכן נכיר את המאפיינים העיקריים של ספריית React (JSX, רכיבים, העברת נתונים בין רכיבים).
לְהָגִיב.
מה זה React.
איך React עובד?
אילו בעיות זה פותר ביעילות?
DOM וירטואלי.
תַשׁתִית.
צור אפליקציית React.
TypeScript.
JSX
במה זה שונה מ-HTML?
שיטות עבודה בסיסיות.
גישת רכיבים.
רכיבי תגובה.
אביזרים. העברת נתונים דרך נכסים.
הרכב.
עיבוד רכיבים.
עיבוד רשימות.
עיבוד מותנה.
ניתוב סעיף 3 (נתב תגובה)
בואו לגלות כיצד מאורגן ניתוב ב-SPA. בואו נוסיף את React Router לפרויקט ונבחן את יכולות החבילה: מסלולים, הפניות, מסלולים פרטיים וכדומה.
ניתוב בספא.
היסטוריה API.
רכיבי מסלול, קישור, הפניה מחדש.
ניהול מסלול.
סעיף 4 רכיבי תגובה. ווים
בואו נרחיב את הידע שלנו על React ורכיבים. בואו ללמוד כיצד לנהל מצב, להשתמש באירועים ובשיטות מחזור חיים של רכיבים. בואו להכיר את React Hooks וללמוד כיצד להחליף איתם רכיבי כיתה. בואו ללמוד איך לעבוד עם טפסים.
מדינה.
זרימת נתונים חד כיוונית.
רכיבים פונקציונליים, רכיבי מחלקה, PureComponent.
מבוא ל-React Hooks.
שיטות מחזור חיים.
תגובה וצורות.
סעיף 5 תגובה ותבניות
בואו נסתכל על השאלה מהי ארכיטקטורת תוכנה וכיצד לעצב אותה. בואו להכיר וללמוד ליישם דפוסי עיצוב הלכה למעשה.
לְעַצֵב.
מה ההבדל בין תוכנית טובה לתוכנית גרועה?
למה לעצב תוכנה. עיצוב מטרות.
ארכיטקטורת תוכנה.
כלי עיצוב.
תבניות עיצוב.
אילו בעיות דפוסים פותרים?
ממה מורכבת התבנית?
סוגי דפוסי עיצוב.
דפוסים ב-React.
רכיבים חסרי מדינה.
רכיבי פרוקסי.
רכיבים מסדר גבוה יותר.
עיבוד אבזרי.
ספק.
ווים ותבניות תגובה.
סעיף 6 ניהול המדינה. Redux
בואו להכיר את ארכיטקטורת Flux: Actions, Dispatchers, Views and Stores. אנו מתחברים לפרויקט Redux ומעדכנים את בסיס הקוד.
ארכיטקטורת שטף.
אחסון, שולח, פעולות.
Redux.
כלי ביניים.
הרחבת פונקציונליות Redux.
סעיף 7 אסינכרוני ב-Redux
בואו נלמד כיצד ליישם קוד אסינכרוני בפעולה הסינכרונית של Redux באמצעות Middleware. בואו ללמוד כיצד ליצור אינטראקציה עם השרת באמצעות חבילת Axios. בואו להכיר את המיירטים.
Redux-thunk.
אקסיוס.
סעיף 8 מיטוב ביצועים
בואו נדון בביצועים של יישומי React: אילו תכונות יש, למה כדאי לשים לב בתכנון רכיבים מלכתחילה. לאחר מכן נסקור את ערכת הכלים של Redux ונלמד כיצד להשתמש בו כדי להיפטר מקוד ה-boilerplate בעת עבודה עם Redux.
פרופיל רכיבים.
ניהול עדכוני רכיבים.
שינון.
ערכת הכלים של Redux.
סעיף 9 בדיקת React
בואו להכיר את הכלים והטכניקות לבדיקת אפליקציות React. נגדיר את תשתית הבדיקות ונכתוב בדיקות לרכיבים.
צְחוֹק.
ספריית בדיקות תגובה.
שבוע ראשון להגנה
סיום העבודה על הפרויקט והכנה להגנת הסופי.
שבוע שני להגנה
הערכה ראשונה של הפרויקט על ידי המנטור הבודק על פי קריטריוני איכות.
שבוע שלישי להגנה
שיפור הפרויקט בהתבסס על הערותיו של המנטור הבודק והגשתו להערכה שנייה.
סעיף 10 סופי
בואו נסכם את הקורס ונקבע את הווקטור הנוסף של לימוד ריאקט והמערכת האקולוגית שלו. לאחר מכן נדון בתכונות חדשות של React הצפויות במהדורות עתידיות.
שבוע רביעי להגנה
ביצוע עריכות אחרונות וקבלת ציון סופי.
G
גנטלקה
26.04.2022 G.
ממש אהבתי את זה!
יתרונות: 1) חומרים עדכניים. 2) תוכנית אימונים מובנית היטב. 3) הצגה נגישה של מידע. 4) גישה פרטנית. חסרונות: שכר הלימוד הוא לא הכי זול, אבל מתנות והנחות תכופות עוזרות. בנוסף, הידע שנצבר מהקורסים שווה את זה. סיימה לאחרונה את קורס ה-Htmlacademy "React. פיתוח אפליקציות לקוח מורכבות." קורס מעולה! המון המון תאוריה ועוד...