Menu
עברית Русский
מכללת פרקטיקיו
- מתחילים ללמוד חינם -
קורסי תכנות / סייבר / ניהול רשת

תוסף מיוחד ל-Chrome לדיבאג - React Developer Tool- Components

קורסים למנהלי רשת מסלול מנהלי רשת
עם התמחות בשרתי מיקרוסופט מסלול סייבר והאקינג - Hacking מסלול תקשורת ואבטחת מידע
Cisco CCNA & FortiGate & Checkpoint מומחה ווירטואליזציה
VMware & Hyper-V מסלול לינוקס ו-DevOps מומחה ענן של אמזון - AWS מומחה ענן של מיקרוסופט - Azure מומחה ענן של גוגל - GCP מומחה שרתי SCCM - System Center
של מיקרוסופט לארגונים גדולים
קורסי תכנות מסלול Full Stack דוט-נט
יסודות התכנות מסלול Full Stack דוט-נט
צד שרת - Backend מסלול Full Stack דוט-נט
צד לקוח - Frontend מסלול Full Stack Node.JS קורסי תכנות נוספים
Java / Python / PHP מפתח אפליקציות - אנדרואיד - אייפון מפתח משחקי מחשב - Unity מפתח תוכנות לוונדוס - WinForms מסלול DBA - דטה אנליסט
התמחות במסדי נתונים – SQL
בדיקות תוכנה - QA בדיקות תוכנה - QA - אוטומציה בדיקות תוכנה - QA - בדיקות ידניות בדיקות תוכנה - QA - קורסים נוספים המלצות תלמידים על PracticU
תוסף מיוחד ל-Chrome לדיבאג React Developer Tool- Components
React Developer Tools היא תוספת ל-Chrome. ההרצאה סוקרת את הלשונית Components שלה, שמציגה את עץ הקומפוננטות ומאפשרת לשחק עם props ועם state.
השלבים העיקריים
1. התקנה: מחפשים React Developer Tools, מוסיפים ל-Chrome ומקבעים את האייקון. הוא נצבע באדום באתר שבנוי ב-React. הכלי עצמו נפתח מתוך F12, בלשוניות Components ו-Profiler.
2. עץ הקומפוננטות: מציג את הקומפוננטות בצורה היררכית. לא משתמשים בחץ העליון של הדפדפן אלא בחץ של התוסף, שבו בוחרים קומפוננטה בדף והיא מסומנת בעץ. בצד ימין רואים props, state, מי רינדר אותה וקוד המקור.
3. עריכה בזמן אמת: הוספת פריט ב-WishList משקפת מיד ב-state. אפשר גם לשנות ערך ב-state או ב-props, כמו אחוז ההנחה של Sales מ-20% ל-10%, והשינוי מופיע מיד ב-UI. זה שימושי כדי לבדוק אם ה-state באמת משתנה או אם ה-props הגיעו נכון.
4. ארבעת הכפתורים העליונים: View source for this element פותח את קובץ ה-tsx של הקומפוננטה. Log this component data to the console מדפיס את הנתונים לקונסול. Inspect the matching DOM element מקפיץ לאלמנט בדפדפן. Suspend the selected component מסתיר זמנית קומפוננטה.
5. Suspend: הדגמה על קומפוננטת השעון Clock. הכלי מציג שגיאה אם הקומפוננטה אינה עטופה בתגית Suspense מ-React. בתגית חובה לתת fallback, מחרוזת או קומפוננטה שתוצג במקום, כאן Clock Suspended. אחר כך אפשר להשעות ולהחזיר.
שימו לב
כך אפשר להוציא קומפוננטה מהאפליקציה לבדיקה בלי להסיר אותה מהקוד או להפוך אותה להערה.
בסרטון הבא רואים את הלשונית Profiler. עכשיו אפשר לבדוק props ו-state של קומפוננטות ולשנות אותם תוך כדי הריצה.
השיעור הבא בקורס: תוסף מיוחד ל-Chrome לדיבאג React Developer Tools - Profiler
סקר שוק נכון לתאריך – 01/09/2011

הסבר קצר על שיטת הלימוד אונליין

