Generic filters
Search in title

Comprehensive Testing Angular Eğitimi

Eğitim Hakkında

Comprehensive Testing in Angular Eğitimi, Angular uygulamalarınızın kalitesini ve güvenilirliğini artırmak için test tekniklerini öğrenmek isteyen geliştiriciler için ideal bir kaynaktır. Angular ile web uygulamaları geliştirmeye aşina olanlar için tasarlanmış bu eğitim, test süreçlerinin derinlemesine anlaşılmasını sağlar.

Eğitimin ilk bölümünde, Angular’da testin önemini ve temel kavramlarını ele alıyoruz. Katılımcılara, test süreçlerinin neden kritik olduğunu ve Angular uygulamalarının kalitesini nasıl etkilediğini anlatıyoruz.

Daha sonrasında, Angular’da birim testleri (unit testing) ve bunların nasıl yazılacağı üzerinde duruyoruz. Jasmine test çerçevesini ve Karma test çalıştırıcısını kullanarak, servislerin, bileşenlerin ve direktiflerin nasıl test edildiğini öğretiyoruz. Ayrıca, asenkron kod ve bağımlılıkları nasıl test edebileceğinizi de öğrenirsiniz.

Eğitimde ayrıca entegrasyon testlerine de yer veriyoruz. Angular uygulamalarında daha karmaşık bileşen ve servis etkileşimlerinin nasıl test edileceğini gösteriyoruz. Protractor gibi araçlarla eşleşen end-to-end (E2E) testlerin nasıl gerçekleştirildiğini ve uygulamanın genel iş akışının nasıl doğrulandığını anlatıyoruz.

Eğitimde ayrıca, testlerin hızını ve verimliliğini artırmak için çeşitli stratejilere ve araçlara odaklanıyoruz. Katılımcılar, sürekli entegrasyon sistemlerine testleri nasıl entegre edeceklerini ve otomatik olarak çalıştırabileceklerini öğrenirler.

Comprehensive Testing in Angular Eğitimi, ayrıca kod kaplama tekniklerini ve kodunuzun ne kadarının testler tarafından kapsandığını nasıl ölçebileceğinizi de kapsar.

Eğitim, gerçek dünya örnekleri üzerinde çalışma fırsatı sunar; katılımcılar, Angular ile ilgili öğrendikleri test kavramlarını uygulamalı projelerde uygularlar. Bu, test süreçlerinin, test etme stratejilerinin ve en iyi uygulamaların daha iyi anlaşılmasına yardımcı olur.

Comprehensive Testing in Angular Eğitimi, Angular uygulamalarınızı güvenilir ve sağlam bir şekilde test etmek için gereken bilgi ve becerileri kazandırır. Eğitim, katılımcılara hem teorik bilgi hem de pratik deneyim kazandırarak Angular tabanlı projelerde test süreçlerinin etkili bir şekilde uygulanmasına olanak tanır.

Diğer tüm Angular ve Front-End Web Uygulama Geliştirme eğitimlerimiz için buraya tıklayarak inceleyebilirsiniz.

Eğitim İçeriği

Neler Öğreneceksiniz?

  1. Angular’ın temel kavramları: Componentler, Modüller, Databinding, Services ve Dependency Injection gibi temel Angular kavramlarını anlamaya ve uygulamaya yönelik çalışmalar yapacaksınız.
  2. Front-end geliştirme: Angular ile kullanıcı arayüzlerinin geliştirilmesi, routing, formlar, API çağrıları, görsel efektler ve diğer önemli front-end kavramları hakkında bilgi sahibi olacaksınız.
  3. Back-end geliştirme: Web API kullanarak RESTful API’lerin nasıl oluşturulacağını öğreneceksiniz ve Angular front-end ile back-end arasındaki veri akışını nasıl yapacağınızı öğreneceksiniz.
  4. Uygulama geliştirme: Tam stack (front-end ve back-end) uygulamaların nasıl geliştirileceğini ve deploy edileceğini öğrenerek, Angular ve Web API teknolojilerini uygulamalı olarak öğrenme fırsatı bulacaksınız.
  5. Proje çalışması: Eğitim sürecinde bir proje üzerinde çalışacaksınız ve Angular ve Web API teknolojilerini uygulamalı olarak öğreneceksiniz.
Bu eğitim programı, Angular ve Web API teknolojilerini kullanarak tam stack uygulamalarının nasıl geliştirileceğini öğrenmek isteyen web geliştiriciler için ideal bir eğitimdir.

