Responsywny design w Drupal

Opis

Szkolenie zapewnia gruntowne przygotowanie do tworzenia responsywnych witryn w systemie Drupal. Program został zaprojektowany tak, aby uczestnicy mogli poznać zarówno teoretyczne podstawy, jak i praktyczne aspekty projektowania interfejsów. Podczas warsztatów uczestnicy uczą się implementować responsywne motywy, komponenty oraz optymalizować wydajność witryn mobilnych. Zajęcia prowadzone są w formie warsztatowej, z naciskiem na praktyczne zastosowania.

Profil uczestnika

• Front-end developerzy Drupal
• Projektanci interfejsów
• Tematyzatorzy Drupal
• Webmasterzy
• UX designerzy
• Programiści PHP

Agenda

1. Podstawy RWD w Drupal
• Projektowanie responsywne
• Breakpoints w Drupal
• Media queries
• Mobile-first approach
2. Implementacja motywów
• Struktura motywów
• Responsywne komponenty
• Obrazy i media
• Grid system
3. Optymalizacja
• Wydajność na urządzeniach mobilnych
• Lazy loading
• Optymalizacja obrazów
• Testowanie
4. Najlepsze praktyki
• Accessibility
• SEO mobilne
• Cross-browser compatibility
• Design system

Korzyści

Uczestnik zdobędzie praktyczne umiejętności w zakresie tworzenia responsywnych witryn w Drupal. Po szkoleniu będzie potrafił projektować i implementować interfejsy dostosowane do różnych urządzeń. Nabędzie wiedzę o optymalizacji wydajności witryn mobilnych. Pozna metody efektywnego testowania responsywności. Będzie umiał tworzyć dostępne i przyjazne dla użytkownika interfejsy. Nauczy się stosować najlepsze praktyki projektowania mobile-first.

Wymagane przygotowanie uczestników

• Znajomość HTML i CSS
• Podstawowa znajomość Drupal
• Doświadczenie w tworzeniu stron
• Podstawy JavaScript

Zagadnienia

• Responsive Web Design
• Mobile-first design
• Breakpoints i media queries
• Tematyzacja w Drupal
• Komponenty responsywne
• Optymalizacja obrazów
• Lazy loading
• Accessibility
• SEO mobilne
• Testing responsywności
• Design systems
• Performance optimization

Poznaj naszą firmę