+48 22 203 56 00 biuro@sages.pl
Szkolenie dostępne na zamówienie

Szkolenie: Responsive Web Design - projektowanie i wdrażanie

Szkolenie "Responsive Web Design - projektowanie i wdrażanie" wprowadzi Cię w świat budowania responsywnego interfejsu użytkownika.

  • Trenerzy praktycy
  • Kameralne grupy

Czas trwania szkolenia:3 dni (24h)

Poziom zaawansowania:

Kod kursu:RWD

javascriptcssresponsivebootstrap

Szkolenie na zamówienie

  • Dostosowany program
  • Indywidualna wycena
  • Dowolny termin
Zapytanie o szkolenie

Responsive Web Design - projektowanie i wdrażanie

Cele szkolenia

  • Zapoznanie uczestników z zasadami i wzorcami stosowanymi przy projektowaniu oraz budowie aplikacji przeglądarkowych zgodnie z podejściem Responsive Web Design

  • Nabycie umiejętności pozwalających na zastosowanie tej wiedzy w praktyce

Dla kogo?

  • Kurs przeznaczony dla osób związanych z technologiami frontendowymi, które chcą poszerzyć swoje kompetencje z zakresu projektowania responsywnego interfejsu użytkownika

Zalety

  • Szkolenie w maksymalnym stopniu nastawione jest na aspekt praktyczny

  • Jego głównym założeniem jest duży nacisk na część warsztatową obejmującą zarówno budowę interfejsu graficznego przykładowej, opartej na realistycznym scenariuszu aplikacji, jak i modyfikację istniejącego już, nieresponsywnego layoutu

Wymagania

  • Od uczestników wymagana jest umiejętność posługiwania się HTML i CSS w stopniu podstawowym

W cenie otrzymasz:

  • Materiały szkoleniowe

  • Certyfikat ukończenia szkolenia

  • W przypadku szkolenia w trybie stacjonarnym zapewnimy Ci również lunch oraz sprzęt niezbędny do nauki

Program szkolenia

Pobierz program w PDF

Wprowadzenie

  • Podstawowe pojęcia: fixed, fluid, adaptive, responsive

  • Proces RWD

Prototypowanie

  • Kontekst jako podstawa

  • Planowanie pod kątem priorytetów treści

Podejście mobile-first

  • Zalety i wyzwania

  • Technika progressive enhancement

  • Natywna aplikacja mobilna a aplikacja RWD

Podstawy RWD w CSS

  • Tag meta viewport

  • Media Queries

  • Jednostki bezwzględne i względne

  • Box model i związane z nim wyzwania

  • Implementacja responsywnych kolumn

  • Flexbox

  • Testowanie projektu

  • Container Queries

Responsywne grafiki

  • Metody obsługi grafiki rastrowej

  • Grafika wektorowa: jak i kiedy?

  • Sposoby rozwiązania problemu ikon

Responsywna typografia

  • Dobór fontów

  • Druk a ekran

  • Praca z różnymi jednostkami

  • Wydajność

  • Sposoby na poprawienie użyteczności widoku wydruku

Implementacja responsywności we frameworkach CSS

  • Grid systems

  • Przykład: Bootstrap, Foundation, Semantic UI

Responsywne wzorce UI

  • Nawigacja

  • Tabele

  • Layout off-canvas

  • Przebudowa istniejącego sztywnego układu na RWD

  • Co nowego w CSSie?

Informacje uzupełniające

  • Co dalej? Możliwe kierunki rozwoju

  • Przydatne zasoby

Autorem szkolenia jest Krzysztof Ścira

Absolwent AGH - Informatyka Stosowana w Hutnictwie. Prezes Zarządu i front-end developer firmy desi9n.pl tworzącej aplikacje webowe, aplikacje mobilne oraz programowanie dedykowane. Wielokrotny prelegent na konferencjach związanych z programowaniem urządzeń mobilnych i programowaniem front-end. W wolnych chwilach pasjonat boksu olimpijskiego.

Wybrane opinie

Przeczytaj pozytywne opinie pochodzące z ankiet satysfakcji z naszych szkoleń wypełnianych wyłącznie przez ich uczestników po realizacji usługi

4.8
Ikona podpowiedziŚrednia ocen Sages w serwisie Google Ocena pochodzi ze średniej ocen Sages w serwisie Google i nie jest weryfikowana

20.03.2025

Uczestnik szkolenia “Projektowanie modeli domen z wykorzystaniem Domain-Driven Design i Event Storming”

Wojciech Pyszko

Nawiązywało do przypadków bliskich naszemu biznesowi

Więcej opinii

Podobne szkolenia

Tworzenie aplikacji z użyciem Angular

Liczba dni: 3
2805 PLN

Szkolenie "Tworzenie aplikacji z użyciem Angular" to kompleksowe wprowadzenie do jednego z najpopularniejszych frameworków JavaScript do budowy nowoczesnych aplikacji internetowych typu Single Page Application (SPA). Angular oferuje rozbudowaną architekturę, wydajność oraz elastyczność, co czyni go idealnym wyborem do tworzenia skalowalnych aplikacji frontendowych. Uczestnicy szkolenia poznają zarówno podstawy, jak i zaawansowane funkcjonalności Angulara, ucząc się budować komponentowe interfejsy użytkownika, zarządzać routingiem, tworzyć formularze, łączyć się z API oraz stosować programowanie reaktywne z użyciem RxJS i Signals. Szkolenie ma silny charakter warsztatowy i koncentruje się na najlepszych praktykach programistycznych w Angularze, z naciskiem na efektywne projektowanie kodu i optymalizację aplikacji.

angulartypescriptjavascript

TypeScript w praktyce

Liczba dni: 2
2150 PLN

Podczas szkolenia "TypeScript w praktyce" zdobędziesz kompleksowe umiejętności w korzystaniu z języka TypeScript. Dowiesz się, jak konfigurować projekty, wykorzystywać system typów oraz jak projektować bezpieczny kod.

typescriptjavascript

Astro framework

Liczba dni: 2
2150 PLN

Astro to nowoczesny framework frontendowy, zaprojektowany z myślą o tworzeniu wydajnych, statycznych stron internetowych, których głównym celem jest prezentacja treści – takich jak blogi, portale firmowe, strony produktowe czy sklepy internetowe (e-commerce). Dzięki podejściu content-first i automatycznej optymalizacji zasobów, Astro pozwala budować szybkie, lekkie i SEO-friendly strony, integrujące się z popularnymi bibliotekami jak React, Vue czy Svelte. Szkolenie wprowadza uczestników w świat Astro poprzez praktykę i rzeczywiste projekty.

typescriptjavascript