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