Wybrane elementy praktyki projektowania oprogramowania 2019/2020

Zasady zaliczania

1. >= 80% bdb
2. 60%-80% db
3. 40%-60% dst
4. < 40% ndst

Odnośniki do wykładów

1. Wykład 1 2019-10-08 Wprowadzenie
2. Wykład 2 2019-10-15 Javascript: podstawy języka (1)
3. Wykład 3 2019-10-22 Javascript: podstawy języka (2)
4. Wykład 4 2019-10-29 Javascript: funkcje, obiekty
5. Wykład 5 2019-11-05 Javascript: obiektowość prototypowa
6. Wykład 6 2019-11-12 Javascript: programowanie asynchroniczne, biblioteka standardowa
7. Wykład 7 2019-11-19 node.js: HTTP, HTML
8. Wykład 8 2019-11-26 Express (1)
9. Wykład 9 2019-12-03 Express (2)
10. Wykład 10 2019-12-10 Express (3) (bezpieczne logowanie, uwierzytelnianie federacyjne)
11. Wykład 11 2019-12-17 Express (4) (AJAX, WebSockets, Continuous Deployment)
12. Wykład 12 2020-01-14 Bazy danych (1)
13. Wykład 13 2020-01-21 Bazy danych (2)
14. Wykład 14 2020-01-28 Elementy projektowania obiektowego
15. Wykład 15 2020-02-04 Testy jednostkowe, React

Odnośniki do list zadań (na skróty; terminy i uwagi dalej w treści)

1. Lista 1 do 2019-10-22
2. Lista 2 do 2019-10-29
3. Lista 3 do 2019-11-12
4. Lista 4 do 2019-11-19
5. Lista 5 do 2019-12-03
6. Lista 6 do 2019-12-17
7. Lista 7 do końca semestru
8. Lista 8 do 2020-01-28
9. Lista 9 do końca semestru

Punktacja częściowa

Wykłady/ćwiczenia

1. 2019-10-08 Wprowadzenie
   • Sprawy organizacyjne
   • Technologie, języki
   • Javascript - historia, aktualny status
   Notatki do wykładu 1
   Zestaw 1 (do 2019-10-22)
2. 2017-10-15 Javascript, podstawy języka (1)
   • Narzędzia
   • Javascript = język hybrydowy (obiektowo-funkcyjny); dynamicznie typowany; luźno typowany
   • npm - Node Package Manager
   • Model obiektowy
   • Typy proste
   • Obiekty
   Notatki do wykładu 2
   Zestaw 2 (do 2019-10-29)
3. 2019-10-22 Javascript, podstawy języka (2)
   • Obiekty
   • Tablice
   Notatki do wykładu 3
   
4. 2019-10-29 Javascript, funkcje
   • Funkcje
   Notatki do wykładu 4
   Zestaw 3 (do 2019-11-12)
5. 2019-11-05 Javascript, obiektowość prototypowa
   • Obiektowość
   • "Tania" obiektowość z {}
   • Obiektowość prototypowa
   • Obiektowość z Object.create()
   • Obiektowość z new
   • Równoważność obu podejść
   • Lukier syntaktyczny class, extends
   Notatki do wykładu 5
   Zestaw 4 (do 2019-11-19)
6. 2019-11-12 Javascript, programowanie asynchroniczne, biblioteka standardowa
   • Elementy znane z obiektowych języków programowania
   • Programowanie asynchroniczne - historia paradygmatu
   • Callback Hell
   • moduł fs
   • Promise - alternatywa dla programowania przez funkcje zwrotne
   Notatki do wykładu 6
   
7. 2019-11-19 node.js: HTTP, HTML
   • Podstawy protokołu HTTP - żądania, odpowiedzi
   • Podstawowe nagłówki żądań i odpowiedzi: host, Content-type, Content-length
   • Debuggery warstwy HTTP
   • Najprostszy serwer http w node.js
   • ngrok - bezpieczny tunel do localhost (możliwość wystawienia na świat aplikacji z portem otwartym tylko lokalnie, nawet za NAT/Firewall)
   Notatki do wykładu 7
   Zestaw 5 (do 2019-12-03)