Ön Koşullar

Angular ve Web API ile Full-Stack Applications Bootcamp eğitimi için önkoşullar şunlar olabilir:
  1. HTML, CSS ve JavaScript’in temel kavramlarına sahip olmak
  2. Web uygulamaları ve veritabanı kavramları hakkında bilgi sahibi olmak
  3. İlgili yazılım araçlarını (örneğin, Visual Studio Code, Node.js) kullanma becerisi
Bu önkoşullar yoksa, öncelikle bu alanlardaki bilginizi artırmanız ve pratik yapmanız tavsiye edilir. Ayrıca, Angular ve Web API hakkında temel bilgi sahibi olmak eğitimi daha verimli ve kolay hale getirecektir.

Kimler Katılmalı

Angular ve Web API ile Full-Stack Applications Bootcamp eğitimi, aşağıdaki kişiler için uygun olabilir:
  1. Web geliştiricileri: Angular ve Web API kullanarak full-stack web uygulamalarının nasıl geliştirileceğini öğrenmek isteyen web geliştiricileri.
  2. Başlangıç seviyesindeki Full-Stack Geliştiriciler: Angular ve Web API kullanarak tamamlayıcı teknolojileri öğrenmek isteyen başlangıç seviyesindeki full-stack geliştiriciler.
  3. İşletme ve IT profesyonelleri: Angular ve Web API kullanarak web uygulamalarının nasıl oluşturulacağını anlamak ve bu teknolojileri işletmelerinde kullanmak isteyen işletme ve IT profesyonelleri.
Eğitimi almaya karar verirseniz, Angular ve Web API konuları hakkında ilgi ve tutku duymanız, öğrenmeye istekli olmanız ve uygulamalı projelere odaklanmaya hazır olmanız önemlidir.

Outline

Angular Testing Overview

Setup, tools and technologies

Unit Testing

  • Organization and Conventions
  • Jasmine
    • Built-In Matchers
    • Setup and Teardown
    • Disabled and Focused Tests
  • Karma
  • Command line parameters
  • Testing Pipes
  • Testing Components
  • Testing Change Detection
  • Testing Services
  • Testing Asynchronous Code
  • Testing Http
  • Testing Forms
  • Testing Routing
  • Angular Test Bed
  • Run your tests in a headless browser for automated tests environments (Continuous Integration)
  • Code coverage report and Code coverage enforcement
  • Mocks & Spies
    • Mock with fake class
    • Mock with spy
    • The Auto Spies Library
 

End To End (E2E) testing

  • Protractor
  • Cypress
 

PART 1: UNIT TESTS

Unit tests with Jest

  • Jasmine Jest
  • Test Coverage
  • Extending Jest
  • Asynchronicity
  • fakeAsync waitForAsync
  • Mocking: mock, jest.fn, jest.spyOn
  • Stubbing
 

Testing of reactivity

  • RxJS Marbles for pipe operators
  • Use of RxJS Marbles in normal unit tests
  • Unit tests for NGRX
 

PART 2: COMPONENT & INTEGRATION TESTS

Component Tests

  • TestBed and Dependency Injection
  • DOM interaction
  • Change detection
  • Component Snapshots
 

Advanced component tests

  • Nested components
  • Testing @Input and @Output
  • Testing directives and pipes
  • Factory methods for reducing boilerplate code
  • Spectator
  • Testing Library
  • Harnesses
  • Reuse harnesses
 

Integration tests

  • HttpTestingController
  • RouterTestingModule
  • NgRx and the MockStore
 

Best Practices

  • Two approaches: London & Detroit
  • Test strategies: when should I use what?
  • Testable architecture
 

PART 3: END-TO-END TESTS WITH CYPRESS & VISUAL REGRESSION

Visual regression with storybook

  • Multiple Jest configurations
  • Puppeteer
  • Storybook
  • StoryShots
 

Cypress

  • Overview of existing E2E frameworks
  • Difference between Web-Driver and Chrome DevTools protocol
  • Cypress and its “awaiting” feature
  • The cy object
  • Implicit and explicit assertions
 

Cypress Advanced

  • Page Object Models
  • cy expand object
  • Avoid Flaky Tests
  • Mocking of HTTP requests
  • Reuse Angular Harnesses
 

Cypress and Beyond

  • Optimal test design
  • Conditional tests
  • Direct communication with the backend
  • Unit tests in connection with Storybook
  • Unit tests with Component Test Runner
  • Test Coverage

Eğitim Talep Formu