Wydział Informatyki
Kierunek studiów Informatyka Poziom i forma studiów pierwszego stopnia inżynierskie stacjonarne
Specjalność / Ścieżka dyplomowania --- Profil kształcenia ogólnoakademicki
Nazwa przedmiotu Aplikacje internetowe oparte o komponenty Kod przedmiotu INF1AIK
Rodzaj przedmiotu obieralny
Forma zajęć i liczba godzin W Ć L P Ps T S Semestr 5
26 30 Punkty ECTS 5
Przedmioty wprowadzające Wprowadzenie do aplikacji WWW (INF1WAW),  
Cele przedmiotu

Podstawowe koncepcje aplikacji opartych o komponenty bibliotek front-endowych Angular2+ i React oraz wykorzystanie ich do tworzenia nowoczesnych, wydajnych i łatwych w utrzymaniu interfejsów użytkownika.

Odniesienia do standardu SFIA:
Programming/software development PROG - poziom 3
Software design SWDN - poziom 3
Testing TEST - poziom 1
User experience design HCEV - poziom 3
Workforce planning WFPL - poziom 4

Treści programowe

Wykład:
1. Podstawy tworzenia interfejsu użytkownika w aplikacji SPA z wykorzystaniem komponentów bibliotek Angular2+ i React.
2. Cykl życia komponentu w bibliotece React. JSX/TypeScript, transpilacja kodu JSX/TypeScript. Komponenty stanowe i prezentacyjne. Hooki. Usługi, integracja z API, routing. Zapewnienie rozszerzalności komponentów. Architektura Flux.
3. Struktura komponentowa w technologii Angular 2+. Język TypeScript. Potoki i serwisy. Komunikacja asynchroniczna, strumienie obserwowalne, formularze reaktywne, routing.
4. Testowanie aplikacji. Testy jednostkowe i integracyjne.

Pracownia specjalistyczna:
1. Przygotowanie środowiska do tworzenia aplikacji SPA. Visual Studio Code. Serwer Node.js
2. Implementacja aplikacji w języku JSX/TypeScript z wykorzystaniem biblioteki React. Komponenty stanowe i prezentacyjne. Usługi, integracja z API, routing. Zapewnienie rozszerzalności komponentów. Architektura Flux.
3. Implementacja aplikacji w technologii Angular 2+. Język TypeScript. Potoki i serwisy. Komunikacja asynchroniczna, strumienie obserwowalne, formularze reaktywne, routing.
4. Implementacja projektów.

Metody dydaktyczne

metoda projektów,   pokaz,   programowanie z użyciem komputera,   burza mózgów,   wykład informacyjny,  

Forma zaliczenia

Wykład - kolokwum zaliczeniowe, Pracownia specjalistyczna - zadania realizowane na pracowni oraz projekty zaliczeniowe implementowane w grupach

Symbol efektu uczenia się Zakładane efekty uczenia się Odniesienie do kierunkowych efektów uczenia się
E1 ma podstawową wiedzę o budowie interfejsów aplikacji internetowych z wykorzystaniem gotowych komponentów INF1_W09
INF1_W11
E2 zna architekturę oraz techniki kompozycji aplikacji opartych o komponenty INF1_W14
E3 umie zaprojektować i zaimplementować interfejs użytkownika aplikacji internetowej z wykorzystaniem bibliotek Angular oraz React H1_U02
INF1_U04
INF1_U07
INF1_U11
E4 potrafi dobrać właściwe elementy technologii React oraz Angular do rozwiązania odpowiednich problemów technicznych aplikacji INF1_U13
Symbol efektu uczenia się Sposób weryfikacji efektu uczenia się Forma zajęć na której zachodzi weryfikacja
E1 kolokwium zaliczające wykład W
E2 kolokwium zaliczające wykład W
E3 zadania projektowe zaliczające pracownię projektową Ps
E4 zadania na pracowni oraz projekty zaliczające pracownię projektową Ps
Bilans nakładu pracy studenta (w godzinach) Liczba godz.
Wyliczenie
1 - Udział w wykładach - 13x2 26
2 - Udział w pracowni specjalistycznej - 15x2 30
3 - Opracowanie sprawozdań z pracowni i wykonanie zadań domowych (prac domowych) 15
4 - Realizacja zadań projektowych (w tym przygotowanie prezentacji) 25
5 - Przygotowanie do zaliczenia wykładu 10
6 - Udział w konsultacjach 4
7 - Przygotowanie do pracowni specjalistycznej - 15x1 15
RAZEM: 125
Wskaźniki ilościowe GODZINY ECTS
Nakład pracy studenta związany z zajęciami wymagającymi bezpośredniego udziału nauczyciela 60
(2)+(1)+(6)
2.4
Nakład pracy studenta związany z zajęciami o charakterze praktycznym 85
(3)+(2)+(4)+(7)
3.4
Literatura podstawowa

1. G. Kunz, „Angular 2. Tworzenie interaktywnych aplikacji internetowych”, Helion, 2017.
2. S. Stefanov „React w działaniu. Tworzenie aplikacji internetowych”, Helion 2017
3. Dokumentacja biblioteki React http://react.dev/
4. Dokumentacja biblioteki Angular2+ https://angular.dev/
5. Kurs Aplikacje internetowe typu SPA na platformie Navoica.pl: https://navoica.pl/courses/course-v1:Politechnika_Bialostocka+AIOK+2022_S3/course/

Literatura uzupełniająca

1. Y. Fain, A. Moiseev, Angular 2. Programowanie z użyciem języka TypeScript", Helion, 2017
2. Materiały szkoleniowe React: https://typeofweb.com/kurs/react-js/

Jednostka realizująca Katedra Systemów Informacyjnych i Sieci Komputerowych Data opracowania programu
Program opracował(a) dr inż. Urszula Kużelewska 2025.05.12