ברוכים הבאים למסלול ה - Angular קורס פיתוח

• MVC , MVVM , SPA With Angular
• Why Angular 10 ?
• AngularJS Angular 7 Vs. Angular 9 Vs. Angular 10

Development Environment

• Interfaces
• Import/Export
• Classes & Objects
• Promises
• Arrow functions
• Maps Filter & Reduce
• Decorators

• Angular 10 architecture
• How angular 10 works
• The model
• The components
• Components Definition & Composition

• Shadow DOM
• Components Definition
• Components Composition
• Templates & Styles

Core Directives

• Nested Components
• Components Definition
• Data Projection
• Component Inputs by Properties
• Component Output by Events

• Model driven
• Template driven
• Form Builder
• Adding some validation
• Errors and submission
• Creating a custom validator
• Grouping fields
• Reacting on change

• Dependency Injection
• The role of service
• Built in services
• Custom services

• Modern Web System Architecture
• The http provider
• RESTfull service basics
• RXJS

• What is Routing
• The need for routing
• Routing options
• Path Location
• Passing parameters
• Nested routes

• TypeScript v3.9 Support [breaking change]
• Angular Package Format Changes & esm5/fesm5
• Breaking Changes
• Deprecations and Removals
  • ModuleWithProviders Without a Generic Type [removed]
  • Undecorated Base Classes [removed]
  • WrappedValue [deprecated]
  • Support for IE9, IE10, and IE Mobile has been deprecated
  • Stopping sanitizing the style property bindings

• Why Angular 10 ?
• AngularJS Angular 7 Vs. Angular 9 Vs. Angular 10

Development Environment

• Introduction
• Application Overview
• Architecture
• JSON Web Tokens
• Implementing Login and Logout
• Showing or Hiding Elements with based on the User's Role
• Getting the Current User
• CanActivate Interface
• Redirecting Users After Logging In
• Protecting Routes Based on the User's Role
• Accessing Protected API Resources

• Angular Compiler in Action
• Building Applications with Angular CLI
• Environments
• Adding Custom Environments
• Linting with Angular CLI

• Introduction
• Examples of Animations
• Angular Animations
• Importing the Animations Module and Polyfills
• Implementing a Fade-in\out Animation
• States & Transitions
• Easings & Keyframes
• Creating Reusable Animations with animation()
• Parameterizing Reusable Animations
• Animation Callbacks
• Animating Child Elements with animateChild()
• Running Parallel Animations with group()

• Introduction
• What is Angular Material
• Installing Angular Material
• Check Boxes & Radio Buttons
• Selects
• Inputs & Text Areas
• Date Pickers
• Icons
• Buttons & Chips
• Progress Spinners
• Tooltips & Tabs
• Dialogs
• Passing Data to Dialogs
• Other Components
• Creating a Reusable Module
• Themes
• Creating a Custom Theme
• Using Angular Material's Typography
• Customizing Typography

• Implement a Modal Component
• Configurable Angular Components – Content Projection and Input Templates
• Structural Directives – Syntax
• Structural Directives – ViewContainerRef
• General Communication Mechanism For Directive Interaction
• Angular Global Keyboard Handling With EventManager
• Angular Multi-Slot Content Projection

Preventing Memory Leaks