HTML, Javascript, CSS oraz Bootstrap

Transkrypt

ITLecture Sp. z o. o.
Williama HeerleinaLindleya 16
02-013 Warszawa
Telefon: +48 22 295-18-44
E-mail: [email protected]
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
REGON: 364971894 NIP: 7010596653 KRS: 0000627879 NIP EU: PL7010596653
ITLecture Sp. z o. o. Williama HeerleinaLindleya 16, 02-013 Warszawa
Sąd Rejonowy dla Miasta Stołecznego Warszawy XII Wydział Gospodarczy Krajowego Rejestru Sądowego
Numer rachunku bankowego: 90 1020 1055 0000 9602 0372 7120
02-013 Warszawa
Telefon: +48 22 295-18-44
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 HTML5
1.12 Wykorzystanie tagu <iFrame>
1.13 Wykorzystanie tagu <area>
2. HTML5 Formularze
2.1. Zrozumienie input types
2.2. Wykorzystanie e-mail 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
02-013 Warszawa
Telefon: +48 22 295-18-44
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
7.1.1. Grids and boxes
7.1.2. Praca z kolumnami
7.1.3. Projektowanie typu Fixed vs. liquid
7.1.4. Technologia rozmieszczania: Tables vs. CSS
7.1.5. Logiczne umieszczenie elementów
3
02-013 Warszawa
Telefon: +48 22 295-18-44
7.2. Workflow w layout CSS
7.2.1. Anatomia layout: Tables vs. CSS
7.2.2. Tworzenie struktury strony
7.2.3. Formatowanie box
7.3. CSS layouts: Pojedyńczy box
7.3.1. Tworzenie fixed-width wrapper
7.3.2. Dodanie padding, margins, and backgrounds do layout-u
7.3.3. Tworzenie maximum-width layout
7.3.4. Bezwzględne pozycjonowanie, żeby umieścić box w centrum
7.4. Zagnieżdżone boxes: Boxouts
7.4.1. The float property
7.4.2. Tworzenie boxout
7.5. Zaawansowane layouts z wieloma box-ami oraz columnami
7.5.1. Praca z podwójnie strukturalnymi div-ami
7.5.1.1. Manipulowanie dla fixed-width layouts
7.5.1.2. Manipulowanie dla liquid layouts
7.5.2. Operations
7.5.2.1. Umieszczenie kolumn wewnątrz wrapper
7.5.2.2. Czyszczenie floated content
7.5.3. Praca z sidebars oraz multiple boxouts
7.5.3.1. Tworzenie sidebar z faux-column backgrounds
7.5.3.2. Tworzenie wielu boxouts wewnątrz sidebar
7.5.4. Tworzenie flanking sidebars
4
02-013 Warszawa
Telefon: +48 22 295-18-44
7.5.5. Automatyczne layout variations
7.5.5.1. Wykorzystanie body class, żeby zautomatyzować page layouts
7.6. Obszary typu scrollable
7.6.1. Praca z frames
7.6.2. Praca z wewnętrznymi frames (iframes)
7.6.3. Przewijalny obszar CSS
7.7. Bootstrap
7.7.1. Co to jest bootstrap ?
7.7.2. Konfiguracja
7.7.3. Główne reguły
7.7.4. Proste przykłady
8. JS - Język javascript
8.1. Wprowadzenie
8.1.1. JavaScript vs ECMAScript
8.1.2. Specyfika języka
8.2. Składnia
8.2.1. Przegląd składni
8.2.2. Statements vs Expressions
8.2.3. Średniki
8.2.4. Komentarze
8.3. Zmienne i przydział
8.3.1. Przydział
8.3.2. Compound Assignment Operators
5
02-013 Warszawa
Telefon: +48 22 295-18-44
8.3.3. Identyfikatory oraz nazwy zmiennych
8.4. Wartości
8.4.1. Typy proste vs obiekty
8.4.2. Typy proste
8.4.3. Obiekty
8.4.4. Undefined oraz null
8.4.5. Kategoryzacja wartości z wykorzystaniem typeof and instanceof
8.5. Booleans
8.5.1. Prawda oraz fałsz
8.5.2. Operatory binarne oraz logiczne
8.5.3. Operatory porównania
8.6. Wartości liczbowe
8.7. Operatory
8.8. Stringi
8.8.1. Operatory w String
8.8.2. Metody w String
8.9. Statements
8.9.1. Warunkowe
8.9.2. Pętle
8.10. Funkcje
8.10.1. Deklaracje funkcji
8.10.2. Specjalne argumenty zmiennych
8.10.3. Za dużo lub za mało argumentów
6
02-013 Warszawa
Telefon: +48 22 295-18-44
8.10.4. Parametry opcjonalne
8.10.5. Wymuszanie liczby argumentów funkcji
8.10.6. Zamiana argumentów na tablicę
8.11. Obsługa wyjątków
8.12. Tryb strict
8.13. Zakres zmiennych oraz closures
8.13.1. Widoczność zmiennych w obrębie funkcji
8.13.2. Nadużywanie zmiennych
8.13.3. Closures
8.13.4. Zastosowanie "New Scope"
8.14. Obiekty i konstruktory
8.14.1. Pojedyńcze obiekty
8.14.2. Arbitralne "property keys"
8.14.3. Wydzielanie metod
8.14.4. Funkcje wewnątrz metody
8.14.5. Konstruktory: fabryki obiektów
8.15. Kolekcje
8.15.1. Literały tablicowe
8.15.2. Metody tablicowe
8.15.3. Iteracja poprzez tablice
8.16. Wyrażenia regularne
8.16.1. Metoda test(): Czy jest dopasowanie ?
8.16.2. Metoda exec(): Dopasowanie i pobranie grup
7
02-013 Warszawa
Telefon: +48 22 295-18-44
8.16.3. Metoda replace(): Szukanie i zastępowanie
8.17. Math
8.18. Inne funkcjonalności standardowej biblioteki
8

HTML, Javascript, CSS oraz Bootstrap

Transkrypt

Podobne dokumenty

Programowanie z użyciem C++

Preprocesory CSS

PowerPoint dla zaawansowanych

Pobierz opis szkolenia w wersji PDF

Szkolenie programowanie w C#

Pobierz opis szkolenia w wersji PDF

Pobierz opis szkolenia w wersji PDF

Java 7 dla programistów

Aktualizacja do Java 8

Kanban w zarządzaniu projektami

Generuj PDF - Centralny Szpital Kliniczny MSWiA

ITLecture Sp. z o. o.