Pojęcia ogólne
API (Application Programming Interface) – to zestaw reguł i mechanizmów, które umożliwiają komunikację między różnymi systemami, aplikacjami lub usługami. Dzięki API jedna aplikacja może korzystać z funkcjonalności lub danych innej aplikacji (np. pobierać dane, wysyłać informacje lub integrować się z zewnętrznymi usługami), bez konieczności znajomości jej wewnętrznej struktury.
CMS (Content Management System) – to system zarządzania treścią strony internetowej, który pozwala użytkownikowi łatwo edytować teksty, zdjęcia i inne elementy na stronach. Przykładem CMS-a jest WordPress.
Domena – to unikalny adres strony internetowej (np. twojafirma.pl), który wpisujesz w przeglądarce, aby ją odwiedzić. Domena kieruje użytkownika do konkretnego miejsca w sieci, gdzie znajduje się strona.
Hosting – to usługa polegająca na przechowywaniu plików strony internetowej na serwerze, który jest dostępny przez całą dobę. Dzięki hostingowi Twoja strona może być widoczna w internecie dla użytkowników.
SEO (Search Engine Optimization) – to proces optymalizacji strony internetowej w taki sposób, aby była lepiej widoczna w wynikach wyszukiwarek internetowych, takich jak Google.
Obejmuje działania techniczne, treściowe oraz związane z linkowaniem, które pomagają wyszukiwarkom zrozumieć zawartość strony i uznać ją za wartościową dla użytkowników.
Celem SEO jest zwiększenie ruchu organicznego (bezpłatnego) na stronie oraz poprawa jej pozycji w wynikach wyszukiwania dla wybranych słów kluczowych.
WCAG (Web Content Accessibility Guidelines) – to zestaw wytycznych opracowanych przez World Wide Web Consortium, które określają, jak tworzyć strony internetowe i aplikacje cyfrowe tak, aby były dostępne dla jak najszerszego grona użytkowników – w tym osób z niepełnosprawnościami.
Po co WCAG?
Dzięki WCAG strony mogą być używane przez osoby z różnymi ograniczeniami, np.:
- niewidome (czytniki ekranu),
- niedowidzące (kontrast, skalowanie),
- z ograniczeniami ruchowymi (nawigacja klawiaturą),
- z trudnościami poznawczymi.
Poziomy zgodności
WCAG definiuje konkretne wymagania (tzw. kryteria sukcesu), które są podzielone na poziomy zgodności:
- A – podstawowy
- AA – standardowy (najczęściej wymagany),
- AAA – najwyższy.
1. Poziom A
To absolutne minimum. Jeśli tego nie spełniasz, strona może być praktycznie nieużywalna dla części osób.
Najważniejsze wymagania dla poziomu A:
- Obrazy mają alt text (czytnik wie co jest na obrazku)
- Strona działa z klawiatury (bez myszki)
- Nie ma elementów powodujących napady (np. miganie)
- Formularze mają labelki
- Struktura HTML ma sens (nagłówki, listy itd.)
2. Poziom AA
To jest realny standard, którego wymagają:
- firmy
- projekty komercyjne
- prawo (np. UE)
Najważniejsze wymagania dla poziomu AA:
- wszystko to co dla poziomu A plus poniższe
- odpowiedni kontrast kolorów (min. 4.5:1) dla tekstu
- tekst można powiększyć do 200% bez rozwalenia layoutu
- focus (tab) jest widoczny
- formularze mają sensowne komunikaty błędów
- video ma napisy
- elementy interaktywne mają sensowne nazwy (aria-label itd.)
3. Poziom AAA
To już jest poziom bardzo restrykcyjny i rzadko wymagany w całości.
Najważniejsze wymagania dla poziomu AAA:
- wszystko to co dla poziomu A i AA plus poniżesz
- kontrast jeszcze wyższy (7:1)
- brak skomplikowanego języka (prosty język)
- dodatkowe opisy do multimediów
- brak ograniczeń czasowych (albo pełna kontrola)
- bardziej zaawansowane wsparcie dla osób z niepełnosprawnościami
GitHub – platforma do przechowywania i zarządzania kodem źródłowym oparta na systemie kontroli wersji Git. Umożliwia współpracę zespołową, śledzenie zmian oraz zarządzanie rozwojem projektu.
Stack technologiczny
WooCommerce – rozszerzenie WordPressa, które dodaje funkcjonalność e-commerce. Pozwala budować w pełni konfigurowalne sklepy internetowe, z możliwością dostosowania logiki sprzedaży, integracji oraz wyglądu frontendu.
Gutenberg – edytor blokowy WordPressa oparty na React, umożliwiający tworzenie i zarządzanie strukturą treści przy użyciu komponentów (bloków). Daje możliwość implementacji własnych bloków dopasowanych do projektu.
Bootstrap – framework CSS/JavaScript przyspieszający tworzenie interfejsów użytkownika. Oferuje system siatki (grid), gotowe komponenty oraz narzędzia do budowy responsywnych layoutów.
React.js – biblioteka JavaScript do budowy interfejsów użytkownika w oparciu o komponenty. Umożliwia tworzenie dynamicznych aplikacji oraz zarządzanie stanem i logiką UI w sposób modularny.
Cordova.js (Apache Cordova) – Framework umożliwiający budowanie aplikacji mobilnych przy użyciu technologii webowych, z dostępem do natywnych funkcji urządzenia poprzez warstwę pośrednią (API).
Capacitor – nowoczesna warstwa uruchomieniowa dla aplikacji webowych, która umożliwia ich działanie jako aplikacje mobilne. Zapewnia dostęp do natywnych funkcji urządzenia (np. aparat, GPS) oraz łatwą integrację z projektami Android i iOS.
Phaser.js – framework JavaScript do tworzenia gier 2D w przeglądarce, wykorzystujący technologie takie jak Canvas i WebGL oraz oferujący system zarządzania sceną, fizyką i animacjami.
JavaScript – język programowania używany do tworzenia interaktywnych elementów stron internetowych, takich jak animacje, formularze czy dynamiczne treści. Działa w przeglądarce i na serwerze (np. Node.js).
TypeScript – rozszerzenie JavaScriptu wprowadzające typowanie danych i dodatkowe narzędzia do wykrywania błędów podczas pisania kodu. Ułatwia tworzenie większych i bardziej stabilnych aplikacji webowych.
SCSS – preprocesor CSS rozszerzający jego możliwości o zmienne, zagnieżdżenia, funkcje i mixiny, co pozwala tworzyć bardziej skalowalny i uporządkowany kod stylów.
CSS (Cascading Style Sheets) – język służący do definiowania wyglądu stron internetowych, np. kolorów, czcionek, układu elementów i responsywności. Pozwala oddzielić treść (HTML) od stylu wizualnego.
HTML (HyperText Markup Language) – język znaczników używany do tworzenia struktury stron internetowych, definiuje nagłówki, akapity, linki, obrazy i inne elementy treści.
PHP (Hypertext Preprocessor) – język programowania po stronie serwera, używany do generowania dynamicznych stron www, obsługi baz danych i logiki aplikacji.