Angular Framework ile Uygulama Geliştirme

(Hüseyin Dönmez)

Eğitmen: Hüseyin Dönmez
Email: huseyindonmez@live.com

A. EĞİTİMİN AMACI: 
Angular framework’ü tanıyıp, yeni nesil SPA (Single Page Web Applications) geliştirme sürecinde katılımcıyı gerçek hayatta uygulama geliştirme sürecine taşıyacak yeterli alt yapıyı sağlamaktır.

Eğitim süresince, genel olarak yeni nesil Javascript teknolojileri ve araçları kullanılıp, Angular ile  örnek bir web uygulaması geliştirilip “production / dağıtıma” çıkarılması ile tamamlanacaktır.

Ayrıca Angular eko sistemindeki diğer kavram ve teknolojilere (NgRx, Reactive Pattern, GraphQL ve Ionic 2 vb. ) genel bir bakış ile aşinalık sağlanması hedeflenmektedir.  Detaylı içeriği aşağıda bulabilirsiniz.

B. KİMLER KATILABİLİR
Eğitimin tek koşulu: Temel düzeyde Javascript. (değişken tanımlama, temel koşul/akış yönetimi: if/else ve döngüler gibi)  ve Basic HTML bilgisi.
C. EĞİTİMİN DETAYLARI
Eğitim tamamen online olup, Webex üzerinden verilecektir. Katılımcı ile etkileşimli bir süreç hedeflenmektedir ve katılımcının , eğitim sırasında soru/görüş bildirme imkanı bulunmaktadır.  Eğitimler kayıt edileceği için katılımcı sonradan videoları dilediği zaman tekrar izleyebilecek, örnek kodlara da github üzerinden erişim verilecektir.

Eğitim, 6 gün (3 hafta sonu, cumartesi/pazar, günde 4 saat) + 1 gün (isteğe bağlı katılım) soru cevap şeklinde gerçekleşecektir.

D. ÖRNEK UYGULAMA
stackoverflow.com benzeri soru cevap sistemi:

http://stackoverflow.com/ benzeri Soru/Cevap  uygulaması yazılacaktır. Örnek olarak bir to-do list yerine, bu tarz bir uygulama seçilmesinin nedeni, katılımcıyı gerçek hayata karşılaşacağı sorunlara daha rahat çözüm üretmesi için “daha gerçekçi” bir örnek olarak  bir çok konuyu kapsayacak şekilde olması.

Örnek uygulamaya buradan bakabilirsiniz: http://46.101.221.75/

NOT: Eğitimdeki tüm kodlara github üzerinden erişebileceksiniz

Örnek Uygulamamızın Kapsayacağı Genel Konular:
  1. Backend / Sunucu iletişimi (http ve web socket) iletişimi
  2. JWT ile Authentication
  3. Sürüm kontrolü (git)
  4. Deployment / Dağıtım
    1. To on promise (kendi sunucumuza)
    2. On Cloud hosting (katılımcı tercihine göre , azureyada aws den biri)
    3. –aot ve sunucu taraflı rendering ile performans artırımı
E. EĞİTİM ÜCRETİ
Öğrenciler için 150 TL diğer katılımcılar için 200 TL’dir

DETAYLI EĞİTİM İÇERİĞİ

  1. Javascript
    1. Javascriptve web dunyasindaki yeri
    2. Javascriptin diger platformlardaki (mobil, sunucu) yeri
  2. Frontend Fremeworks
    1. Angular 2 & 4
    2. React
  3. ES6/ES7 & TYPESCRIPT
    1. ES6/ES7 ile Javascripte gelen yenilikler
    2. Transpilers (babelsvs typescript)
    3. TypeScript = Javascript+ statik tip + tooling
  4. Typescript
    1. Types and Type System in TypeScript
    2. Working with other Javascriptlibraries in TypeScript
    3. TypeScript  Decorators
    4. Benefits of using typescript
  5. Angular 2 & 4
    1. Giris, genel bakis
    2. Component mimari
    3. DI(dependency injection) in browsers
    4. Angular 2.xx den Angular 4 e gecis
    5. Angular Render Engine
      1. Rendering for browser
      2. Rendering for mobile
      3. Rendering on Server
      4. Sharing logic and codes with server for Universal Rendering
      5. Dahili yeteneker (built-in features in angular core)
      6. Modules (@NgModule) & Bootstrapping
      7. Components
      8. Events
      9. Pipes
      10. Routing
      11. Forms 1 – Template Driven forms
      12. Forms 2 – Model Driven Forms
    6. Communication between components in Angular
      1. EventEmitter
      2. Observables for communication
    7. Commincation with outside in Angular
      1. HTTP
      2. Web Sockets
    8. Dependency injection in Angular
      1. Services
      2. @Injectables and @Inject
      3. Services for sharing and holding App states
    9. Client Side Routing 2
      1. Routing on the browser with HTML5 APIs
      2. Protecting routes: Route-Guards
    10. Ornek Uygulama
      1. Ideal gelistirme ortami
      2. Versiyon Kontrol& Git
      3. Uygulamanin Gelistirilmesi
      4. Testler
      5. Dagitim
    11. Angular ve  NgRx e genel bakis
    12. Angular ve GraphQL e genel Bakis
    13. Angular ve Ionic 2 ile Mobile Uygulama Gelistirmeye genel bakis

Ön başvuru