Trendy i prototypy – projektowanie stron WWW Bootstrap
- Kategoria
- INTERNET
- Typ szkolenia
- otwarte
- Profil uczestników
- Seminarium jest adresowane do osób pragnących od podstaw poznać zasady projektowania stron internetowych na urządzenia mobilne. Przedstawia dostępne rozwiązania technologiczne na przykładach z uwzględnieniem ich wad i zalet. Prezentuje szereg strategii, metod i trendów związanych z planowaniem i projektowaniem rozwiązań responsywnych z zapewnieniem wysokiego poziomu User-Experience. Dzięki użyciu Bootstrap Framework efektem szkolenia jest działająca strona HTML, która spełnia wymagania współczesnych stron internetowych dedykowanych na urządzenia mobilne.
- Wymagania wstępne
- Od uczestników seminarium oczekujemy podstawowej znajomości języka HTML/CSS.
- Program
Czasy, w których strony internetowe oglÄ…dane byÅ‚y przede wszystkim na komputerach stacjonarnych/laptopach bezpowrotnie minęły. Liczba urzÄ…dzeÅ„ mobilnych umożliwiajÄ…cych dostÄ™p do internetu stale siÄ™ powiÄ™ksza. Użytkownicy wymagajÄ… Å‚atwej i przyjaznej interakcji z mobilnymi interfejsami na dowolnym urzÄ…dzeniu w każdym możliwym kontekÅ›cie użycia. OsiÄ…gniÄ™cie tego celu jest możliwe dziÄ™ki konsekwentnemu stosowaniu nowoczesnych praktyk projektowania stron internetowych. PodejÅ›cie Mobile First zakÅ‚ada rozpoczÄ™cie procesu projektowego od najmniejszego ekranu dostÄ™pnego dla użytkownika i rozbudowy jego struktury na coraz wiÄ™ksze urzÄ…dzenia. Responsive Web Design to metoda dostosowania serwisu do ekranów różnej wielkoÅ›ci z zapewnieniem najlepszej jakoÅ›ci użytkowej. DziÄ™ki powyższym praktykom zaprojektowane rozwiÄ…zania sÄ… wyÅ›wietlane prawidÅ‚owo niezależnie od wielkoÅ›ci i aspektu ekranu, rodzaju urzÄ…dzenia (desktop, tablet, smartfon) i sytuacji, w której korzysta z nich użytkownik.
W celu zastosowania powyższych wymagaÅ„ w praktyce uczestnicy szkolenia zostanÄ… zapoznani z Bootstrap Framework, który pozwala na szybkie i proste tworzenie responsywnych interfejsów stron internetowych oraz aplikacji webowych zgodnych z podejÅ›ciem Mobile First. RozwiÄ…zanie zawiera bogaty zestaw szablonów i gotowych do użycia komponentów dla typografii, nawigacji, przycisków, formularzy, a także innych popularnych elementów interfejsu użytkownika opartych na HTML i CSS. Pozwala też na wykorzystanie rozszerzeÅ„ JavaScript rozbudowujÄ…cych funkcjonalność stron. Projekt zapoczÄ…tkowany zostaÅ‚ w 2011 roku przez programistów w firmie Twitter w celu zapewnienia spójnoÅ›ci wykorzystywanych bibliotek. Po udostÄ™pnieniu jako projekt open source zyskaÅ‚ on bardzo dużą popularność m.in. dziÄ™ki zgodnoÅ›ci z wieloma przeglÄ…darkami internetowymi oraz rozbudowanej bibliotece gotowych komponentów i przejrzystej dokumentacji. Wersja Bootstrap 2 zostaÅ‚a wzbogacona o 12 kolumnowy system siatki i responsywne komponenty pozwalajÄ…ce na wygodne skalowanie stron dla różnych wielkoÅ›ci ekranu (RWD). Bootstrap 3 wprowadziÅ‚ podejÅ›cie Mobile First, które obecnie jest wiodÄ…cym podejÅ›ciem w projektowaniu na urzÄ…dzenia mobilne.
Program seminarium Projektowanie – trendy i prototypy wspóÅ‚czesnych stron internetowych- Wprowadzenie do webdesignu i podstawowych pojęć.
- Rola User Experience we wspóÅ‚czesnych projektach internetowych.
- Czym jest podejście Mobile First i Responsive Web Design?
- Analiza wspóÅ‚czesnych trendów w projektowaniu stron internetowych na przykÅ‚adach.
- Proces koncepcyjny i analiza wymagań projektowych.
- Podstawy tworzenia architektury informacji.
- Projektowanie wstępnego prototypu strony.
- Instalacja Bootstrap Framework.
- Podstawy HTML/CSS niezbędne do używania Bootstrapa.
- Zasady wykorzystania systemu siatkowego.
- Budowa dynamicznego szkieletu strony HTML:
- Projektowanie dla desktop.
- Projektowanie dla tabletów.
- Projektowanie dla smarfonów.
- Praca z komponentami i rozszerzeniami Bootstrapa.
- Testowanie i optymalizacja stworzonego projektu.
- Podsumowanie szkolenia i omówienie źródeÅ‚ rozszerzajÄ…cych poznane zagadnienia.
- ProwadzÄ…cy
- Marcin Wichrowski – wykładowca w Katedrze Multimediów w Polsko – Japońskiej Akademii Technik Komputerowych w Warszawie. Pasjonują go nowe, eksperymentalne formy interakcji człowiek-komputer oraz badanie ich wpływu na użyteczność i emocje odbiorców. Certyfikowany ekspert wielu programów Adobe.
- Forma
- Szkolenie jest prowadzone z wykorzystaniem praktycznej wiedzy.
- Czas trwania
- Szkolenie trwa 2 dni - 16 godzin (8.30-16.30)
- Termin / Lokalizacja
-
- 29.08.2019 / IT Media Warszawa, Ul. Jagiellońska 88
- Cena
- 950
- W cenÄ™ wliczono
- W cenę wliczony jest obiad podawany w czasie przerwy, serwis kawowy, materiały szkolenie, imienny certyfikat udziału.
- Zdobyta wiedza
- Czego nauczymy na seminarium Projektowanie – trendy i prototypy współczesnych stron internetowych Współczesnych praktyk projektowych dotyczących projektowania stron internetowych na urządzenia mobilne takich jak podejście Mobile First oraz Responsive Web Design. Zasad i wytycznych dotyczących projektowania stron internetowych zapewniających wysoki poziom User Experience. Podstaw procesu koncepcyjnego, tworzenia architektury informacji i prototypowania stron. Instalowania i konfigurowania Bootstrap Framework. Wykorzystania systemu siatkowego do budowy responsywnych układów stron dla urządzeń typu desktop/tablet/smartfon. Stosowania w praktyce gotowych komponentów i elementów interfejsu. Pracy z rozszerzaniami do tworzenia interaktywnych elementów rozbudowujących funkcjonalność strony. Modyfikowania i konfiguracji frameworku Bootstrap do indywidualnych potrzeb. Metod i narzędzi do testowania i optymalizacji responsywnych układów stron.
- Certyfikaty
- Certyfikat Autoryzowanego Ośrodka Szkoleniowego Adobe