דלגו לתוכן
Open Source Learning Platform for Coders Open Source Learning Platform for Coders

פלטפורמת למידה, קוד פתוח, למתכנתים

תוכן חינמי, מנוהל על ידי קהילת הקוד הפתוח, מומחים בתחום.
לא צריך להירשם, תוכן פשוט, חינמי, מקצועי.

הקורסים שלנו

נשתמש ב Docker כדי לארוז את האפליקציה שלנו ב Container, לאחר מכן Kubernetes יכול לשמש אותנו לניהול ה Container האלו.


K8S יעזור לנו לנהל את ה Containers, להגדיל את הכמות שלהם בהתאם לעומס, לנהל Deployment מקצועי של האפליקציות שלנו, ועוד


באמצעות הקהילה הרחבה והפופולריות של הטכנולוגיה, ישנן חבילות שנלמד להתקין על ה Cluster שלנו שיעזרו לנו עם בעיות שכיחות כגון: Load Balancer, TLS, ניהול סודות, ועוד

Flux מסייע לנו לנהל את ה Cluster שלנו עם K8S בצורה מקצועית ודקלרטיבית באמצעות דחיפת ה State של ה Cluster שלנו ל Repository.


באמצעות Flux אנחנו יכולים להתקין Helm Charts, לנהל התקנת manifests באמצעות kustomize, והכל מוגדר בקבצי Yaml שנדחפים ל Repository שלנו.


דחיפת הקבצים ל Repository שלנו תגרום ל Flux לוודא שה Cluster שלנו יהיה במצב הרצוי.

React היא ספריית UI שפותחה ב Facebook כדי לסייע ביצירת רכיבי UI אינטראקטיביים, משמרי סטטוס וניתנים לשימוש מחדש.
React היא הספרייה הפופולרית ביותר ומשמשת במגוון רחב של אפליקציות Web ואפליקציות לטלפונים חכמים.

בקורס החינמי והפתוח הזה, תלמד את היסודות של React, כולל React Hooks, JSX, props, state, events, ועוד.
נשתמש ב React כדי ליצור אפליקציה Web, נתקשר עם שרת, ונלמד על הספריות והפריימוורקים הפופולריים שמשמשים עם React, כגון Redux, React Router, ו- Next.js.

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

Angular היא ספריית קוד פתוח, שפותחה על ידי Google, ליצירת אפליקציות Web.
בקורס החינמי, הפתוח והמלא הזה, תלמד את היסודות של Angular למתחילים, ונושאים מתקדמים יותר למתכנתים מנוסים.

תוכן חדש


Kubernetes / Flux


התקנת Flux עם flux-cli

התקנת Flux על הקלאסטר שלך של K8S

kustomize-controller

ה- kustomize-controller ישמור על מצב הקלאסטר תואם למשאבים שמוגדרים בקובץ kustomization.yaml.

helm-controller

בשיעור זה נלמד על helm-controller, ונשתמש בו כדי להתקין nginx ingress controller על הקלאסטר שלנו

התקנה של Flux על קלאסטר K8S עם Terraform/OpenTofu

בשיעור זה נלמד איך להתקין Flux על קלאסטר K8S שלנו באמצעות Terraform או OpenTofu על GCP.

שיעור היכרות עם Terragrunt

מומלץ לפצל את פרוייקט ה - IAC למודולים קטנים, תוך שמירה על dependency management ומניעת DRY violations. בשיעור זה נלמד כיצד להשיג את כל זה באמצעות Terragrunt.


Angular


Injection Functions לאתחולים חוזרים

ניתן להשתמש ב Injection Functions לאתחולים חוזרים. בואו נראה איך זה עובד עם NGRX

שימוש בפונקציית *ngFor trackBy

ביצועים ישתפרו באופן משמעותי אם תשתמשו בפונקציות trackBy ב-*ngFor

אכיפת OnPush בכל ה - Components

מומלץ להגדיר את ה - Change Detection Strategy של כל ה - Components ל - OnPush

Structural Directives

כאשר יש שימוש חוזר באותו התנאי *ngIf זה סימן לשימוש ב- structural directive.

התקנת @ngrx/store

יצירת אפליקציה חדשה באנגולר והתקנת @ngrx/store.

NGRX Actions

תרגיל קוד על NGRX Actions

ngrx/store@ - זרימת נתונים

הבנת היסודות של זרימת הנתונים ב-@ngrx/store והתבנית של Redux

NGRX State

עובדות שצריך להכיר על ה - State שמנוהל על ידי NGRX.

@if(...)

You can now replace *ngIf with the new @if(...)

@for(...)

Angular 17 has a new control flow syntax and it's recommended to stop using *ngFor, and use @for instead.

הסרת `@ngrx/store-devtools` בסביבת production

אם אתה משתמש ב `@ngrx/store-devtools` באפליקציה שלך, עליך להסיר אותו בסביבת production.


Git


ניקוי ההיסטוריה של הקומיטים

למדו כיצד לנקות את הקומיטים שלכם לפני שאתם מעלים אותם למאגר הקוד המרוחק.


React


React Components

היכרות עם יצירת Component ב-React.

Suspense

בפרק זה נלמד כל מה שצריך לדעת על React Suspense.

הבנת React Elements

יצירת hello world עם React והבנת היסודות של אפליקציית React

אחריות אחת ל - Component

כל Component ב-React צריך להיות אחראי על תפקיד אחד בלבד

שימוש נכון ב-Props

Props הם נתונים שמועברים לרכיב מהרכיב האב שלו. <br/> הנה רשימה של טיפים כיצד להשתמש ב-props בצורה נכונה


Express


טיפול בשגיאות ב-Node.js ו-Express

המלצות איך לטפל בשגיאות ב - NodeJS וב - Express

קובץ Declaration ב - Typescript כדי להרחיב את הטיפוס של Express Request

ניתן להשתמש ב - declaration files כדי ללמד את typescript על טיפוסים שונים שיש לנו באפליקציה שלנו. ניתן גם להשתמש ב - declaration file כדי להרחיב את אובייקט הבקשה של Express. נשתמש לעתים תמיד ב - Express middlewares כדי להוסיף מידע לאובייקט הבקשה, עם קבצי ההצהרה typescript יכול לדעת על כל הנתונים שהוספנו לאובייקט הבקשה


Node.JS


האם Node.JS הוא Single-Threaded?

בשיעור זה נחקור את הארכיטקטורה של Node.JS ונבין אם Node.JS הוא Single-Threaded או לא.