Angular 4 ile Uygulama Geliştirme (Online-Canlı)

Eğitim Süresi

3 GÜN

Kontenjan

12

Ön Koşullar

Herhangi bir ön koşul yoktur.

Eğitim Hakkında

Google'ın Angular çalışma çerçevesi (genelde Angular 4 olarak adlandırılır), geliştiricilerin kullanıcı deneyimini zenginleştiren, istemci tarafında akıllı uygulamalar oluşturmasına imkan sağlayan, tanınmış AngularJS çalışma çerçevesinin yenilenmiş halidir. Bu eğitim, hem Angular programına tamamen yabancı olanlar hem de AngularJS kullanmış olanlar için hazırlanmış, uygulamaya dayalı bir eğitim olup yüksek oranda ölçeklenebilir uygulamalar oluşturulmasına yardımcı olmak için TypeScript’in gücünden faydalanır.


Bu Eğitimde Neler Öğreneceksiniz

  • Angular'ın geleneksel web geliştirme çerçevelerinden ne kadar farklı olduğunu anlayın.
  • Yeni ES6 ve TypeScript dil özelliklerini kullanarak kodlama
  • Angular 4 kullanarak sıfırdan uygulama geliştirin.
  • Açısal kodlama ve mimarinin en iyi uygulamalarını keşfedin.
  • Angular Forms, Observables, Dependency Injection ve Routing anlama ve kullanma
  • Angular's Http servisini kullanarak verileri alın, güncelleyin ve silin.
  • Birim, modüller, bileşenler, servisler ve pipelar dahil, açısal bir uygulamanın tüm parçalarını test eder.
  • Aynı projede her iki çerçeveyi de çalıştırarak var olan bir uygulamayı AngularJS'den Angular 4'e yükseltme
  • Angular CLI'yi kullanarak bir Angular (Angular 4) uygulaması oluşturun, oluşturun ve dağıtın
  • Ünite testi için daha kolay olan dinamik model odaklı formlar geliştirmek

Bu Eğitime Kimler Katılmalı

Bu eğitimde tüm kod tanıtımları ve alıştırmalarında TypeScript kullanılmakta olduğundan katılımcıların TypeScript ile Programlama (QAPTS) eğitimimizde ele alınan becerilere eşdeğer bir deneyime sahip olmaları gerekir.


Eğitim İçeriği

1. Introduction

  • Evolution and lessons learned
  • Semver
  • AngularJS to Angular

2. TypeScript Refresher

  • Static Types
  • Classes
  • Modules
  • Decorators

3. Setting up the environment

  • Quickstart
  • Angular CLI
  • WebPack

4. Overview of Angular4

  • Eight core components
  • Bringing them together
  • Hello World

5. Components in depth

  • Templates
  • Data binding
  • Built in directives

6. Services

  • Why services
  • Creating our service
  • Dependency Injection

7. Routing

  • Configuring the Router
  • Setting up your first routes
  • Child Routes
  • Route Guards
  • Lazy Loading

8. Observables (rxjs)

  • Using the http module

9. Forms

  • How to build forms in Angular
  • Validation
  • Handling form submission

10. Pipes

  • Using Pipes to transform our data
  • Stateless (pure) pipes
  • Statefull pipes
  • Async pipes

11. Testing

  • Tools and setup
  • Writing our first Karma test
  • Testing components
  • Isolated unit tests