Warsztaty Webowe grupa średniozaawansowana

Program zajęć:

Zasady zaliczenia:

Aby otrzymać certyfikat konieczne jest oddanie projektu i uzyskanie z niego odpowiedniej ilości punktów (szczegóły wkrótce). Oprócz tego można uzyskiwać punkty za zadania domowe, które mogą podwyższyć ocenę (nie są obowiązkowe, ale warto je robić, aby utrwalić wiedzę z zajęć). Czas na oddawanie prac domowych - zawsze do końca poniedziałku przed następnymi zajęciami.
Jeśli chodzi o nieobecności, są 4 bez konsekwencji. W razie gdyby było ich więcej może to rzutować na ocenie.

Projekt 1 TO DO:

Projekt to najważniejszy cel tych zajęć. Ma on sprawdzić Waszą wiedzę z zajęć , ale również pokazać jak w praktyce wykorzystać Waszą wiedzę. Pracę nad projektem podzielimy na następujące etapy:

  1. Stworzenie repozytorium, w którym pliki będą poukładane w folderach html, css, js, img, oraz będzie zawierało plik index.html, który będzie to wszystko "uruchamiał" (w razie potrzeby można tworzyć też inne foldery)
  2. budowanie szkieletu aplikacji w HTML5 - dokument powinien zawierać:
    • tytuł aplikacji
    • aktualną datę (na razie wpisujemy na sztywno - np. “6. lutego 2017r.”)
    • pole do wpisania treści nowego zadania
    • przycisk do dodawania nowego zadania
    • miejsce na listę zadań (na początku na sztywno wpisujemy kilka zadań)
    • pole typu checkbox do zaznaczenia czy dane zadanie zostało wykonane (domyślnie zadanie jest niewykonane)
    • przycisk do usuwania zadania przy każdym z nich
    • stopkę
  3. ostylowanie szkieletu aplikacji w CSS3
  4. “ożywienie” aplikacji przy pomocy języka JavaScript:
    • po wpisaniu zadania i wciśnięciu klawisza ENTER lub kliknięciu przycisku do dodawania zadanie powinno zostać dodane do listy zadań
    • pilnujemy aby nie było możliwości dodania pustego zadania
    • możemy zmieniać status zadania z niewykonanego na wykonane i odwrotnie
    • po kliknięciu przycisku do usuwania, dane zadanie powinno zniknąć z listy zadań
    • data powinna być aktualizowana
    • łączenie się z API:
      • aplikacja powinna łączyć się z API sealcode-owym
      • dodanie, usunięcie i modyfikacja stanu wykonania zadań powinny być wykonywane poprzez API sealcode-owe
      • przy odświeżaniu strony oraz dokonaniu zmian(y), lista zadań widoczna na stronie powinna zostać zaktualizowana

    Projekt 2 Strona a'la demotywatory/kwejk:

    Praca jest tak samo podzielona jak w poprzednim projekce na etapy HTML, CSS i JavaScript. Zamiast dodawania poleceń tutaj dodajemy obrazki. Dodatkowo:

    • Każdy obrazek powinien mieć sekcję komentarzy, ocenę i tytuł
    • Stronka mam podstrony takie jak:
      • Dodaj (do dodawania obrazków)
      • Główna (poczekalnia jest opcjonalna)
      • Losuj (losuje jakikolwiek obrazek)

    W razie wątpliwości proszę pytać, to temat eksperymentalny i przypominam, że można go robić w parach, bo jest dużo więcej pracy

    Terminy wykonania poszczególnych części projektu będą podawane na bieżąco w czasie trwania zajęć.