O szkoleniu
Kluczem do sukcesu Twojej strony www będzie między innymi takie zaprojektowanie serwisu, które uwzględni wszystkie niezbędne funkcjonalności oraz pozwoli na optymalne zaprezentowanie treści i wszelkich materiałów znajdujących się na niej na ekranach o różnych rozdzielczościach.
Responsywny design (responsive web design) to takie zaprojektowanie serwisu www, które umożliwi poprawne wyświetlenie strony internetowej w zależności od rozdzielczości urządzenia. Projektując responsywny układ strony www możemy określić wiele czynników, pod wpływem których układ elementów HTML będzie otrzymywał nowe właściwości CSS.
Czego się nauczysz
- Zasad wykorzystania Adobe Dreamweaver do pracy z kodem HTML i CSS
- Zasad i sposobów tworzenia stron internetowych w oparciu o HTML i CSS
- Wykorzystania nowoczesnych stylów CSS3
- Tworzenia Media Queries – zapytań o media
- Tworzenia prostych przejść i animacji CSS
- Dostosowania stylów CSS dla różnych mediów
- Framework Bootstrap – prototypowania i struktury strony
- Podstaw języka JavaScript
- Tworzenia interaktywnych formularzy
- Projektowania stron responsywnych
- Współpracy z jQuery i jQueryMobile
- Współpracy z PhoneGapBuild
- Zapisu natywnej aplikacji dla systemu Android, iOS, Windows
- Publikacji na różne media
- Testowania aplikacji na tabletach Android, iOS
- Zasady publikacji w App Store i Google Play
Szkolenie przeznaczone jest dla wszystkich twórców stron internetowych, którzy chcieliby efektywnie dostosowywać swoje projekty na urządzenia mobilne. W trakcie zajęć tworzymy responsywną stronę www zoptymalizowaną pod kątem wyszukiwarek. Wykorzystujemy HTML5, CSS 3 oraz podstawy JavaScript tak, by nasze prace nie tylko wyglądały atrakcyjnie na każdym sprzęcie ale także, poprawnie wykonywały założone działania.
Program szkolenia
Wykorzystane narzędzia i programy
Adobe Dreamweaver
- Projektowanie serwisu
- Tworzenie stron HTML
- Tworzenie stylów CSS
Projektowanie i tworzenie stron WWW
- Język HTML5
- Struktura strony
- Tworzenie zaawansowanych układów stron
- Elementy graficzne
- Wykorzystanie CSS
Praca z CSS
- Nowoczesne style CSS
- Selektory CSS
- Projektowanie bez użycia class i id
- Grafika CSS
- Gradienty i zaokrąglone narożniki
- Cienie
Animacje CSS
- Tworzenie prostych przejść CSS
- Interaktywne przejścia CSS
Media Queries – Zapytania o media
- Tworzenie punktów kontrolnych
- Dopasowanie wyglądu strony dla różnych wielkości ekranu
- Skalowanie strony na urządzenia mobilne
- Modyfikacja wyglądu strony
- Usuwanie i dodawanie elementów w zależności od wielkości stron
- Tworzenie mobilnej strony internetowej
Formularze HTML5
- Typy pól formularza
- Dodawanie formularzy na stronie internetowej i aplikacji
- Walidacja HTML5
- Współpraca z JavaScript
Biblioteki JavaScript
- Poznajemy przykładowe biblioteki JavaScript
- Instalacja biblioteki
- Praca z Lightbox, jQueryCycle
- Podstawy jQuery, Zepto, Respond, html5shiv
- Selektory, zdarzenia i funkcje
Framework Bootstrap
- Instalacja plików
- Wprowadzenie do projektowania
- Grid system, układ kolumn
- Tabele, listy, typografia, obrazki, glyphicons i itp
- Przyciski i formularze
- Wykorzystanie komponentów Bootstrap
- Tworzenie responsywnego projektu strony www
- Testowanie gotowej strony na symulacjach urządzeń mobilnych
jQuery Mobile
- Tworzenie mobilnych serwisów i aplikacji
- Sterowanie wyglądem
- Theme Roller – tworzenie własnych skórek
- Dodajemy przejścia
Kontrolki w jQuery Mobile:
- Toolbar
- Navbar
- Tabs
- Panel
- Popup
- Listview
- Table Reflow
- Table Column Toggle i Filterable
Dostosowanie aplikacji
- Tworzenie interfejsu
- Wykrywanie urządzenia oraz CSS3 Media Queries
- Wykorzystanie stylów CSS3 w HTML5
- Efekty wizualne oraz animacje
- Elastyczny układ projektu
- Testowanie strony na urządzeniach mobilnych
- Testowanie na tabletach, telefonach komórkowych
- Tworzenie natywnej aplikacji iOS, Windows, Android
- Współpraca z serwisem PhoneGapBuild
- Zapis i tworzenie aplikacji
- Testowanie aplikacji
- Zasady publikacji pracy w App Store i Google Play
Czas trwania
Prelegenci
Marcin Bober
Marcin Bober. Prowadzi szkolenia z zakresu budowania i optymalizacji serwisów www i aplikacji mobilnych. W pracy dydaktycznej duży nacisk kładzie na przygotowanie słuchaczy do samodzielnej pracy i tworzenia własnych kreatywnych rozwiązań.
Terminy i miejsca
To szkolenie nie ma aktualnych terminów. Wyślij zapytanie o nowe terminy bądź zapisz na powiadomienia o nowych terminach.
Rejestracja
- udział w zajęciach
- materiały szkoleniowe
- certyfikat uczestnictwa
Wydarzenie nieaktualne. Wypełnij formularz, aby zapytać o nowe terminy.
Organizator
Najczęściej zadawane pytania
Prosimy o wypełnienie formularza zgłoszenia dostępnego na górze strony. Po jego otrzymaniu skontaktujemy się, aby potwierdzić zgłoszenie i przekazać wszystkie informacje organizacyjne.
Masz pytania? Napisz do nas
