HTML, Javascript, CSS oraz Bootstrap

Transkrypt

1 HTML, Javascript, CSS oraz Bootstrap Adresaci szkolenia: Kurs przeznaczony jest dla programistów pragnących poszerzyć swoje kompetencje w zakresie tworzenia aplikacji webowych. W ramach szkolenia zostaną wykorzystane takie technologie jak html, js, css oraz bootstrap. Parametry szkolenia: KOD: HTML-JS-CSS CZAS TRWANIA: 3 dni / 21 h WIELKOŚĆ GRUPY: maks. 10 osób CENA NETTO: 2075 PLN Cel: Celem szkolenia jest zapoznanie uczestników z teoretycznymi oraz praktycznymi zagadnieniami technologii Html, Javascript, CSS oraz Bootstrap. Osoby, które ukończą szkolenie dowiedzą się jak: definować strukturę strony html, tworzyć formularze i obsługiwać walidację, obsługiwać audio i video tworzyć grafikę oraz animacje wykorzystywać Geolocation API wykorzystywać CSS (Cascading Style Sheets), dla potrzeb poprawy wyglądy strony tworzyć dynamiczne strony z wykorzystaniem javascript Wymagania: Od uczestników wymagana jest podstawowa znajomość obsługi komputera, oraz umiejętność algorytmicznego myślenia Program szkolenia: 1. HTML5 Struktura strony 1.1 Tworzenie DOCTYPE w HTML5 1

2 1.2 Utworzenie deklaracji strony kodowej 1.3 Podział dokumentu na sekcje 1.4 Tworzenie poszczególnych części dokumentu 1.5 Tworzenie aside 1.6 Tworzenie header 1.7 Grupowanie elementów od <h1> do <h6> 1.8 Tworzenie stopki 1.9 Tworzenie nawigacji w dokumencie 1.10 kompatybilność przeglądarki 1.11 Wykorzystanie tagu <hr> w HTML Wykorzystanie tagu <iframe> 1.13 Wykorzystanie tagu <area> 2. HTML5 Formularze 2.1. Zrozumienie input types 2.2. Wykorzystanie input type 2.3. Zastosowanie URL input type 2.4. Walidacja elementów formularza 2.5. Ustawienie placeholder w input type 2.6. Obsługa daty oraz czasu 3. HTML5 Audio oraz Video 3.1. Osadzanie video na stronie 3.2. Rozpoznawanie wsparcia video dla różnych przeglądarek 3.3. Tworzenie własnych video kontrolerów 2

3 3.4. Preloading a video 3.5. Wykorzystanie elementu audio 4. HTML5 Rysowanie i animacje 4.1. Zrozumienie API Canvas 4.2. Rysowanie z wykorzystaniem canvas API 4.3. Wykorzystanie ścieżek i współrzędnych 4.4. Rysowanie kształtów: prostokątów i okręgów 5. HTML5 Lokalny schowek 5.1. Sprawdzenie wsparcia dla różnych przeglądarek 5.2. Wykorzystanie ApplicationCache object 5.3. Zdarzenia typu ApplicationCache 6. HTML5 Geolokalizacja API 6.1. Zrozumienie Geolokalizacji API 6.2. Wykorzystanie obiektu navigator 6.3. Użycie obiektu position 6.4. Śledzenie współrzędnych użytkownika 7. CSS - Rozmieszczenie na stronie 7.1. Rozmieszczenie w web-ie Grids and boxes Praca z kolumnami Projektowanie typu Fixed vs. liquid Technologia rozmieszczania: Tables vs. CSS Logiczne umieszczenie elementów 3

4 7.2. Workflow w layout CSS Anatomia layout: Tables vs. CSS Tworzenie struktury strony Formatowanie box 7.3. CSS layouts: Pojedyńczy box Tworzenie fixed-width wrapper Dodanie padding, margins, and backgrounds do layout-u Tworzenie maximum-width layout Bezwzględne pozycjonowanie, żeby umieścić box w centrum 7.4. Zagnieżdżone boxes: Boxouts The float property Tworzenie boxout 7.5. Zaawansowane layouts z wieloma box-ami oraz columnami Praca z podwójnie strukturalnymi div-ami Manipulowanie dla fixed-width layouts Manipulowanie dla liquid layouts Operations Umieszczenie kolumn wewnątrz wrapper Czyszczenie floated content Praca z sidebars oraz multiple boxouts Tworzenie sidebar z faux-column backgrounds Tworzenie wielu boxouts wewnątrz sidebar Tworzenie flanking sidebars 4

5 Automatyczne layout variations Wykorzystanie body class, żeby zautomatyzować page layouts 7.6. Obszary typu scrollable Praca z frames Praca z wewnętrznymi frames (iframes) Przewijalny obszar CSS 7.7. Bootstrap Co to jest bootstrap? Konfiguracja Główne reguły Proste przykłady 8. JS - Język javascript 8.1. Wprowadzenie JavaScript vs ECMAScript Specyfika języka 8.2. Składnia Przegląd składni Statements vs Expressions Średniki Komentarze 8.3. Zmienne i przydział Przydział Compound Assignment Operators 5

6 Identyfikatory oraz nazwy zmiennych 8.4. Wartości Typy proste vs obiekty Typy proste Obiekty Undefined oraz null Kategoryzacja wartości z wykorzystaniem typeof and instanceof 8.5. Booleans Prawda oraz fałsz Operatory binarne oraz logiczne Operatory porównania 8.6. Wartości liczbowe 8.7. Operatory 8.8. Stringi Operatory w String Metody w String 8.9. Statements Warunkowe Pętle Funkcje Deklaracje funkcji Specjalne argumenty zmiennych Za dużo lub za mało argumentów 6

7 Parametry opcjonalne Wymuszanie liczby argumentów funkcji Zamiana argumentów na tablicę Obsługa wyjątków Tryb strict Zakres zmiennych oraz closures Widoczność zmiennych w obrębie funkcji Nadużywanie zmiennych Closures Zastosowanie "New Scope" Obiekty i konstruktory Pojedyńcze obiekty Arbitralne "property keys" Wydzielanie metod Funkcje wewnątrz metody Konstruktory: fabryki obiektów Kolekcje Literały tablicowe Metody tablicowe Iteracja poprzez tablice Wyrażenia regularne Metoda test(): Czy jest dopasowanie? Metoda exec(): Dopasowanie i pobranie grup 7

8 Metoda replace(): Szukanie i zastępowanie Math Inne funkcjonalności standardowej biblioteki 8