Szkolenie HTML i CSS w praktyce – moduł II: responsywne strony i aplikacje
- Kategoria
- INTERNET
- Typ szkolenia
- otwarte
- Profil uczestników
- Szkolenie HTML i CSS w praktyce – moduł II – responsywne strony i aplikacje przeznaczone jest dla projektantów stron internetowych, którzy chcieliby przenieść efekty swej pracy z językiem HTML na tablety i komórki. W trakcie zajęć tworzymy responsywną stronę zgodną z zasadami RDW (Responsive Web Design), budujemy aplikacje mobilne, animacje oraz tworzymy aplikacje gotowe do publikacji w App Store lub Google Play. Zobacz pełen opis szkolenia - https://itmedia.pl/szkolenie/szkolenie-html-i-css-w-praktyce-modul-2-responsywne-strony-i-aplikacje/
- Wymagania wstępne
- podstawy znajomość CSS i HTML
- Program
Coraz większa część osób przegląda strony internetowe na urządzeniach mobilnych. Różnorodność tych urządzeń oraz łatwy dostęp do mobilnego Internetu stworzyły dodatkowe możliwości dzięki którym responsive web design obecnie to już jest standard.
Kluczem do sukcesu Twojej strony www będzie między innymi takie zaprojektowanie serwisu, który zapewni jej odpowiednią funkcjonalność oraz pozwoli na optymalne zaprezentowanie treści i wszelkich materiałów znajdujących się na niej.
Responsywny design (responsive web design) oznacza takie zaprojektowanie serwisu www, który w zależności od urządzenia na jakim będzie wyświetlany automatycznie dostosuje się do jego ekranu. 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.
Szkolenie Tworzenie stron responsywnych – moduł II 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ę zgodną z zasadami.
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.
Druga części szkolenia -Aplikacje HTML5 & jQuery Mobile – moduł II przeznaczona jest dla projektantów stron internetowych, którzy chcieliby przenieść efekty swej pracy z językiem HTML na tablety i komórki. W trakcie zajęć budujemy aplikacje mobilne, animacje oraz tworzymy aplikacje gotowe do publikacji w App Store lub Google Play
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 CS
- 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 CSS 3 Media Queries
- Wykorzystanie stylów CSS 3 w HTML5
- Efekty wizualne oraz animacje
- Elastyczny układ projektuTestowanie strony na urządzeniach mobilnych
- Adoobe Edge Inspect
- Ripple
- Testowanie na tabletach, telefonach komórkowychTworzenie 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
- Prowadzący
- Marcin Bober
- Forma
- Zajęcia praktyczne
- Czas trwania
- Szkolenie trwa 5 dni- 40 godzin, w godzinach 8.30-16.30
- Lokalizacja
- Cena
- 3400 zł netto
- W cenę wliczono
- W cenę wliczony jest obiad podawany w czasie przerwy, serwis kawowy, materiały szkoleniowe, imienny certyfikat udziału.
- Zdobyta wiedza
- Program ogólny • Zasady wykorzystania Adobe Dreamweaver do pracy z kodem HTML i CSS • Zasady i sposoby tworzenia stron internetowych w oparciu o HTML5 i CSS • Wykorzystanie nowoczesnych stylów CSS 3.0 • Tworzenie Media Queries – zapytań o media • Tworzenie prostych przejść i animacji CSS • Dostosowanie stylów CSS dla różnych mediów • Podstawy języka JavaScript • Tworzenie interaktywnych formularzy • Projektowanie stron mobilnych • Współpraca z jQuery i jQueryMobile • Projektowanie animacji HTML5 w programie Adobe Edge • Tworzenie interaktywnych animacji Adobe Edge • Współpraca z PhoneGapBuild • Zapis natywnej aplikacji dla systemu Android, iOS, Windows • Publikacji na różne media • Testowanie aplikacji na tabletach Android, iOS • Zasady publikacji w App Store i Google Play
- Certyfikaty
- Certyfikat Autoryzowanego Ośrodka Szkoleniowego Adobe