IT Media na Facebook

Autoryzowany Ośrodek Szkoleniowy ADOBE i MAXON

Tworzenie responsywnych stron internetowych i HTML5 – moduł II

kategoria: Tworzenie stron www – HTML 5
poziom: moduł II
czas trwania: 40 godzin
cena szkolenia: 3000 netto PLN
cena szkolenia Akcja z Plusem:3600 netto PLN
cena szkolenia Akcja Plus Plus:3900 netto PLN

Opis szkolenia

Szkolenie Tworzenie responsywnych stron internetowych i HTML5 – moduł II

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

 

Czego nauczymy

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
  • Framework Bootstrap – prototypowanie i struktura strony
  • Podstawy języka JavaScript
  • Tworzenie interaktywnych formularzy
  •  Projektowanie stron mobilnych
  • Współpraca z jQuery i jQueryMobile
  • 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

 

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

Termin


Zapraszamy na szkolenie w terminie: 26-30 czerwca 2017.

Standard szkoleń

Dbamy o wysoką jakość naszych szkoleń, ale również o komfort ich uczestników.

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,
  • tablety Wacom,
  • najnowsze oprogramowanie z możliwością wyboru platformy i wersji językowej,
  • drukowane materiały szkoleniowe,
  • obiady oraz serwis kawowy,
  • 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. Mają możliwość podzielenia się z nami swoimi spostrzeżeniami i uwagami.

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. Liczymy się z Waszym zdaniem.