Tworzenie nowoczesnych aplikacji frontendowych w praktyce 1000-I1TNAF

Na zajęciach poruszać będziemy m.in. poniższe zagadnienia:
Środowisko programistyczne frontend developera (Node.js, managery pakietów, wybór i konfiguracja IDE)
Narzędzia programistyczne w przeglądarkach (Chrome Dev Tools)
Dobre praktyki tworzenia kodu (narzędzia do analizy kodu, metodologie, przyjęte konwencje)
Wprowadzenie do języka HTML i CSS (struktura strony, układ strony)
Wprowadzenie do języka JavaScript
Dostosowywanie aplikacji do urzędzeń mobilnych
Zaawansowane koncepty języka JavaScript (typy danych, prototypy, scope, context, asynchroniczność)
Wprowadzenie do najpopularniejszych frameworków webowych (React, Angular)
Hosting aplikacji w sieci (GitHub Pages, Netlify)
Komunikacja między aplikacją a serwerem (Protokół HTTP, REST API)
Git w praktyce - trzymanie kodu na GitHubie, obsługa repozytoriów
Testowanie aplikacji (testy jednostkowe, testy e2e)

Całkowity nakład pracy studenta

60h - warsztaty 90h - praca własna studenta 30h - studiowanie literatury Razem 180h = 6 ptk. ECTS

Efekty uczenia się - wiedza

●K_W12 - ma uporządkowaną wiedzę w zakresie bezpieczeństwa i budowy aplikacji sieciowych, model klient-serwer (znajomość aktualnych wymagań programistycznych na stanowisku juniorskim) ●K_W11 ma wiedzę na temat inżynierii oprogramowania, w tym projektowania (wzorce projektowe, architektura oprogramowania, analiza i projektowanie obiektowe), wykorzystania API, narzędzi i środowisk wytwarzania oprogramowania (umiejętność korzystania z aktualnych narzędzi programistycznych - Slack, VisualStudio Code, WebStorm Znajomość systemu kontroli wersji GIT) ●K_W02 - ma uporządkowaną, podbudowaną teoretycznie wiedzę ogólną w zakresie programowania, technologii sieciowych, grafiki i komunikacji człowiek-komputer (znajomość architektury REST API, znajomość języków HTML/CSS/JavaScript/TypeScript)

Efekty uczenia się - umiejętności

●K_U14 posiada umiejętność tworzenia prostych, bezpiecznych aplikacji internetowych z wykorzystaniem baz danych (umiejętność tworzenia stron i aplikacji internetowych, programowania w języku JavaScript, korzystania z dokumentacji technicznych) ●K_U15 potrafi zaprojektować wygodny interfejs użytkownika ze szczególnym uwzględnieniem aplikacji internetowych (Javascript, HTML, CSS)

Efekty uczenia się - kompetencje społeczne

●K_K02 Kreatywność: Myśli twórczo w celu udoskonalenia istniejących bądź stworzenia nowych rozwiązań ● K_K04 Jest nastawiony na jak najlepsze wykonanie zadania; dba o szczegół; jest systematyczny (również w kontekście pracy w zespole) ●K_K06 Jest nastawiony na nieustanne zdobywanie nowej wiedzy, umiejętności i doświadczeń; rozumie potrzebę ciągłego doskonalenia się i podnoszenia kompetencji zawodowych

Metody dydaktyczne

Studenci będą uczestniczyli w warsztatach, w ramach których zaprojektują i zaimplementują aplikację frontendową. Zajęcia odbywać się będą w formie warsztatów przeplatanych pracą własną.

Metody dydaktyczne eksponujące

- pokaz

Metody dydaktyczne podające

- wykład problemowy

Metody dydaktyczne poszukujące

- studium przypadku
- ćwiczeniowa
- laboratoryjna

Wymagania wstępne

Podstawowa znajomość HTML/CSS Podstawowa znajomość zasad programowania obiektowego

Koordynatorzy przedmiotu

W cyklu 2024/25:

Kacper Stodolak
Maciej Świechowicz
Kajetan Tokarski
Bartosz Ziemkiewicz

W cyklu 2023/24:

Błażej Zyglarski

W cyklu 2022/23:

Błażej Zyglarski

Kryteria oceniania

Studenci w ramach zajęć tworzą projekty programistyczne. Zaliczenie zajęć odbywa się na podstawie oceny tych projektów. Rozwiązania zadań sprawdzane są podczas zajęć. Po każdym zadaniu prowadzący weryfikują, czy wszyscy studenci je wykonali, na zajęciach jest zawsze minimum 2 prowadzących, żeby zoptymalizować ten proces. Dla każdego zadania prowadzący prezentują też na forum rozwiązanie docelowe.

Literatura

Eloquent JavaScript, 3rd Edition: A Modern Introduction to Programming - Marijn Haverbeke
JS jakiego jeszcze nie znasz. Na dobry początek - Kyle Simpson
The Principles of Object-Oriented JavaScript - Nicholas C. Zakas
TypeScript 4. Od początkującego do profesjonalisty. Wydanie II - Adam Freeman
Czysty kod. Podręcznik dobrego programisty - Robert C. Martin

Więcej informacji

Dodatkowe informacje (np. o kalendarzu rejestracji, prowadzących zajęcia, lokalizacji i terminach zajęć) mogą być dostępne w serwisie USOSweb:

Strona przedmiotu 1000-I1TNAF w USOSweb