Technologie webowe

Spis materiałów do warsztatów technologii webowych prowadzonych na Wydziale Matematyki i Informatyki Uniwersytetu im. Adama Mickiewicza w Poznaniu.

O warsztatach Poziom Beginner Poziom Intermediate Poziom Advanced

Poziom Beginner

Celem tego modułu jest zapoznanie się z językiem HTML5 oraz CSS3. Zostaną także omówione podstawy pracy z systemem kontroli wersji Git.

Informacje wstępne dla poziomu Beginner: Znajdują się tutaj informacje dotyczące projektu, który będziemy realizować w trakcie kursu Technologii Webowych dla grup początkujących.

Zobacz informacje wstępne

Zajęcia 1: Na tych zajęciach opiszemy proces, który można zastosować podczas tworzenia nowej witryny.

Zobacz materiały do zajęć

Zajęcia 2: Na tych zajęciach poznamy budowę dokumentu HTML. Poznamy także metody, które pozwolą nam nadać wygląd takiemu dokumentowi.

Zobacz materiały do zajęć

Zajęcia 3: Na tych zajęciach będziemy omawiać niektóre właściwości dostępne w CSS3, które pozwolą nam nadać wygląd tła danego elementu na stronie oraz wygląd tekstu. Poznamy także ideę klas i identyfikatorów.

Zobacz materiały do zajęć

Zajęcia 4: Na tych zajęciach poznamy selektory elementów w CSS3. Nauczymy się także stylować tabele i listy.

Zobacz materiały do zajęć

Zajęcia 5: Na tych zajęciach rozpoczniemy pracę nad projektem. W tym celu zapoznamy się z podstawami pracy z Git-em. Omówimy różnicę pomiędzy Git-em a Github-em. Nauczymy się tworzyć i wysyłać commity na serwer. Poznamy ideę gałęzi.

Zobacz materiały do zajęć

Zajęcia 6: Na tych zajęciach poznamy selektory pseudoklas w CSS3. Nauczymy się także stylować linki. Omówimy ideę modelu pudełkowego, marginesy i paddingi.

Zobacz materiały do zajęć

Zajęcia 7: Na tych zajęciach nauczymy się centrować elementy na stronie w pionie i w poziomie. Nauczymy się także jak zachowywać rytm pionowy na stronie.

Zobacz materiały do zajęć

Zajęcia 8: Na tych zajęciach nauczymy się pozycjonować elementy na stronie. Dowiemy się także jak można zmieniać widoczność elementów.

Zobacz materiały do zajęć

Materiały dodatkowe - wideo na WWW: Znajdują się tutaj treści związane z osadzaniem plików wideo na stronach WWW.

Zobacz materiały dodatkowe

Materiały dodatkowe - polecenia powłoki bash: Znajdują się tutaj ćwiczenia związane z poruszaniem się po powłoce bash.

Zobacz materiały dodatkowe

Poziom Intermediate

Celem tego modułu jest zapoznanie się z nowościami w języku HTML5 i zaawansowanymi możliwościami CSS3. Zostaną też omówione podstawy programowania w języku JavaScript, obiektowy model dokumentu, zdarzenia oraz REST API.

Informacje wstępne dla poziomu Intermediate: Znajdują się tutaj informacje dotyczące projektu, który będziemy realizować w trakcie kursu Technologii Webowych dla grup średniozaawansowanych.

Zobacz informacje wstępne

Zajęcia 0: Na tych zajęciach zapoznamy się z podstawami pracy z Git-em. Omówimy różnicę pomiędzy Git-em a Github-em. Nauczymy się tworzyć i wysyłać commity na serwer.

Zobacz materiały do zajęć

Zajęcia 1: Na tych zajęciach zapoznamy się z charakterystycznymi dla języka HTML5 znacznikami. Omówimy także tworzenie formularzy.

Zobacz materiały do zajęć

Zajęcia 2: Na tych zajęciach poznamy gradienty i nauczymy się tworzyć proste animacje w CSS3.

Zobacz materiały do zajęć

Zajęcia 3: Na tych zajęciach przypomnimy pozycjonowanie elementów w CSS3 oraz rytm pionowy. Poznamy Flexbox.

Zobacz materiały do zajęć

Zajęcia 4: Na tych zajęciach zapoznamy się z podstawami programowania w języku JavaScript.

Zobacz materiały do zajęć

Zajęcia 5: Na tych zajęciach będziemy ćwiczyć programowanie w języku JavaScript.

Zobacz materiały do zajęć

Zajęcia 6: Na tych zajęciach dowiemy się czym jest obiektowy model dokumentu i jakie ma znaczenie w projektowaniu stron internetowych.

Zobacz materiały do zajęć

Zajęcia 7: Na tych zajęciach omówimy obsługę zdarzeń w języku JavaScript.

Zobacz materiały do zajęć

Zajęcia 8: Na tych zajęciach powiemy czym jest REST API oraz jak obsługiwać API przy pomocy biblioteki qwest.

Zobacz materiały do zajęć

Poziom Advanced

Celem tego modułu jest zapoznanie się z zaawansowanymi możliwościami języka JavaScript. Zostanie omówiony standard EcmaScript 6, biblioteka jQuery, AJAX oraz jQuery UI. Uczestnicy kursu poznają też różne przykłady API oraz jak obsługiwać i debugować błędy w języku JavaScript.

Informacje wstępne dla poziomu Advanced: Znajdują się tutaj informacje dotyczące przebiegu kursu Technologii Webowych dla grup zaawansowanych.

Zobacz informacje wstępne

Angular - zajęcia 1: Na tych zajęciach stworzymy pierwszy projekt w Angularze.

Zobacz materiały do zajęć

Angular - zajęcia 2: Na tych zajęciach omówimy komunikację między komponentami w Angularze.

Zobacz materiały do zajęć

Angular - zajęcia 3: Na tych zajęciach omówimy obsługę serwisów w Angularze.

Zobacz materiały do zajęć

Angular - zajęcia 4: Na tych zajęciach omówimy SCSS i przyjrzymy się Bootstrapowi.

Zobacz materiały do zajęć

Zajęcia 1: Na tych zajęciach omówimy standard ECMAScript 6 oraz podstawowe problemy z języka JavaScript, o które często pytają rekruterzy na rozmowie kwalifikacyjnej do pracy jako FrontEnd Developer.

Zobacz materiały do zajęć

Zajęcia 2: Na tych zajęciach omówimy obsługę błędów i debugowanie skryptów języka JavaScript.

Zobacz materiały do zajęć

Zajęcia 3: Na tych zajęciach zostaną omówione podstawy pracy z biblioteką jQuery.

Zobacz materiały do zajęć

Zajęcia 4: Na tych zajęciach będziemy omawiać efekty, filtry i obsługę zdarzeń w bibliotece jQuery.

Zobacz materiały do zajęć

Zajęcia 5: Na tych zajęciach poznamy technologię AJAX.

Zobacz materiały do zajęć

Zajęcia 6: Na tych zajęciach zostaną omówione żądania AJAX w bibliotece jQuery.

Zobacz materiały do zajęć

Zajęcia 7: Na tych zajęciach przypomnimy sobie czym jest interfejs programowania aplikacji i omówimy API HTML5.

Zobacz materiały do zajęć

Zajęcia 8: Na tych zajęciach poznamy bibliotekę leaflet.js do obsługi map.

Zobacz materiały do zajęć

Zajęcia 9: Na tych zajęciach dokonamy przeglądu możliwości jQuery UI.

Zobacz materiały do zajęć