Wybrane elementy praktyki projektowania oprogramowania 2018/2019

Zasady zaliczania

1. >= 75% bdb
2. 50%-75% db
3. 25%-50% dst
4. < 25% ndst

1. >= 69 bdb
2. 46-68 db
3. 23-45 dst
4. < 45 ndst

Odnośniki do wykładów

• kurs: WEPPO 18
• klucz dostępu: WEPPO

1. Wykład 1 2018-10-09 Wprowadzenie
2. Wykład 2 2018-10-16 Javascript: podstawy języka (1)
3. Wykład 3 2018-10-23 Javascript: podstawy języka (2)
4. Wykład 4 2018-10-30 Javascript: funkcje, obiekty
5. Wykład 5 2018-11-06 Javascript: obiektowość prototypowa
6. Wykład 6 2018-11-13 Javascript: programowanie asynchroniczne, biblioteka standardowa
7. Wykład 7 2018-11-20 node.js: HTTP, HTML
8. Wykład 8 2018-11-27 Express (1)
9. Wykład 9 2018-12-04 Express (2)
10. Wykład 10 2018-12-11 Express (3) (bezpieczne logowanie, uwierzytelnianie federacyjne)
11. Wykład 11 2018-12-18 Express (4) (AJAX, WebSockets, Continuous Deployment)
12. Wykład 12 2019-01-08 Bazy danych (1)
13. Wykład 13 2019-01-15 Bazy danych (2)
14. Wykład 14 2019-01-22 Elementy projektowania obiektowego
15. Wykład 15 2019-01-29 Testy jednostkowe

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

1. Lista 1 do 2018-10-23
2. Lista 2 do 2018-10-30
3. Lista 3 do 2018-11-13
4. Lista 4 do 2018-11-20
5. Lista 5 do 2018-12-04
6. Lista 6 do 2018-12-18
7. Lista 7 do końca semestru
8. Lista 8 do 2018-01-22
9. Lista 9 do końca semestru

Punktacja częściowa

• Ranking na 2018-11-27 (na stronie kursu, w zakładce "Główne składowe")

Wykłady/ćwiczenia

1. 2018-10-09 Wprowadzenie
   • Sprawy organizacyjne
   • Technologie, języki
   • Javascript - historia, aktualny status
   Notatki do wykładu 1
   Zestaw 1 (do 2017-10-17)
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 2018-10-30)
3. 2018-10-23 Javascript, podstawy języka (2)
   • Obiekty
   • Tablice
   Notatki do wykładu 3
   
4. 2018-10-30 Javascript, funkcje
   • Funkcje
   Notatki do wykładu 4
   Zestaw 3 (do 2018-11-13)
5. 2018-11-06 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 2018-11-20)
6. 2018-11-13 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. 2018-11-20 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
   
8. 2018-11-27 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
   Zestaw 5 (do 2018-12-04)
9. 2018-12-04 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
   • autentykacja użytkowników - kompletna miniaplikacja do pobrania stąd
   Notatki do wykładu 9
   Zestaw 6 (do 2018-12-18)
10. 2018-12-11 Express (3) (bezpieczne logowanie, uwierzytelnianie federacyjne)
    • Middleware autentykacji
    • 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. 2018-12-18 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. 2019-01-08 Bazy danych (1)
    • Wprowadzenie, klasyfikacja
    • Elementy projektowania relacyjnego
    Notatki do wykładu 12
    Zestaw 8 (do 2019-01-22)
13. 2019-01-15 Bazy danych (2)
    • Baza danych: relacje
    • Klauzula JOIN
    • Elementy programowania baz danych - pakiety
      1. SQL Server: mssql
      2. PostreSQL: pgpromise
    • 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
    • wzorzec mapowania obiektowo-relacyjnego
    • przykładowa implementacja w node.js oparta o Promise - sequelize
    • plany zapytań, wpływ indeksów na kolumnach na plany zapytań
    Notatki do wykładu 13
    
14. 2019-01-22 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. 2019-01-29 Testy jednostkowe
    • Framework mocha
    • npm install mocha -g
    • Testy znajdują się w folderze /test
    • Polecenie mocha uruchamia testy jednostkowe
    • Przykładowy test

      var assert = require('assert');
      
      describe('Top level', function() {
          describe('Sub level', function() {
              
          it( 'Unit test function definition', function() {
                  assert.equal( [1,2,3].indexOf(4), -1 );
              });
      
          });
      });		
      		

    • Framework selenium - testy akceptacyjne interfejsu użytkownika aplikacji webowej
    • Framework do skryptowania testów - WebDriver.io
    • Przykładowy skrypt automatyzujący przeglądarkę internetową (za dokumentacją webdriver.io)

      var webdriverio = require('webdriverio');
      var options = { desiredCapabilities: { browserName: 'chrome' } };
      var client = webdriverio.remote(options);
      client
          .init()
          .url('https://duckduckgo.com/')
          .setValue('#search_form_input_homepage', 'WebdriverIO')
          .click('#search_button_homepage')
          .getTitle().then(function(title) {
              console.log('Title is: ' + title);
              // outputs: "Title is: WebdriverIO (Software) at DuckDuckGo"
          })
          .end();		
      		

    • Technologie klienckie - angular, react, extjs
    • Technologie serwerowe : .NET Core
    • Przykład aplikacji ASP.NET Core

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