צילמנו בסרטונים את כל ההרצאות של הקורס, כי ללמוד בכיתה לא נוח וגם יקר.
קורס בכיתה עולה מעל מ-17 אלף ₪ ואצלנו בסרטונים רק 350 ש"ח לחודש.
אם משהו לא ברור בסרטון תמיד אפשר להתקשר למרצה ולדבר איתו ישירות בטלפון.
המרצה זמין גם בווטסאפ וגם בצ'אט באתר המכללה.


חשוב לציין שבסוף כל התלמידים, מכל המכללות, כולם ביחד ניגשים לאותה בחינה חיצונית של סיסקו / מיקרוסופט / לינוקס ומקבלים בדיוק אותה תעודה.
את החברות הגדולות האלו בכלל לא מעניין איפה ואיך למדת וכמה שילמת על הלימודים.
יש מבחן אחיד לכולם, המתבצע במרכז בחינות מורשה של חברת Pearson VUE. הם עושים את הבחינות בפועל עבור החברות הגדולות בשוק.
כל שבוע יש מבחן ומי שעובר אותו מקבל תעודת הסמכה בינלאומית.

לסיכום: יש מרכז בחינות מורשה בתל-אביב, שכולם מגיעים אליו מכל הארץ ועושים שם מבחני הסמכה הבינלאומיים ומי שעובר את המבחן מקבל את התעודה ולא חשוב להם איפה ואיך למדת.


מה לעשות אם לא מבינים משהו בסרט?

פשוט מאוד, מתקשרים למכללה ומדברים ישירות עם המרצה. אפשר גם להתכתב עם המרצה במייל או בווטסאפ או בצ'אט באתר.


האם יש לכם כיתות לימוד רגילות?

להשכיר כיתה + לשלם משכורת למרצה = 17 אלף ש"ח עלות הקורס לתלמיד.
אצלנו בסרטונים מקבלים אותו חומר לימוד
ואפילו יותר, כי אין מגבלה של זמן למרצה (כמו שיש בכיתה),
בנוסף מקבלים בדיוק אותה תעודה בינלאומית,
כי מבחן הוא מבחן אחיד לכולם המתבצע במרכז בחינות מורשה
והכי חשוב שמקבלים את אותם המרצים, שמלמדים בכיתה רגילה,
רק שצילמנו אותם בסרטונים
והמחיר בסרטונים רק 350 ש"ח ולא 17 אלף כמו בכיתה רגילה.



קיימים במכללה שני מסלולי לימוד:
  1. מסלול לימוד חופשי, בלי תעודה, להעשרת ידע כללי.
    מסלול לימוד חופשי, מתאים בעיקר למי שעובד בתחום וכבר יש לו תעודות והוא לא רוצה עוד מבחנים ותעודות.

  2. מסלול עם תעודה - מתאים בעיקר לתלמידים חדשים המעוניינים בקורס מסודר,
    הכולל הגשת עבודות ופרוייקט גמר. מסלול זה מעניק בסיומו תעודת מקצוע בינלאומית.
    למעשה ההבדל היחיד בין שני המסלולים זה פרויקט גמר בסוף.
    אם מגישים את פרויקט גמר - מקבלים תעודה.
    בדיקת פרויקט גמר והנפקת תעודה כרוכים בתשלום נוסף, כפי שכתוב בדף ההרשמה.

בסיום קורס ניתן לקבל תעודות הבאות:
1. תעודה של המכללה - מותנה בהגשת פרוייקט גמר בסוף הקורס
2. תעודת הסמכה בינלאומית של מיקרוסופט העולמית - מותנה במעבר מוצלח של מבחן הסמכה חיצוני של מיקרוסופט (מבחן זה מתבצע כל שבוע במרכז בחינות מורשה בתל-אביב)


מידע כללי:
1. חומר הלימוד מורכב ממאגר עצום ומסודר מאוד של סרטים מקצועיים, הניתנים לצפיה מהבית. מאגר זה כולל הרצאות מוקלטות בעברית בצורה מסודרת ע"י המרצים הטובים ביותר. רשימת הסרטים המלאה נמצאת בתפריט בצד ימין.
2. כל סטודנט במכללה מקבל שם וסיסמה לצורך גישה לשרת הקבצים שלנו.
השרת מכיל את כל התוכנות הדרושות ללימוד וכן חומר עזר
3. הקורסים מועברים בהתאם לסילבוסים של החברות המובילות: Microsoft, Cisco