Autoryzowany Ośrodek Szkoleniowy Adobe i Maxon

Tworzenie responsywnych stron internetowych i HTML5 - moduł II

Kategoria: www i aplikacje mobilne,

Poziom: moduł II

Czas trwania: 40 godzin

Cena: 3000 PLN (netto)

 

Cena szkolenia "Akcja z plusem": 3600 PLN (netto)

Cena szkolenia "Akcja Plus Plus": 3900 PLN (netto)

Opis szkolenia

Szkolenie Tworzenie responsywnych stron internetowych i HTML5 obejmuje swym zakresem niezbędne umiejętności dla każdego Webdevelopera. Korzystanie ze stron internetowych wyłącznie na ekranie komputera to już przeszłość. W dzisiejszych czasach, smartfony są preferowanym wyborem na świecie, jeśli chodzi o korzystanie z Internetu (dotyczy to 52 % użytkowników). Responsywne strony internetowe projektowane w technologii Responsive Web Design dopasowują się do rozdzielczości ekranu tak, by użytkownik mógł korzystać z jej pełnej funkcjonalności.

Kluczem do sukcesu Twojej strony www będzie między innymi takie zaprojektowanie serwisu, który 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óry umożliwi na jakim będzie automatyczne dostosowanie się do wymiarów ekranu, w zależności od 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.

Druga części szkolenia to aplikacje HTML5 & jQuery Mobile 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.

Najbliższe terminy

10-14 września 2018.

Dla kogo jest to szkolenie?

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.

Czego nauczymy?

  • Zasad wykorzystania Adobe Dreamweaver do pracy z kodem HTML i CSS
  • Zasad i sposobów tworzenia stron internetowych w oparciu o HTML5 i CSS
  • Wykorzystania nowoczesnych stylów CSS 3
  • 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

Czego oczekujemy?

Podstawy znajomość Adobe Dreamweaver a także CSS i HTML

Program

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 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

Dbamy o wysoką jakość szkoleń i komfort uczestników.

Standard szkoleń — co zapewniamy?

  • małe, kameralne grupy szkoleniowe,
  • sprawdzonych wykładowców – praktyków,
  • klimatyzowane sale,
  • samodzielne stanowiska pracy,
  • komputery PC z opcją wyświetlania 3D i funkcją touch,
  • komputery typu iMAC,
  • możliwość korzystania z tabletów Wacom,
  • najnowsze oprogramowanie z możliwością wyboru platformy i wersji językowej,
  • drukowane lub elektroniczne materiały szkoleniowe,
  • obiady oraz serwis kawowy,
  • woda gazowana, niegazowana, ciasteczka
  • certyfikaty potwierdzające realizację zajęć w Autoryzowanym Ośrodku Szkoleniowym wystawiane w języku polskim lub angielskim.

Po każdym szkoleniu w Akademii IT Media uczestnicy wypełniają ankietę oceniając odbyte zajęcia. W ankiecie oceniają zarówno poziom swojego zadowolenia na podstawie spełnionych oczekiwań jak również sposób prowadzenia zajęć przez wykładowcę, jego przygotowanie i profesjonalizm.