8. 2019-11-26 Framework Express (1)
   • demonstracja rozbudowy przykładu z poprzedniego wykładu o interakcję z użytkownikiem
   • Po co nam framework do programowania aplikacji web?
     • Wsparcie dla routingu - obsługa żądań do wielu adresów (w wersji bez silnika byłby to duży "if")
     • Rozdzielenie części imperatywnej od deklaratywnej (MVC) (w wersji bez silnika można użyć string template)
     • Wsparcie parsowania adresu, parsowania parametrów POST
     • Wsparcie dla tworzenia ciastek
     • Wsparcie dla obsługi sesji po stronie serwera
     • Wsparcie dla szablonowania renderowania zawartości z ochroną przed atakiem Cross-site scripting (XSS)
   • Frameworkiem jakiego użyjemy jest Express, najprzystępniejszy framework web dla node.js
   • Wprowadzenie do silnika widoków - EJS
   • Idea middleware
   Notatki do wykładu 8
   
9. 2019-12-03 Express (2)
   • jak działają middleware w tym middleware do obsługi błędów, atak Cross-site scripting
   • użycie parametrów w ścieżce (route), atak Web Parameter Tampering
   • obsługa ciastek (middleware cookie-parser)
   • obsługa sesji (middleware express-session)
   • złożone szablony z parametrami - przykład select/option
   Notatki do wykładu 9
   Zestaw 6 (do 2019-12-17)
10. 2019-12-10 Express (3) (bezpieczne logowanie, uwierzytelnianie federacyjne)
    • Middleware autentykacji
    • autentykacja użytkowników - kompletna miniaplikacja do pobrania stąd
    • Bezpieczne przechowywanie haseł użytkowników - problemy
    • Uwierzytelnianie federacyjne, protokoły OAuth2 i WS-Federation/SAML.
    • Przykład z wykładu z uwierzytelnianiem za pomocą OAuth2/Google do pobrania
    Notatki do wykładu 10
    
11. 2019-12-17 Express (4)
    • AJAX = Asynchronous Javascript And XML, przykład z wykładu
    • WebSockets, przykład z wykładu
    • Continuous Deployment
    Notatki do wykładu 11
    Zestaw 7 (do końca semestru)
12. 2020-01-14 Bazy danych (1)
    • Wprowadzenie, klasyfikacja
    • Elementy projektowania relacyjnego
    • Podstawy systemów PostgreSQL i Microsoft SQL Server
    Notatki do wykładu 12
    Zestaw 8 (do 2020-01-28)
13. 2020-01-21 Bazy danych (2)
    • Baza danych: relacje
    • Klauzula JOIN
    • plany zapytań, wpływ indeksów na kolumnach na plany zapytań
    • Elementy programowania baz danych - pakiety
      1. SQL Server: mssql
      2. PostreSQL: pg
    • Pojęcie "ciągu połączenia" (connection string)
    • Przykład kodu do prezentacji danych z tabeli, asynchronicznie z wykorzystaniem async/await
    • wstawianie rekordów do tabel, zwracanie identyfikatora nowo wstawionego rekordu
    • kwerendy parametryczne, atak typu SQL-Injection
    • wzorzec Repository - warstwa API oddzielająca kod aplikacji od dostępu do danych. Dzięki wprowadzeniu tej warstwy możliwa jest wymiana implementacji warstwy danych bez wymiany kodu aplikacji.
    • właściwa organizacja odpowiedzialności: repository zależy od connection, warstwa UI zależy od repository
    Notatki do wykładu 13
    
14. 2020-01-28 Elementy projektowania obiektowego
    • Model pojęciowy, model obiektowy, model relacyjny
    • UML
      • Visual Paradigm Community Edition
      • Enterprise Architect
      • diagramy klas
      • diagramy czynności
      • diagramy sekwencji
    Notatki do wykładu 14
    Zestaw 9 (do końca semestru)
15. 2020-02-04 Testy jednostkowe, React
    • Framework mocha
    • Selenium
    • Puppeteer
    • React
    Notatki do wykładu 15

Literatura

1. Specyfikacja ECMA-262
2. MDN
3. Javascript The Definitive Guide
4. Secrets of Javascript Ninja
5. Functional Javascript
6. Javascript Patterns
7. Express in Action