SZKOLENIE Szkolenie HTML i CSS w praktyce – moduł II: responsywne strony i aplikacje
menu Newsletter Subskrybcja Nowe szkolenia polecamy polecamy
Znajdujesz siÄ™: www.szkolenia.com.pl » katalog » dane szczegółowe
Uwaga, ta oferta jest już nieaktualna! Prosimy o kontakt z organizatorem.


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
Zgłoszenie
Szkolenie HTML i CSS w praktyce – moduł II: responsywne strony i aplikacje
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
Organizator
IT Media - dane teleadresowe firmy prowadzÄ…cej szkolenie - kliknij!
  1. drukuj

Zadaj pytanie dotyczÄ…ce szkolenia


Twoje dane

(*) Pola oznaczone gwiazdką są wymagane do wysłania wiadomości.

Treść zapytania
Potwierdzenie

Wyrażam zgodę na przetwarzanie moich danych osobowych zgodnie z polityką prywatności serwisu szkolenia.com.pl

Prosimy o wpisanie znajdujÄ…cego siÄ™ obok kodu

token anti spam

Zapytanie trafi bezpośrednio do skrzynki pocztowej firmy szkoleniowej. szkolenia.com.pl nie ponosi odpowiedzialności za termin lub brak odpowiedzi. W przypadku braku odpowiedzi w ciągu 48 godzin, prosimy o kontakt z nami. Wypełnienie pól oznaczonych gwiazdką (*) jest konieczne do wysłania wiadomości. Nie jest możliwe załączanie linków. Przepisanie kodu jest zabezpieczeniem anty-spamowym.