Projektowanie serwisów WWW

semestr zimowy 2020/2021

Tematy zadań 1. Praca z systemem kontroli wersji. Podstawy WWW. cel - stworzyć prostą stronę WWW, nie wymagającą użycia serwera webowego, strona powinna zawierać linki do trzech podstron, które należy utworzyć: strona z listem (odpowiednio sformatowany tekst, przypominający list), strona z podręcznika, np. do informatyki (rysunki, tabele, wzory itp.), strona z formularzem (inputy, pola tekstowe, checkboxy itp.), na początku bez walidacji wartości pól. na stronie startowej należy umieścić informację o autorze oraz opcjonalnie np. [Read More]

Aplikacje internetowe

semestr zimowy 2020

Tematy zadań 1. Blog uruchomiony na PaaS należy utworzyć repozytorium o nazwie aplikacje-internetowe-dane-185ic, gdzie zamiast ‘dane’ wpisujemy nazwisko lub nr indeksu; będzie ono podstawą zaliczenia przedmiotu, w ww. repozytorium umieszczamy kolejne zrealizowane zadania w osobnych folderach i z osobnymi plikami README.md, strona źródłowa do realizacji tego zadania, poniższe zagadnienia powinny zostać zrealizowane: instalacja pakietów i tworzenie projektu, korzystanie z serwera deweloperskiego, modele, migracje i ORM, ustawienia projektu, tworzenie superusera i panel admina, tworzenie aplikacji w Django, QuerySets i menadżery obiektów, praca z plikami views. [Read More]

Django

1. Wprowadzenie Django (czytaj: dżango) to darmowy i open-source’owy framework do tworzenia aplikacji webowych, napisany w Pythonie. To taki zbiór narzędzi, dzięki którym tworzenie stron internetowych jest szybsze i łatwiejsze. Gdy budujesz stronę internetową, często potrzebujesz tych samych rzeczy: uwierzytelnić użytkowników (rejestracja, logowanie, wylogowywanie), panel zarządzania stroną, formularzy, sposobu przesyłania plików itd. Na szczęście pewni programiści już kiedyś zauważyli, że wszyscy web developerzy stają przed takimi samymi problemami i stworzyli frameworki (Django jest jednym z nich), które dostarczają nam gotowych do użycia komponentów. [Read More]

Protokół HTTP

1. Podstawowe pojęcia Protokół Przesyłania Danych Hipertekstowych (Hypertext Transfer Protocol, HTTP) to protokół warstwy aplikacji, odpowiedzialny za transmisję dokumentów hipermedialnych, jak np. HTML. Został stworzony do komunikacji pomiędzy przeglądarkami, a serwerami webowymi, ale może być używany również w innych celach. HTTP opiera się na klasycznym modelu klient-serwer, gdzie klient inicjuje połączenie poprzez wysłanie żądania, następnie czeka na odpowiedź. HTTP jest protokołem bezstanowym, co oznacza, że serwer nie przechowuje żadnych danych (stanów) pomiędzy oboma żądaniami. [Read More]

React.js

1. Kursy

  • oficjalna dokumentacja: tutaj
  • oficjalny tutorial: tutaj
  • … i po polsku: tutaj
  • React od podstaw na TypeOfWeb: tutaj
  • tutorial na W3 Schools: tutaj

2. Porady

  • kiedy używać klamrowych nawiasów przy imporcie: tutaj
  • atrybuty HTML w React: tutaj

3. Ściągi

  • ściąga z Reacta 15 i 16 pobierz

4. Tools

  • Gatsby - framework do tworzenia stron i apek, oparty na React’ie: tutaj
  • Material UI - komponenty Reacta: tutaj
  • React Query - data synchronization for React: tutaj