Czego będziesz się uczył?
Zaczniesz od podstaw języka HTML i CSS. Nauczysz się JavaScript i frameworków, a pod koniec kursu będziesz mógł tworzyć strony internetowe i serwisy korporacyjne. Zdobędziesz doświadczenie w pracy zespołowej i zaczniesz swoją karierę jako web developer. Szczegółowy opis programu kursu znajduje się poniżej.
Wprowadzenie do Web. Struktura HTML
- Wprowadzenie do przedmiotu
- Wprowadzenie do języku znaczników. Język znaczników hipertekstowych HTML.
- Tagi HTML. Zasady pisania tagów i ich atrybutów.
- Syntaksyczne różnice pomiędzy HTML4, XHTML, HTML5.
- Struktura dokumentu HTML5.
- Kodowanie stron i tagi.
- Klasyfikacja tagów: liniowe i blokowe.
- Formatowanie tekstu: nagłówki i akapity, elementy p, h1..h6, wyrównanie tekstu: atrybut alignment.
- Klasyfikacja tagów: formatowanie logiczne i fizyczne.
- Praktyka: Tworzenie prostej strony internetowej.
Formatowanie za pomocą CSS
- CSS - kaskadowe arkusze stylów.
- Niesformatowane tagi div są oparte na bloku, span - liniowy.
- Analogia HTML i CSS z użyciem tagów liniowych i blokowych
- Właściwości CSS dla formatowania tekstu: letter-spacing, line-height, text-intend, text-transform, white-space, word-spacing.
- Używanie atrybutów class i id do określania stylów.
- Wykorzystanie zewnętrznych plików stylów CSS.
- Praktyka: formatowanie tekstu za pomocą CSS.
- Tworzenie list
- Tworzenie list zagnieżdżonych.
- Formatowanie list przy użyciu CSS.
- Listy definicji: elementy dl, dd, dt.
- Zarządzanie wcięciami i marginesami.
- Praktyka; tworzenie list
JavaScript i biblioteka jQuery
- Wprowadzenie w JavaScript
- Obiekt. Tablice. Obiekt Array. Linie. Obiekty typu String, Date, Math. Wprowadzenie do obiektu.
- Programowanie zorientowane obiektowo.
- Przetwarzanie wydarzeń.
- Browser Object Model. Document Object Model.
- Rysowanie za pomocą Canvas, wsparcie dla opcji mediów.
- JSON, AJAX.
- ECMAScript 6, ECMAScript 11.
- Testowanie modułowe.
- Wzorce strukturalne. Wzorce projektowe.
- Wzorzec MVC.
- Zasady projektowania klasy SOLID.
- Wprowadzenie do jQuery. Zdarzenia w jQuery.
- Style i animacje.
- Interakcja z DOM.
- AJAX i jQuery.
frameworki Angular i React
- NodeJS.
- Tworzenie projektów z wykorzystaniem Webpack i innych narzędzi.
- Framework Angular
- Framework Reakt
