O warsztatach

Znajdują się tutaj ogólne informacje dotyczące warsztatów technologii webowych.
Wróć do spisu materiałów

Dla kogo są te warsztaty?

Warsztaty są adresowane do osób, które chciałyby zagłębić się w tajniki technologii frontendowych. Każdy znajdzie tutaj coś dla siebie, ponieważ zajęcia prowadzone są w trzech grupach:

  • początkująca (HTML5, CSS3);
  • średniozaawansowana (HTML5, CSS3, JavaScript, REST API);
  • zaawansowana (JavaScript, jQuery, AJAX, API HTML5, leaflet.js, jQuery UI).

Forma warsztatów

Zajęcia będą odbywać się w laboratoriach komputerowych, gdzie prowadzący będą przedstawiali teorię popartą przykładami i pomagać uczestnikom wykonywać zadania. W tym semestrze zajęcia dla grupy początkującej prowadzi Mikołaj Szumigalski a w pozostałych grupach Marcin Szczepański.

Opis grup

Grupa początkująca - przeznaczona jest dla osób, które nigdy nie miały styczności z kodowaniem stron. Uczestnicy na zajęciach poznają HTML5 oraz CSS3. Zostanie omówiony również system kontroli wersji Git, który będzie później wykorzystywany w trakcie warsztatów. W ramach zajęć uczestnicy przygotują stronę internetową.

Program zajęć:

  • Jak tworzyć witryny WWW?
  • Podstawy pracy z systemem kontroli wersji Git.
  • Budowa dokumentu HTML5.
  • Znaczniki języka HTML5.
  • Wprowadzenie do języka CSS3.
  • Tworzenie reguł w CSS3.
  • Przegląd selektorów CSS3.
  • Model pudełkowy strony. Rytm pionowy.
  • Pozycjonowanie elementów na stronie.

Grupa średniozaawansowana - przeznaczona jest dla osób, które mają już przyswojone podstawy HTML5 i CSS3. Uczestnicy na zajęciach nauczą się tworzyć formularze, poznają różnice między HTML4 a HTML5. Będą tworzyć proste animacje w CSS3, dowiedzą się czym jest Flexbox. Nauczą się podstaw języka JavaScript, dowiedzą się czym jest DOM i do czego wykorzystuje się technologię AJAX. Pokrótce zostanie omówiona tematyka związana z REST-owym API. Zostanie omówiony również system kontroli wersji Git, który będzie później wykorzystywany w trakcie warsztatów. W ramach zajęć uczestnicy przygotują prostą aplikację internetową łączącą się z REST-owym API.

Program zajęć:

  • Podstawy pracy z systemem kontroli wersji Git.
  • Semantyka języka HTML5. Formularze.
  • Gradienty w CSS3. Tworzenie animacji.
  • Przypomnienie pozycjonowania i rytmu pionowego. Flexbox.
  • Podstawy składni języka JavaScript.
  • Obiekty w języku JavaScript.
  • Obiektowy model dokumentu.
  • Zdarzenia języka JavaScript.
  • Podstawowe informacje o REST-owym API na przykładzie biblioteki qwest.

Grupa zaawansowana - przeznaczona jest dla osób, które znają już HTML5, CSS3 oraz język JavaScript, DOM i obsługę zdarzeń w JS a także mają przyswojone podstawy systemu kontroli wersji Git. Uczestnicy na zajęciach poznają ECMAScript 6, nauczą się korzystać z bibliotek języka JavaScript na przykładzie jQuery. Zostanie także dokładniej niż w grupie średniozaawansowanej omówiona technologia AJAX, która będzie także przedstawiona w jQuery. Zostanie poruszona tematyka związana z API, uczestnicy poznają różne przykłady i nauczą się wykorzystywać zewnętrzne API. Omówiony zostanie zestaw wtyczek jQuery UI oraz jak radzić sobie z błędami w skryptach i jak je debugować. W ramach zajęć uczestnicy będą wykonywać drobne projekty związane z aktualnie omawianym zagadnieniem. Na pierwszych zajęciach uczestnicy będą proszeni o rozwiązanie pisemnego testu ze znajomości języka JavaScript (tematy 5-9 w programie zajęć grupy średniozaawansowanej). Test ten pozwoli prowadzącemu dopasować program zajęć do grupy (zatem poniższy program może troszkę się zmienić).

Program zajęć:

  • ECMAScript 6.
  • Podstawy pracy z biblioteką jQuery.
  • Efekty, zdarzenia i filtry biblioteki jQuery.
  • Technologia AJAX.
  • Żądania AJAX w bibliotece jQuery.
  • API HTML5 - geolokalizacja, web storage, local storage, history.
  • API OpenStreetMaps - biblioteka leaflet.js.
  • Przegląd możliwości jQuery UI.
  • Obsługa błędów i debugowanie skryptów JavaScript.

Co to jest Sealcode?

Sealcode to nieoficjalna grupa programistów z Poznania zajmujących się rozwijaniem oprogramowania open-source i edukacją technologiczną. Jesteśmy twórcami deklaratywnego frameworka do tworzenia aplikacji webowych i desktopowych Sealious.

Uważamy, że Internet nie powinien być kontrolowany przez wielkie, bezuczuciowe korporacje (Google, Facebook, Microsoft). Chcemy dać ludziom wysokiej jakości, łatwe w obsłudze i niezawodne open-source’owe alternatywy do takich aplikacji, jak Gmail, Dropbox, czy Google Docs.

Jesteśmy ludźmi z inicjatywą – prowadzimy szkolenia z bezpieczeństwa w Internecie dla młodzieży gimnazjalnej oraz właśnie Warsztaty Technologii Webowych.