פרטים נוספים
whatsapp
לימודי הייטק ב-INT LIVE
טלפון

Angular Workshop

 

Angular היא למעשה ספריית Javascript שנוצרה על ידי חברת גוגל ומאפשרת פיתוח אפליקציות WEB בקלות. דרך ה-Angular תוכלו לפתח אפליקציות מבוססות עמוד בודד, אפליקציות ווב מורכבות ואף אפליקציות מובייל נייטיב.

 תאריך הקורס: 09/10/2024
 17:30-21:15

מהו קורס Angular?

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

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

תיאור הקורס

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

Angular, היא Framework קוד פתוח מבוססת על שפת Java Script מבית היוצר של גוגל.
הטכנולוגיה משמשת מפתחים לבניית אתרים ואפליקציות ווב, דסקטופ ומובייל ולמעשה לפיתוח אפליקציות לצד שרת.

הקורס יתמקד בנושאים הבאים:

  • Angular Architecture
  • Components and Databinding
  • Directives and Pipes in Angular
  • Services and Dependency Injection
  • Routes and Navigation

 

היקף שעות

40 שעות אקדמיות, 8 מפגשים.

קהל יעד ותנאי קבלה

קורס זה מיועד למועמדים בעלי ידע בסיסי קודם בתחומי הפיתוח Frontend ו – JavaScript.

שאלות נפוצות על קורס Angular

בפיתוח תוכנה, Angular היא תשתית תוכנה (framework) בקוד פתוח ליישומי רשת המבוססת על שפת התכנות JavaScript, המתוחזקת על ידי גוגל ועל ידי קהילה רחבה של מפתחים. התשתית מיועדת למשימות בפיתוח יישומי דף-יחיד, ופישוט הפיתוח והבדיקות של יישומים אלו, באמצעות תשתית תוכנה לארכיטקטורות צד לקוח.

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

 

השימושים הנפוצים הם לפיתוח אפליקציות WEB, רשתות חברתיות, אפליקציות דינמיות שמעדכנות מידע באופן תדיר בנתוני אמת, אתרים ואפליקציות מאסיביות עם קהל משתמשים גדו

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

תוכנית לימודים

1
צורה
Getting Started with Angular | Angular Components and Databinding

Module 1

  • Building Blocks of Web Application Development
  • Web Application Architecture
  • Introduction to Angular
  • Comparison between front-end tools
  • Angular Architecture
  • Building blocks of Angular
  • Angular Installation
  • Angular CLI
  • Angular CLI commands
  • Angular Modules
  • Understanding files in Angular

Getting Started with Angular

 

 

  • Working of Angular Applications
  • Angular App Bootstrapping
  • Angular Components
  • Creating A Component Through Angular CLI
  • Ways to specify selectors
  • Template and styles
  • Installing bootstrap to design application
  • Databinding
  • Types of Databinding
  • Component Interaction using @Input and @Output decorator
  • Component Lifecycle Hooks

Angular Components and Databinding

2
צורה
Directives and Pipes in Angular | Angular Services and Dependency Injection | Angular Routes and Navigation

Module 2

  • Understanding Angular Directives
  • @Component Directive
  • Structural Directives
  • Attribute Directives
  • Custom Directives
  • Pipes
  • Built-in Pipes
  • Chaining pipes
  • Custom pipes
  • PipeTransform Interface & Transform Function
  • Pure and Impure pipes

Directives and Pipes in Angular

  • Angular service
  • Need for a service
  • Dependency Injection
  • Creating a service
  • Hierarchical Injector
  • Injecting A Service into Another Service
  • Observables
  • RxJS Library
  • Angular’s Interaction with Backend
  • Parts of an Http Request
  • HttpClient

Angular Services and Dependency Injection

  • Angular Router
  • Setting Up Routes
  • Adding Routes Using RouterLink
  • Wildcard and Redirecting Routes
  • Adding Navigation Programmatically
  • Passing Route Parameters
  • Extracting Parameters Using ActivatedRoute
  • Optional Route Parameters
  • Child Routes
  • Route Guards
  • Location Strategies

Angular Routes and Navigation

הרשמה לקורס


    שיחה עם נציג

    דילוג לתוכן