Nowoczesny frontend aplikacji internetowych 0800-NOFRAP
W dzisiejszych czasach coraz popularniejsze stają się interfejsy webowe aplikacji. Po stronie użytkownika działa jedynie prosta logika, a cała funkcjonalność aplikacji przekierowana jest na stronę serwera. Dzięki temu, można w prosty sposób tworzyć aplikacje, które są wieloplatformowe i niezależne od systemu operacyjnego urządzenia klienckiego, a do ich uruchomienia niezbędna jest jedynie przeglądarka internetowa. Coraz więcej ofert pracy dla młodych programistów skierowanych jest do osób znających popularne technologie frontendowe i potrafiących stworzyć spójnie działający interfejs użytkownika dla aplikacji.
Aby aplikacje takie mogły dorównać funkcjonalnością aplikacjom dedykowanym, konieczne jest zaprojektowanie użytecznego i zgodnego z zasadami projektowania UI/UX interfejsu użytkownika. W dzisiejszych czasach korzysta się w tym celu z gotowych bibliotek takich jak Angular, React czy Vue, które są dojrzałymi i w pełni funkcjonalnymi rozwiązaniami, które udostępniają programiście szybki i schematyczny mechanizm tworzenia aplikacji webowych.
W ramach kursu przedstawione zostaną dwie biblioteki frontendowe służące do budowy interfejsów aplikacji webowych z wykorzystaniem języka JavaScript:
• Vue.js (15h)
• React (15h)
W ramach kursu poruszone zostaną następujące zagadnienia:
• Przygotowanie środowiska deweloperskiego
• Komponenty i widoki
• Reakcja na zdarzenia użytkownika
• Zarządzanie stanem komponentów i aplikacji
• Zewnętrzne biblioteki UI zgodne z aktualnymi wytycznymi budowy interfejsów graficznych
• Wykorzystanie zewnętrznych API
• Przygotowanie przykładowych aplikacji z wykorzystaniem każdej z bibliotek
Całkowity nakład pracy studenta
- Godziny realizowane z udziałem nauczycieli: 30 h
- Czas poświęcony na pracę indywidualną potrzebny do pomyślnego zaliczenia przedmiotu: 20 h
- Czas wymagany do uczestnictwa w procesie oceniania: 10 h
Efekty uczenia się - wiedza
- W1: Zna składnię języka JavaScript i popularne biblioteki frontendowe (K_W05, K_W10)
- W2: Posiada wiedzę na temat metodologii programowania w języku JavaScript (K_W05, K_W11)
- W3: Zna podstawowe biblioteki do tworzenia aplikacji frontendowych (K_W09)
- W4: Posiada wiedzę na temat programowania obiektowego i funkcyjnego w języku JavaScript (K_W10)
- W1: Zna składnię języka JavaScript i popularne biblioteki frontendowe (K_W05, K_W10)
- W5: Zna narzędzia do tworzenia aplikacji w językach HTML, CSS i JavaScript (K_W05, K_W10, K_W11)
- W2: Posiada wiedzę na temat metodologii programowania w języku JavaScript (K_W05, K_W11)
Efekty uczenia się - umiejętności
- U1: Tworzy aplikacje webowe w języku JavaScript z wykorzystaniem popularnych frameworków (K_U08 - K_U13)
- U2: Korzysta z bibliotek do tworzenia aplikacji frontendowych (K_U08 - K_U13)
- U3: Tworzy logiczny kod obiektowy i funkcyjny w języku JavaScript (K_U08 - K_U13)
- U4: Projektuje oprogramowanie frontendowe w języku JavaScript (K_U18)
- U5: Potrafi tworzyć aplikacje webowe z wykorzystaniem języka JavaScript (K_U18, K_U19, K_U21, K_U22)
- U6: Potrafi tworzyć proste aplikacje webowe dostosowane do uruchamiania na różnych urządzeniach (K_U21, K_U22)
Efekty uczenia się - kompetencje społeczne
- K1: Rozumie możliwości jakie stwarza wykorzystywane środowiska webowego (K_K01, K_K06)
- K2: Ma świadomość dotyczącą odpowiedzialności idącej za tworzeniem oprogramowania dla użytkowników (K_K01)
- K3: Posiada umiejętność pracy w grupie (K_K03, K_K04)
- K4: Rozumie zagrożenia związane z tworzeniem oprogramowania użytkowego (K_K01, K_K06)
Metody dydaktyczne eksponujące
Metody dydaktyczne podające
- opis
- pogadanka
- wykład problemowy
Metody dydaktyczne poszukujące
- studium przypadku
- klasyczna metoda problemowa
- panelowa
- seminaryjna
- laboratoryjna
Rodzaj przedmiotu
Wymagania wstępne
- Opracowywanie serwisów sieciowych cz. 1
- Opracowywanie serwisów sieciowych cz. 2
Koordynatorzy przedmiotu
Kryteria oceniania
Metody oceniania weryfikujące efekty W1-W4, U1-U6 i K1-K4:
- realizacja zadań w trakcie zajęć (W1-W4, U1-U6, K1-K4)
- projekt liczeniowy (W1-W4, U1-U6, K1-K4)
- ndst - poniżej 25 pkt (<50%)
- dst - 25.0 pkt (50%)
- dst plus - 30.0 pkt (60%)
- db – 37.5 pkt (75%)
- db plus - 42.5 pkt (85%)
- bdb - 45.0 pkt (>90%)
Kryteria oceniania:
Zaliczenie na ocenę na podstawie sumy puntów otrzymanych z zadań wykonywanych na zajęciach ( 5 zadań, z których otrzymać można max. 25pkt. - 50% wkładu do oceny) oraz projektu zaliczeniowego (25pkt. - 50% wkładu do oceny).
Aby otrzymać zaliczenie, wystarczy zdobyć 25pkt. z zadań lub z projektu zaliczeniowego.
W ramach pracy podlegającej ocenie zdobyć można łącznie 50pkt., z czego 25 pkt jest warunkiem koniecznym do otrzymania zaliczenia przedmiotu.
Minimalne progi punktowe niezbędne do otrzymania konkretnej oceny wyglądają następująco:
Praktyki zawodowe
BRAK
Literatura
- N. Bevacqua, Nowoczesny JavaScript. Poznaj ES6 i praktyczne zastosowania nowych rozwiązań, Helion 2018 (org: O'Reilly)
- A. Fedosejev, React.js Essentials. A fast-paced guide to designing and building scalable and maintainable web apps with React.js, Packt Publishing 2015
- M. Shwarzmuller, React: kluczowe koncepcje. Przewodnik po najważniejszych mechanizmach biblioteki React, Helion 2023 (org. Packt Publishing 2023)
- dokumentacja techniczna biblioteki React,js: https://react.dev/reference/react
- dokumentacja techniczna biblioteki Vue.js: https://vuejs.org/guide/introduction.html
Więcej informacji
Dodatkowe informacje (np. o kalendarzu rejestracji, prowadzących zajęcia, lokalizacji i terminach zajęć) mogą być dostępne w serwisie USOSweb: