{"id":433,"date":"2026-03-26T15:27:38","date_gmt":"2026-03-26T15:27:38","guid":{"rendered":"https:\/\/semdesign.net\/pl\/?page_id=433"},"modified":"2026-04-13T12:38:56","modified_gmt":"2026-04-13T12:38:56","slug":"slownik-pojec","status":"publish","type":"page","link":"https:\/\/semdesign.net\/pl\/slownik-pojec\/","title":{"rendered":"S\u0142ownik poj\u0119\u0107"},"content":{"rendered":"        <div  class=\"swiper-module ho-module-m-001-slider-v1 ho-module-m-001-slider-v1--small ho-module-m-001-slider-v1--top-overlap\">\n            <div\n                class=\"swiper-v1 swiper-container\"\n                data-pagination-clickable=\"true\"\n                data-autoplay=\"false\"\n                data-loop=\"false\"\n                data-auto-height=\"false\"\n                data-effect-fade=\"slide\"\n                data-dots=\"false\"\n                data-arrows=\"false\"\n            >\n                <div class=\"swiper-wrapper\">\n                                                                        <div class=\"swiper-slide id-0 ho-module-m-001-slider-v1__horizontal-alignment-center ho-module-m-001-slider-v1__vertical-alignment-center\" style=\"background-color:#001c04;color:#ffffff;\">\n                                \n                                <div class=\"container d-flex text-center justify-content-center \">\n                                    <div>\n                                        <h1 class=\"h2\">S\u0142ownik poj\u0119\u0107<\/h1>                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                            <\/div>\n\n                                            <\/div>\n        <\/div>\n        \n\n\n<section id=\"pojecia-ogolne\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-semdesign-m-002-header-v1 ho-first-amber-letter ho-module-m-002-header-v1 d-flex align-items-center pt-1 pb-1\"><div class=\"container\"><h2 class=\"ho-module-m-002-header-v1__title\">Poj\u0119cia og\u00f3lne<\/h2><\/div><\/div>\n\n\n\n<div class=\"wp-block-group ho-bg-shadow py-5 py-lg-6 is-layout-constrained wp-block-group-is-layout-constrained\">\n        <div class=\"ho-module-m-013-accordion-v1 ho-module-m-013-accordion-v1-type-default ho-module-m-013-accordion-v1--active container container--800 wp-block-semdesign-m-013-accordion-v1\" data-allow-multiple=\"false\">\n                            \n<div data-title-slug=\"api\" class=\"ho-module-m-013-accordion-v1__item xxx ho-module-m-013-accordion-v1__item--active\"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">API <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\"><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>API (Application Programming Interface)<\/strong> &#8211; to zestaw regu\u0142 i mechanizm\u00f3w, kt\u00f3re umo\u017cliwiaj\u0105 komunikacj\u0119 mi\u0119dzy r\u00f3\u017cnymi systemami, aplikacjami lub us\u0142ugami. Dzi\u0119ki API jedna aplikacja mo\u017ce korzysta\u0107 z funkcjonalno\u015bci lub danych innej aplikacji (np. pobiera\u0107 dane, wysy\u0142a\u0107 informacje lub integrowa\u0107 si\u0119 z zewn\u0119trznymi us\u0142ugami), bez konieczno\u015bci znajomo\u015bci jej wewn\u0119trznej struktury.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"cms\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">CMS <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>CMS<\/strong> <strong>(Content Management System)<\/strong> &#8211; to system zarz\u0105dzania tre\u015bci\u0105 strony internetowej, kt\u00f3ry pozwala u\u017cytkownikowi \u0142atwo edytowa\u0107 teksty, zdj\u0119cia i inne elementy na stronach. Przyk\u0142adem CMS-a jest <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#wordpress\" data-type=\"page\" data-id=\"433\">WordPress<\/a>.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"domena\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">Domena <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>Domena <\/strong>&#8211; to unikalny adres strony internetowej (np. <em>twojafirma.pl<\/em>), kt\u00f3ry wpisujesz w przegl\u0105darce, aby j\u0105 odwiedzi\u0107. Domena kieruje u\u017cytkownika do konkretnego miejsca w sieci, gdzie znajduje si\u0119 strona.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"hosting\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">Hosting <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>Hosting<\/strong> &#8211; to us\u0142uga polegaj\u0105ca na przechowywaniu plik\u00f3w strony internetowej na serwerze, kt\u00f3ry jest dost\u0119pny przez ca\u0142\u0105 dob\u0119. Dzi\u0119ki hostingowi Twoja strona mo\u017ce by\u0107 widoczna w internecie dla u\u017cytkownik\u00f3w.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"seo\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">SEO <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>SEO (Search Engine Optimization<\/strong>) &#8211; to proces optymalizacji strony internetowej w taki spos\u00f3b, aby by\u0142a lepiej widoczna w wynikach wyszukiwarek internetowych, takich jak Google.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Obejmuje dzia\u0142ania techniczne, tre\u015bciowe oraz zwi\u0105zane z linkowaniem, kt\u00f3re pomagaj\u0105 wyszukiwarkom zrozumie\u0107 zawarto\u015b\u0107 strony i uzna\u0107 j\u0105 za warto\u015bciow\u0105 dla u\u017cytkownik\u00f3w.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Celem SEO jest zwi\u0119kszenie ruchu organicznego (bezp\u0142atnego) na stronie oraz poprawa jej pozycji w wynikach wyszukiwania dla wybranych s\u0142\u00f3w kluczowych.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"wcag\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">WCAG <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>WCAG (Web Content Accessibility Guidelines)<\/strong> &#8211; to zestaw wytycznych opracowanych przez World Wide Web Consortium, kt\u00f3re okre\u015blaj\u0105, jak tworzy\u0107 strony internetowe i aplikacje cyfrowe tak, aby by\u0142y dost\u0119pne dla jak najszerszego grona u\u017cytkownik\u00f3w &#8211; w tym os\u00f3b z niepe\u0142nosprawno\u015bciami.<\/p>\n\n\n\n<h2 class=\"wp-block-heading h4\">Po co WCAG?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dzi\u0119ki WCAG strony mog\u0105 by\u0107 u\u017cywane przez osoby z r\u00f3\u017cnymi ograniczeniami, np.:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>niewidome (czytniki ekranu),<\/li>\n\n\n\n<li>niedowidz\u0105ce (kontrast, skalowanie),<\/li>\n\n\n\n<li>z ograniczeniami ruchowymi (nawigacja klawiatur\u0105),<\/li>\n\n\n\n<li>z trudno\u015bciami poznawczymi.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading h4\">Poziomy zgodno\u015bci<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WCAG definiuje konkretne wymagania (tzw. kryteria sukcesu), kt\u00f3re s\u0105 podzielone na poziomy zgodno\u015bci:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A<\/strong> \u2013 podstawowy<\/li>\n\n\n\n<li><strong>AA<\/strong> \u2013 standardowy (najcz\u0119\u015bciej wymagany),<\/li>\n\n\n\n<li><strong>AAA<\/strong> \u2013 najwy\u017cszy.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading h4\">1. Poziom A<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To absolutne minimum. Je\u015bli tego nie spe\u0142niasz, strona mo\u017ce by\u0107 <strong>praktycznie nieu\u017cywalna<\/strong> dla cz\u0119\u015bci os\u00f3b.<\/p>\n\n\n\n<h4 class=\"wp-block-heading h5\">Najwa\u017cniejsze wymagania dla poziomu A:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Obrazy maj\u0105 <strong>alt text<\/strong> (czytnik wie co jest na obrazku)<\/li>\n\n\n\n<li>Strona dzia\u0142a z <strong>klawiatury<\/strong> (bez myszki)<\/li>\n\n\n\n<li>Nie ma element\u00f3w powoduj\u0105cych <strong>napady (np. miganie)<\/strong><\/li>\n\n\n\n<li>Formularze maj\u0105 <strong>labelki<\/strong><\/li>\n\n\n\n<li>Struktura <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#html\" data-type=\"page\" data-id=\"433\">HTML<\/a> ma sens (nag\u0142\u00f3wki, listy itd.)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading h4\">2. Poziom AA<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To jest <strong>realny standard<\/strong>, kt\u00f3rego wymagaj\u0105:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>firmy<\/li>\n\n\n\n<li>projekty komercyjne<\/li>\n\n\n\n<li>prawo (np. UE)<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading h5\">Najwa\u017cniejsze wymagania dla poziomu AA:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>wszystko to co dla poziomu A plus poni\u017csze<\/li>\n\n\n\n<li>odpowiedni <strong>kontrast kolor\u00f3w (min. 4.5:1)<\/strong> dla tekstu<\/li>\n\n\n\n<li>tekst mo\u017cna powi\u0119kszy\u0107 do 200% bez rozwalenia layoutu<\/li>\n\n\n\n<li>focus (tab) jest <strong>widoczny<\/strong><\/li>\n\n\n\n<li>formularze maj\u0105 sensowne komunikaty b\u0142\u0119d\u00f3w<\/li>\n\n\n\n<li>video ma <strong>napisy<\/strong><\/li>\n\n\n\n<li>elementy interaktywne maj\u0105 sensowne nazwy (aria-label itd.)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading h4\">3. Poziom AAA<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To ju\u017c jest poziom <strong>bardzo restrykcyjny<\/strong> i rzadko wymagany w ca\u0142o\u015bci.<\/p>\n\n\n\n<h4 class=\"wp-block-heading h5\">Najwa\u017cniejsze wymagania dla poziomu AAA:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>wszystko to co dla poziomu A i AA plus poni\u017cesz<\/li>\n\n\n\n<li>kontrast jeszcze wy\u017cszy (<strong>7:1<\/strong>)<\/li>\n\n\n\n<li>brak skomplikowanego j\u0119zyka (prosty j\u0119zyk)<\/li>\n\n\n\n<li>dodatkowe opisy do multimedi\u00f3w<\/li>\n\n\n\n<li>brak ogranicze\u0144 czasowych (albo pe\u0142na kontrola)<\/li>\n\n\n\n<li>bardziej zaawansowane wsparcie dla os\u00f3b z niepe\u0142nosprawno\u015bciami<\/li>\n<\/ul>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"github\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">GitHub <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>GitHub <\/strong>&#8211; platforma do przechowywania i zarz\u0105dzania kodem \u017ar\u00f3d\u0142owym oparta na systemie kontroli wersji Git. Umo\u017cliwia wsp\u00f3\u0142prac\u0119 zespo\u0142ow\u0105, \u015bledzenie zmian oraz zarz\u0105dzanie rozwojem projektu.<\/p>\n<\/div><\/div><\/div>\n                    <\/div>\n\n        <\/div>\n<\/section>\n\n\n\n<section id=\"stack-technologiczny\" class=\"wp-block-group has-white-color has-secondary-lighter-background-color has-text-color has-background has-link-color wp-elements-1 is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-semdesign-m-002-header-v1 ho-first-amber-letter ho-module-m-002-header-v1 d-flex align-items-center pt-1 pb-1\"><div class=\"container\"><h2 class=\"ho-module-m-002-header-v1__title\">Stack technologiczny<\/h2><\/div><\/div>\n\n\n\n<div class=\"wp-block-group ho-bg-shadow py-5 py-lg-6 is-layout-constrained wp-block-group-is-layout-constrained\">\n        <div class=\"ho-module-m-013-accordion-v1 ho-module-m-013-accordion-v1-type-default ho-module-m-013-accordion-v1--active container container--800 ho-link-color-default wp-block-semdesign-m-013-accordion-v1\" data-allow-multiple=\"false\">\n                            \n<div data-title-slug=\"wordpress\" class=\"ho-module-m-013-accordion-v1__item xxx ho-module-m-013-accordion-v1__item--active\"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">WordPress <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\"><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<figure class=\"wp-block-image alignleft size-full is-resized me-3 mb-1 is-style-image-white\"><img decoding=\"async\" src=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/wordpress-139-svgrepo-com.svg\" alt=\"WordPress - ico\" class=\"wp-image-176\" style=\"width:80px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>WordPress<\/strong> &#8211; system zarz\u0105dzania tre\u015bci\u0105 (<a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#cms\" data-type=\"page\" data-id=\"433\">CMS<\/a>), kt\u00f3ry stanowi baz\u0119 do budowy dedykowanych stron internetowych. Umo\u017cliwia tworzenie w\u0142asnych motyw\u00f3w, blok\u00f3w (np. <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#gutenberg\" data-type=\"page\" data-id=\"433\">Gutenberg<\/a>) oraz rozszerze\u0144, dzi\u0119ki czemu mo\u017cna w pe\u0142ni dostosowa\u0107 struktur\u0119, funkcjonalno\u015b\u0107 i logik\u0119 dzia\u0142ania strony.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"woocommerce\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">WooCommerce <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<figure class=\"wp-block-image alignleft size-full is-resized me-3 mb-1 is-style-image-white\"><img decoding=\"async\" src=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/woocommerce-icon-svgrepo-com.svg\" alt=\"Woocommerce - ico\" class=\"wp-image-175\" style=\"width:100px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>WooCommerce<\/strong> &#8211; rozszerzenie <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#wordpress\" data-type=\"page\" data-id=\"433\">WordPressa<\/a>, kt\u00f3re dodaje funkcjonalno\u015b\u0107 e-commerce. Pozwala budowa\u0107 w pe\u0142ni konfigurowalne sklepy internetowe, z mo\u017cliwo\u015bci\u0105 dostosowania logiki sprzeda\u017cy, integracji oraz wygl\u0105du frontendu.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"gutenberg\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">Gutenberg <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<figure class=\"wp-block-image alignleft size-full is-resized me-3 mb-1 is-style-image-white\"><img decoding=\"async\" src=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/gutenberg-svgrepo-com.svg\" alt=\"Gutenberg - ico\" class=\"wp-image-170\" style=\"width:100px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gutenberg<\/strong> &#8211; edytor blokowy <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#wordpress\" data-type=\"page\" data-id=\"433\">WordPressa<\/a> oparty na <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#reactjs\" data-type=\"page\" data-id=\"433\">React<\/a>, umo\u017cliwiaj\u0105cy tworzenie i zarz\u0105dzanie struktur\u0105 tre\u015bci przy u\u017cyciu komponent\u00f3w (blok\u00f3w). Daje mo\u017cliwo\u015b\u0107 implementacji w\u0142asnych blok\u00f3w dopasowanych do projektu.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"bootstrap\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">Bootstrap <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<figure class=\"wp-block-image alignleft size-full is-resized me-3 mb-1 is-style-image-white\"><img decoding=\"async\" src=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/bootstrap-fill-svgrepo-com.svg\" alt=\"Boostrap - ico\" class=\"wp-image-169\" style=\"width:100px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Bootstrap<\/strong> &#8211; framework <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#css\" data-type=\"page\" data-id=\"433\">CSS<\/a>\/<a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#javascript\" data-type=\"page\" data-id=\"433\">JavaScript<\/a> przyspieszaj\u0105cy tworzenie interfejs\u00f3w u\u017cytkownika. Oferuje system siatki (grid), gotowe komponenty oraz narz\u0119dzia do budowy responsywnych layout\u00f3w.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"reactjs\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">React.js <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<figure class=\"wp-block-image alignleft size-full is-resized me-3 mb-1 is-style-image-white\"><img decoding=\"async\" src=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/logo-react-svgrepo-com.svg\" alt=\"React.js - ico\" class=\"wp-image-172\" style=\"width:100px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>React.js <\/strong>&#8211; biblioteka <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#javascript\" data-type=\"page\" data-id=\"433\">JavaScript<\/a> do budowy interfejs\u00f3w u\u017cytkownika w oparciu o komponenty. Umo\u017cliwia tworzenie dynamicznych aplikacji oraz zarz\u0105dzanie stanem i logik\u0105 UI w spos\u00f3b modularny.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"cordovajs\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">Cordova.js <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<figure class=\"wp-block-image alignleft size-full is-resized me-3 mb-1 is-style-image-white\"><img decoding=\"async\" src=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/apachecordova-svgrepo-com.svg\" alt=\"Cordova - ico\" class=\"wp-image-168\" style=\"width:100px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cordova.js<\/strong> <strong>(Apache Cordova)<\/strong> &#8211; Framework umo\u017cliwiaj\u0105cy budowanie aplikacji mobilnych przy u\u017cyciu technologii webowych, z dost\u0119pem do natywnych funkcji urz\u0105dzenia poprzez warstw\u0119 po\u015bredni\u0105 (<a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#api\" data-type=\"page\" data-id=\"433\">API<\/a>).<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"ionic\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">Ionic <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<figure class=\"wp-block-image alignleft size-full is-resized me-3 mb-1 is-style-image-white\"><img decoding=\"async\" src=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/ionic-16-svgrepo-com.svg\" alt=\"Ionic - ico\" class=\"wp-image-171\" style=\"width:100px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ionic<\/strong> &#8211; framework UI do budowy aplikacji mobilnych i webowych opartych o technologie frontendowe (np. <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#react\" data-type=\"page\" data-id=\"433\">React<\/a>). Odpowiada za warstw\u0119 interfejsu i UX, a do obs\u0142ugi funkcji natywnych korzysta z <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#cordovajs\" data-type=\"page\" data-id=\"433\">Cordovy<\/a> lub <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#capcitor\" data-type=\"page\" data-id=\"433\">Capacitor<\/a>, kt\u00f3re zapewniaj\u0105 integracj\u0119 z systemem operacyjnym urz\u0105dzenia.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"capacitor\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">Capacitor <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<figure class=\"wp-block-image alignleft size-full is-resized me-3 mb-1 is-style-image-white\"><img decoding=\"async\" src=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/capacitorjs-icon.svg\" alt=\"\" class=\"wp-image-475\" style=\"width:100px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Capacitor<\/strong> &#8211; nowoczesna warstwa uruchomieniowa dla aplikacji webowych, kt\u00f3ra umo\u017cliwia ich dzia\u0142anie jako aplikacje mobilne. Zapewnia dost\u0119p do natywnych funkcji urz\u0105dzenia (np. aparat, GPS) oraz \u0142atw\u0105 integracj\u0119 z projektami Android i iOS.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"phaserjs\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">Phaser.js <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<figure class=\"wp-block-image alignleft size-full is-resized me-3 mb-1 is-style-image-white\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/phaser-ico.webp\" alt=\"Phaser.js - ico\" class=\"wp-image-167\" style=\"width:100px\" srcset=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/phaser-ico.webp 450w, https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/phaser-ico-300x300.webp 300w, https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/phaser-ico-150x150.webp 150w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Phaser.js<\/strong> &#8211; framework <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#javascript\" data-type=\"page\" data-id=\"433\">JavaScript <\/a>do tworzenia gier 2D w przegl\u0105darce, wykorzystuj\u0105cy technologie takie jak Canvas i WebGL oraz oferuj\u0105cy system zarz\u0105dzania scen\u0105, fizyk\u0105 i animacjami.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"javascript\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">JavaScript <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>JavaScript<\/strong> &#8211; j\u0119zyk programowania u\u017cywany do tworzenia interaktywnych element\u00f3w stron internetowych, takich jak animacje, formularze czy dynamiczne tre\u015bci. Dzia\u0142a w przegl\u0105darce i na serwerze (np. Node.js).<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"typescript\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">TypeScript <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>TypeScript<\/strong> &#8211; rozszerzenie <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#javascript\" data-type=\"page\" data-id=\"433\">JavaScriptu<\/a> wprowadzaj\u0105ce typowanie danych i dodatkowe narz\u0119dzia do wykrywania b\u0142\u0119d\u00f3w podczas pisania kodu. U\u0142atwia tworzenie wi\u0119kszych i bardziej stabilnych aplikacji webowych.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"scss\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">SCSS <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<figure class=\"wp-block-image alignleft size-full is-resized me-3 mb-1 is-style-image-white\"><img decoding=\"async\" src=\"https:\/\/semdesign.net\/pl\/wp-content\/uploads\/sites\/3\/2026\/03\/sass-svgrepo-com.svg\" alt=\"SCSS - ico\" class=\"wp-image-174\" style=\"width:100px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>SCSS<\/strong> &#8211; preprocesor <a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#css\" data-type=\"page\" data-id=\"433\">CSS<\/a> rozszerzaj\u0105cy jego mo\u017cliwo\u015bci o zmienne, zagnie\u017cd\u017cenia, funkcje i mixiny, co pozwala tworzy\u0107 bardziej skalowalny i uporz\u0105dkowany kod styl\u00f3w.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"css\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">CSS <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>CSS<\/strong> <strong>(Cascading Style Sheets)<\/strong> &#8211; j\u0119zyk s\u0142u\u017c\u0105cy do definiowania wygl\u0105du stron internetowych, np. kolor\u00f3w, czcionek, uk\u0142adu element\u00f3w i responsywno\u015bci. Pozwala oddzieli\u0107 tre\u015b\u0107 (<a href=\"https:\/\/semdesign.net\/pl\/slownik-pojec\/#html\" data-type=\"page\" data-id=\"433\">HTML<\/a>) od stylu wizualnego.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"html\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">HTML <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>HTML (HyperText Markup Language)<\/strong> &#8211; j\u0119zyk znacznik\u00f3w u\u017cywany do tworzenia struktury stron internetowych, definiuje nag\u0142\u00f3wki, akapity, linki, obrazy i inne elementy tre\u015bci.<\/p>\n<\/div><\/div><\/div>\n                            \n<div data-title-slug=\"php\" class=\"ho-module-m-013-accordion-v1__item xxx \"><button class=\"ho-module-m-013-accordion-v1__item-button btn w-100 d-flex\">PHP <i class=\"icon-right-open-1 ms-auto d-block\"><\/i><\/button><div class=\"ho-module-m-013-accordion-v1__item-content\" hidden><div class=\"ho-module-m-013-accordion-v1__item-content-inset\">\n<p class=\"wp-block-paragraph\"><strong>PHP<\/strong> <strong>(Hypertext Preprocessor)<\/strong> &#8211; j\u0119zyk programowania po stronie serwera, u\u017cywany do generowania dynamicznych stron www, obs\u0142ugi baz danych i logiki aplikacji.<\/p>\n<\/div><\/div><\/div>\n                    <\/div>\n\n        <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-433","page","type-page","status-publish","hentry"],"better_featured_image":false,"_links":{"self":[{"href":"https:\/\/semdesign.net\/pl\/wp-json\/wp\/v2\/pages\/433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/semdesign.net\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/semdesign.net\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/semdesign.net\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/semdesign.net\/pl\/wp-json\/wp\/v2\/comments?post=433"}],"version-history":[{"count":55,"href":"https:\/\/semdesign.net\/pl\/wp-json\/wp\/v2\/pages\/433\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/semdesign.net\/pl\/wp-json\/wp\/v2\/pages\/433\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/semdesign.net\/pl\/wp-json\/wp\/v2\/media?parent=433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}