To wersja testowa nowego serwisu infoShare Academy — wyświetlane treści i oferta nie są wiążące ani kompletne

Frontend

Tworzenie aplikacji SPA z frameworkiem Angular

Szkolenie dla programistów chcących tworzyć złożone aplikacje w przewidywalny sposób dzięki stabilnym i rozbudowanemu narzędziu jakim jest Angular.

Czas trwania
32h · 4 dni
Zapytaj o program → Zobacz wszystkie
Dla kogo

Idealny dla zespołów, które…

1 Dla programistów, którzy chcą zgłębić tę technologię i zdobyć umiejętności potrzebne do tworzenia aplikacji webowych w oparciu o ten framework.
Efekty po programie

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

✓

To szkolenie ma na celu przygotowanie uczestników do samodzielnego tworzenia aplikacji SPA przy użyciu frameworka Angular, a także zapoznanie ich z najlepszymi praktykami i wzorcami projektowymi stosowanymi w branży.

Program · 7 modułów

Co konkretnie robimy

Wprowadzenie do Angular

M01
Wprowadzenie do Angular
  • · Omówienie podstawowych pojęć związanych z Angular.
  • · Praca z Angular CLI do generowania kodu
  • · Struktura Projektu
  • · Wprowadzenie do TypeScript: klasy, interfejsy, adnotacje, typy sparametryzowane
M02
Komponenty i szablony
  • · Klasy komponentów, dekoratory i selektory. Szablony: text i property binding, event binding, two-way binding.
  • · Wprowadzenie do wbudowanych dyrektyw Angular: *ngIf, *ngFor, ngClass, ngStyle.
  • · Architektura komponentów: enkapsulacja widoku
  • · Przekazywanie danych do komponentów za pomocą @Input
  • · Emitowanie zdarzeń z komponentów za pomocą @Output
  • · Omówienie lifecycle hooks
  • · Pipes w Angular
M03
Nowoczesny Angular
  • · Mechanizmy wstrzykiwania zależności w praktyce
  • · Wzorce i dobre praktyki
  • · Aktualizacja i migracja do nowej wersji
  • · NgModule, SharedModule a Standalone ( Angular 15+)
  • · Nowe składania Angular 17+: @if, @for, @switch
  • · Wprowadzenie do leniwego ładowania komponentów z @defer
  • · Sygnały – pułapki i dobre praktyki
M04
Formularze i RxJS
  • · Tworzenie formularzy w Angular: typy wejściowe, walidacja danych.
  • · Wprowadzenie do RxJS: Observable vs Promise, podstawowe operatory
  • · Wykorzystanie RxJS w Angular, multicast, share i Async Pipe

Moduł HTTP

M05
Moduł HTTP
  • · Konfiguracja i użycie HttpClient w Angular
  • · Pobieranie i Wysyłanie danych z formularza do serwera
  • · Obsługa błędów i dodawanie własnych nagłówków do żądań HTTP
  • · Praktyczne przykłady komunikacji z serwerem
M06
Nawigacja i Pipes
  • · Wprowadzenie do Angular Router: struktura modułu nawigacyjnego
  • · Nawigacja z TypeScript
  • · Obsługa zagnieżdżonych komponentów
  • · Obsługa nieistniejących linków
M07
Praktyka i Podsumowanie
  • · Praktyczne ćwiczenia i projekt
  • · Dyskusja na temat praktycznych zastosowań Angular w tworzeniu aplikacji SPA
  • · Otwarta sesja pytań i odpowiedzi
Każdy moduł modyfikujemy pod Twój stack i kontekst. Powyższe to punkt wyjścia — nie sztywna agenda.
Jak pracujemy

Od briefu do retro w 30 dniach.

01

Brief i diagnoza

Rozmowa z liderem zespołu + krótka ankieta dla uczestników. Określamy cele, gap, kontekst.

02

Modyfikacja programu

Dostosowujemy moduły, case studies i przykłady kodu pod Twój stack. Akceptacja w 5 dni.

03

Warsztat

Sesje z trenerem, hands-on, code review. Mentor dostępny też pomiędzy sesjami.

04

Retro + raport

Raport z efektami dla zespołu i lidera. 30 dni konsultacji w cenie.

Zapytanie

Wyślij brief. Odezwiemy się w 1 dzień.

Po krótkim briefie przygotujemy program i wycenę. Bez zobowiązań — to tylko punkt wyjścia do rozmowy.

✓Wycena w 48h od briefu
✓Pierwsza sesja w 30 dni
✓Pilotaż przed pełną decyzją
✓Faktura VAT, możliwość płatności w transzach

Co robimy z Twoimi danymi

Dane służbowe (imię, e-mail firmowy, telefon, firma, stanowisko) przetwarzamy w celu obsługi zapytania o szkolenie dla firmy i przygotowania oferty. Administratorem danych jest infoShare Academy Sp. z o.o., Al. Grunwaldzka 472B, 80-309 Gdańsk. Podanie danych jest dobrowolne, ale niezbędne do udzielenia odpowiedzi. Masz prawo dostępu do danych, ich sprostowania, usunięcia, ograniczenia przetwarzania i wniesienia sprzeciwu. Pełną informację znajdziesz w Klauzuli informacyjnej.

Zgody marketingowe (dobrowolne)

Administratorem danych osobowych jest infoShare Academy sp. z o.o. Zasady przetwarzania danych osobowych znajdują się w dokumentach Polityka Prywatności oraz Klauzula Informacyjna.

Inne programy dla zespołów

Zobacz wszystkie →
Frontend

Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

40h · 5 dni →
Frontend

Aplikacje Full-stack z NestJS i Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

32h · 4 dni →
Frontend

Aplikacje Node i ExpressJS z TypeScript

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

24h · 3 dni →