{"id":22029,"date":"2023-02-14T10:04:13","date_gmt":"2023-02-14T09:04:13","guid":{"rendered":"https:\/\/theforcecode.com\/help\/pl\/?p=22029"},"modified":"2023-06-25T16:03:05","modified_gmt":"2023-06-25T14:03:05","slug":"definicja-pojecia-front-end","status":"publish","type":"post","link":"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/","title":{"rendered":"Co to jest frontend?"},"content":{"rendered":"<p>Przy budowie WWW frontend jest wszystkim, co przegl\u0105darka odczytuje, wy\u015bwietla i uruchomia podczas wywo\u0142ania strony internetowej.<\/p>\n<ul>\n<li><a title=\"Tworzenie interfejsu u\u017cytkownika za pomoc\u0105 HTML, CSS i JavaScript\" href=\"#1\">Jaki kod sk\u0142ada si\u0119 na frontend?<\/a>\n<ul>\n<li><a title=\"Co to jest HTML i jak dzia\u0142a?\" href=\"#2\">HTML<\/a><\/li>\n<li><a title=\"Jakie s\u0105 mo\u017cliwo\u015bci CSS i jak je wykorzysta\u0107 w projektowaniu stron internetowych?\" href=\"#3\">CSS<\/a><\/li>\n<li><a title=\"\" href=\"#4\">JavaScript<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a title=\"Jakie s\u0105 mo\u017cliwo\u015bci JavaScript i jak je wykorzysta\u0107 na stronie internetowej?\" href=\"#5\">Typy witryn internetowych zbudowanych w oparciu o HTML, CSS i JavaScript<\/a><\/li>\n<li><a title=\"Czym zajmuje si\u0119 frontend developer i jakie ma zadania?\" href=\"#6\">Kim jest frontend developer i co powinien potrafi\u0107?<\/a><\/li>\n<li><a title=\"Jakie s\u0105 sposoby na rozwijanie wiedzy i umiej\u0119tno\u015bci frontend developera?\" href=\"#7\">Uzupe\u0142nianie wiedzy przez frontend developera<\/a><\/li>\n<\/ul>\n<div class=\"alert message_alert overflow-y-auto alert-info\"><span class=\"w-12 block flex-shrink\"><svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/span><div class=\"flex-1\"><p class=\"mb-0\">Front-end jest to cz\u0119\u015b\u0107 witryny widoczna dla wszystkich lub wybranej grupy u\u017cytkownik\u00f3w, odwiedzaj\u0105cych stron\u0119 internetow\u0105 przy u\u017cyciu komputer\u00f3w lub urz\u0105dze\u0144 mobilnych. Na zawarto\u015b\u0107 frontendu sk\u0142ada si\u0119 g\u0142\u00f3wnie kod napisany w trzech j\u0119zykach kodowania: HTML, CSS, JavaScript.<\/p><\/div><\/div>\n<h2 id=\"jaki-kod-sklada-sie-na-frontend\"><a name=\"1\"><\/a>Jaki kod sk\u0142ada si\u0119 na frontend?<\/h2>\n<p>Ka\u017cdy j\u0119zyk kodowania sk\u0142adaj\u0105cy si\u0119 na zawarto\u015b\u0107 frontendu spe\u0142nia inne funkcje w programowaniu stron i aplikacji.<\/p>\n<ul>\n<li><a href=\"#2\">HTML<\/a><\/li>\n<li><a href=\"#3\">CSS<\/a><\/li>\n<li><a href=\"#4\">JavaScript<\/a><\/li>\n<\/ul>\n<div class=\"alert message_alert overflow-y-auto alert-default\"><span class=\"w-12 block flex-shrink\"><svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/span><div class=\"flex-1\"><p class=\"mb-0\">Przyk\u0142adowo, HTML umo\u017cliwia zapisanie zawarto\u015bci strony WWW, style CSS okre\u015blaj\u0105 wygl\u0105d poszczeg\u00f3lnych sekcji, a kod JavaScript programuje inne dodatkowe funkcjonalno\u015bci do sprawnego dzia\u0142ania strony (np. animacje, slider, interaktywne menu, czy wyskakuj\u0105ce okna).<\/p><\/div><\/div>\n<h3 id=\"html\"><a name=\"2\"><\/a>HTML<\/h3>\n<p>HTML to j\u0119zyk kodowania stron internetowych uznawany za tzw. opisowy. Przyj\u0119to, \u017ce nazywany jest j\u0119zykiem programowania cho\u0107 nie odpowiada za konkretne akcje i algorytmy realizowane w ramach stron internetowych.<\/p>\n<p>Przy u\u017cyciu j\u0119zyka HTML pos\u0142ugujemy si\u0119 znacznikami okre\u015blaj\u0105cymi zawarto\u015b\u0107 ka\u017cdego bloku i zak\u0142adki strony internetowej. W kodzie HTML mo\u017cemy definiowa\u0107 m.in. tytu\u0142y, opisy, tagi, hiper\u0142\u0105cza, obrazki, buttony, tabele, akapity tekstu, nag\u0142\u00f3wki, wersj\u0119 j\u0119zykow\u0105 strony i wiele, wiele wi\u0119cej. W j\u0119zyku HTML opisujemy wszystko to co potem jest wy\u015bwietlane w przegl\u0105darce jako wygl\u0105d strony internetowej.<\/p>\n<h3 id=\"css\"><a name=\"3\"><\/a>CSS<\/h3>\n<p>Kaskadowe arkusze styl\u00f3w (ang. CSS &#8211; Cascading Style Sheets) s\u0142u\u017c\u0105 do zapisywania regu\u0142 CSS, zbior\u00f3w zasad formatowania tre\u015bci. CSS u\u017cywane jest do opisywania jak maj\u0105 wygl\u0105da\u0107 poszczeg\u00f3lne elementy witryny, kt\u00f3re zosta\u0142y uprzednio stworzone w HTML.<\/p>\n<p>Kod CSS mo\u017ce mie\u0107 wp\u0142yw na rozmiar i po\u0142o\u017cenie element\u00f3w oraz okre\u015bla\u0107 zale\u017cno\u015bci mi\u0119dzy nimi. W stylach CSS definiujemy wygl\u0105d poszczeg\u00f3lnych element\u00f3w, do kt\u00f3rych styli i klas odwo\u0142ujemy si\u0119 w HTML.<\/p>\n<h3 id=\"javascript\"><a name=\"4\"><\/a>JavaScript<\/h3>\n<p>J\u0119zyk kodowania JavaScript zosta\u0142 stworzony przez .Netscape w celu umo\u017cliwienia tworzenia \/ rozbudowywania zar\u00f3wno interfejsu i wygl\u0105du strony internetowej (np. animacje, slajdery, interaktywne menu czy wyskakuj\u0105ce okna typu pop-up).<\/p>\n<p>JavaScript umo\u017cliwia tworzenie i rozbudow\u0119 strony internetowej o takie elementy i funkcje, kt\u00f3re nie s\u0105 dost\u0119pne przy u\u017cyciu HTML lub CSS. Budowa witryny internetowej opartej o fragmenty kodu JavaScript jest mo\u017cliwa dzi\u0119ki: instrukcjom warunkowym, klasom, p\u0119tlom, tablicom, zmiennym, itd..<\/p>\n<p>Pojawienie si\u0119 JavaScript pozwoli\u0142o zrewolucjonizowa\u0107 takie kwestie Internecie jak interaktywno\u015b\u0107 i responsywno\u015b\u0107 stron WWW. JavaScript wraz z lekk\u0105 bibliotek\u0105 jQuery wypar\u0142y do lamusa technologi\u0119 Flash, kt\u00f3ra przez wiele lat by\u0142a standardem u\u017cywanym na witrynach internetowych. Teraz to JavaScript zamiast Flash jest powszechnie u\u017cywany przez webmaster\u00f3w podczas budowy stron internetowych.<\/p>\n<h2 id=\"typy-witryn-zbudowanych-w-oparciu-o-html-css-i-javascript\"><a name=\"5\"><\/a>Typy witryn zbudowanych w oparciu o HTML, CSS i JavaScript<\/h2>\n<ul>\n<li><strong>Statyczne strony zbudowane w oparciu o kod HTML i CSS<\/strong> &#8211; po wywo\u0142aniu statycznej witryny, przegl\u0105darka wy\u015bwietla odwiedzaj\u0105cemu zawarto\u015b\u0107 gotowych plik\u00f3w (umieszczonych na serwerze), zawieraj\u0105cych sta\u0142e elementy strony internetowej.<\/li>\n<li><strong>Dynamiczne strony internetowe (tzw. Multi-Page App)<\/strong> &#8211; po wywo\u0142aniu dynamicznej witryny, a dok\u0142adniej w momencie wys\u0142ania zapytania przez przegl\u0105dark\u0119 odwiedzaj\u0105cego, aplikacja generuje plik HTML z odpowiedni\u0105 zawarto\u015bci\u0105. Przyk\u0142adowo, mo\u017cemy utworzy\u0107 grupy u\u017cytkownik\u00f3w i pokazywa\u0107 im r\u00f3\u017cny widok witryny w zale\u017cno\u015bci, do kt\u00f3rej grupy nale\u017c\u0105.<\/li>\n<li><strong>Dynamiczne strony internetowe z u\u017cyciem JavaScript<\/strong> &#8211; analogiczny rodzaj witryny jak przy dynamicznych witrynach generowanych przez Multi-Page App, ale rozszerzony o funkcje kodowane w j\u0119zyku JavaScript.<\/li>\n<li><strong>SPA (tzw. Single-Page App)<\/strong> &#8211; s\u0105 to aplikacje i strony internetowe, kt\u00f3re w ca\u0142o\u015bci budowane s\u0105 przy wykorzystaniu JavaScript.<\/li>\n<\/ul>\n<h2 id=\"kim-jest-frontend-developer-i-co-powinien-potrafic\"><a name=\"6\"><\/a>Kim jest frontend developer i co powinien potrafi\u0107?<\/h2>\n<p>Programi\u015bci specjalizuj\u0105cy w projektowaniu stron internetowych nazywani s\u0105 frontend developerami &#8211; zakres ich obowi\u0105zk\u00f3w wymaga wiedzy z dziedziny technologii webowych (np. tworzenie stron WWW i\/lub aplikacji mobilnych).<\/p>\n<p>Frontend developer potrafi zaprojektowa\u0107\u00a0 wygodne interfejsy witryn internetowych dla finalnych u\u017cytkownik\u00f3w oraz jest w stanie dostosowa\u0107 odpowiednie wy\u015bwietlanie stron na r\u00f3\u017cnych urz\u0105dzeniach (w szczeg\u00f3lno\u015bci na urz\u0105dzeniach mobilnych). Podczas programowania frontendu wymagana mo\u017ce okaza\u0107 si\u0119 znajomo\u015b\u0107 j\u0119zyka angielskiego.<\/p>\n<p>Dla ka\u017cdego programisty frontend niezb\u0119dna mo\u017ce okaza\u0107 si\u0119 tak\u017ce znajomo\u015b\u0107 framework\u00f3w, czyli pakiet\u00f3w programistycznych pod postaci\u0105 gotowych modu\u0142\u00f3w do budowy stron WWW i aplikacji. Specjali\u015bci od kodu JavaScript u\u017cywaj\u0105 frameworki jako narz\u0119dzi u\u0142atwiaj\u0105cych codzienne kodowanie.<\/p>\n<p>Dzi\u0119ki repozytoriom z zapisanymi podstawowymi funkcjonalno\u015bciami witryn, nie jest wymagane tworzenie kodu za ka\u017cdym razem od nowa, lecz mo\u017cna ograniczy\u0107 si\u0119 do dodawania kolejnych fragment\u00f3w kodu w celu rozbudowania projektu. Najbardziej popularnymi frameworkami s\u0105: AngularJS, Backbone, Bootstrap, Foundation i Vue.js (do budowania UI).<\/p>\n<div class=\"alert message_alert overflow-y-auto alert-default\"><span class=\"w-12 block flex-shrink\"><svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/span><div class=\"flex-1\"><h4>B\u0119d\u0105c frontend developerem warto zna\u0107 poni\u017csze narz\u0119dzia:<\/h4><p class=\"mb-0\">\n<ul>\n<li><strong>Git<\/strong> &#8211; system kontroli wersji, z kt\u00f3rego korzystaj\u0105 takie korporacje jak Google, Facebook czy Netflix.<\/li>\n<li><strong>Terminal<\/strong> &#8211; legendarne czarne okienko,<\/li>\n<li><strong>wybrane oprogramowanie IDE<\/strong>,<\/li>\n<li><strong>narz\u0119dzia do tzw. preprocessingu<\/strong> &#8211; kt\u00f3rych rol\u0105 jest usprawnianie prac nad szat\u0105 graficzn\u0105 witryn (np. LESS, Sass lub Stylus).<\/p><\/div><\/div><\/li>\n<\/ul>\n<h2 id=\"uzupelnianie-wiedzy-przez-frontend-developera\"><a name=\"7\"><\/a>Uzupe\u0142nianie wiedzy przez frontend developera<\/h2>\n<p>Przygod\u0119 z programowaniem frontend warto rozpocz\u0105\u0107 od poznania Pythona od samych podstaw. Nie jest on niezb\u0119dny przy pracy nad frontendem, ale skutecznie u\u015bwiadamia m\u0142odym programistom zasady kodowania. Jako kolejny etap warto zainteresowa\u0107 si\u0119 kursami z kategorii Font-End Developera, na kt\u00f3rych w odpowiedniej kolejno\u015bci, prostymi etapami poznaje si\u0119 HTML, CSS oraz JavaScript.<\/p>\n<p>Dobrym kierunkiem uzupe\u0142nienia wiedzy przez frontend developera jest zapoznanie si\u0119 z zasadami UX (ang. User Experience) oraz UI (ang. User Interface), dzi\u0119ki czemu uczymy si\u0119 optymalizacji wra\u017ce\u0144 i do\u015bwiadcze\u0144 u\u017cytkownik\u00f3w korzystaj\u0105cych ze stron WWW lub projektowanych aplikacji. Dla ka\u017cdego programisty frontend wa\u017cne jest te\u017c posiadanie cech nowoczesnego webmastera, takich jak: poczucie estetyki, znajomo\u015b\u0107 trend\u00f3w w budowie witryn \/ aplikacji czy kreatywno\u015b\u0107.<\/p>\n<p>Fuzja umiej\u0119tno\u015bci programowania frontend z UX\/UI gwarantuje bardzo wysokie dochody oraz mo\u017cliwo\u015b\u0107 pracowania przy wyj\u0105tkowych projektach. Na barkach takich specjalist\u00f3w spoczywaj\u0105 zadania optymalizacji szybko\u015bci \u0142adowania witryn, projektowania sposob\u00f3w prezentacji tre\u015bci, programowania interfejs\u00f3w czy nawigacji.<\/p>\n<p>Podczas realizacji projekt\u00f3w internetowych specjali\u015bci UI tworz\u0105 koncepcje projektu, programi\u015bci frontend zajmuj\u0105 si\u0119 kodowaniem, a eksperci z dziedziny UX dostosowuj\u0105 wdro\u017cone elementy i funkcjonalno\u015bci do potrzeb u\u017cytkownik\u00f3w.<\/p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 442px; top: 304.333px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n<div class=\"helpful-block-content wth-theme-thumbs\" data-title=\"\" >\n<ul>\n<li><span class=\"wth-title\">Czy ten artyku\u0142 by\u0142 pomocny?<\/span><\/li>\n<li><a data-post=\"22029\" data-post-url=\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/\" data-post-title=\"Co to jest frontend?\" data-response=\"1\" href=\"#\" class=\"wth-green-btn icon-thumbsup icon1-thumbs-up4\">Tak<\/a><a data-response=\"0\" data-post=\"22029\" data-post-url=\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/\" data-post-title=\"Co to jest frontend?\" href=\"#\" class=\"wth-red-btn icon-thumbsdown icon1-thumbs-down4\">Nie<\/a><\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Przy budowie WWW frontend jest wszystkim, co przegl\u0105darka odczytuje, wy\u015bwietla i uruchomia podczas wywo\u0142ania strony internetowej. Jaki kod sk\u0142ada si\u0119 na frontend? HTML CSS JavaScript Typy witryn internetowych zbudowanych w oparciu o HTML, CSS i JavaScript Kim jest frontend developer i co powinien potrafi\u0107? Uzupe\u0142nianie wiedzy przez frontend developera Jaki kod sk\u0142ada si\u0119 na frontend? [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[938],"tags":[947,953,954,955,956,957,958,963],"acf":{"second_title":"Czym jest Fronted?","pokaz_ranking_hostingow":false,"tresc":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Co to jest frontend? &raquo; TheForceCode - centrum wiedzy<\/title>\n<meta name=\"description\" content=\"Przy budowie WWW frontend jest wszystkim, co przegl\u0105darka odczytuje, wy\u015bwietla i uruchomia podczas wywo\u0142ania strony internetowej.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Co to jest frontend? &raquo; TheForceCode - centrum wiedzy\" \/>\n<meta property=\"og:description\" content=\"Przy budowie WWW frontend jest wszystkim, co przegl\u0105darka odczytuje, wy\u015bwietla i uruchomia podczas wywo\u0142ania strony internetowej.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/\" \/>\n<meta property=\"og:site_name\" content=\"TheForceCode - centrum wiedzy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/theforcecode\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-14T09:04:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-25T14:03:05+00:00\" \/>\n<meta name=\"author\" content=\"Rafa\u0142 Jaseniuk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rafa\u0142 Jaseniuk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/\"},\"author\":{\"name\":\"Rafa\u0142 Jaseniuk\",\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/#\/schema\/person\/a6082ba27208ca13467e3bce9db12b73\"},\"headline\":\"Co to jest frontend?\",\"datePublished\":\"2023-02-14T09:04:13+00:00\",\"dateModified\":\"2023-06-25T14:03:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/\"},\"wordCount\":1118,\"publisher\":{\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/#organization\"},\"keywords\":[\"frontend\",\"HTML\",\"CSS\",\"JavaScript\",\"WWW\",\"developer\",\"strona\",\"backend\"],\"articleSection\":[\"Frontend\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/\",\"url\":\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/\",\"name\":\"Co to jest frontend? &raquo; TheForceCode - centrum wiedzy\",\"isPartOf\":{\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/#website\"},\"datePublished\":\"2023-02-14T09:04:13+00:00\",\"dateModified\":\"2023-06-25T14:03:05+00:00\",\"description\":\"Przy budowie WWW frontend jest wszystkim, co przegl\u0105darka odczytuje, wy\u015bwietla i uruchomia podczas wywo\u0142ania strony internetowej.\",\"breadcrumb\":{\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/theforcecode.com\/help\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Front-end\",\"item\":\"https:\/\/theforcecode.com\/help\/pl\/frontend\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Opis czym takim jest frontend?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/#website\",\"url\":\"https:\/\/theforcecode.com\/help\/pl\/\",\"name\":\"TheForceCode.com\",\"description\":\"TheForceCode - artyku\u0142y\",\"publisher\":{\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/#organization\"},\"alternateName\":\"TheForceCode Help\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theforcecode.com\/help\/pl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/#organization\",\"name\":\"TheForceCode.com\",\"alternateName\":\"TheForceCode \u2013 May the code, be with you\",\"url\":\"https:\/\/theforcecode.com\/help\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/theforcecode.com\/help\/pl\/wp-content\/uploads\/2023\/04\/tfc-logo-black.png\",\"contentUrl\":\"https:\/\/theforcecode.com\/help\/pl\/wp-content\/uploads\/2023\/04\/tfc-logo-black.png\",\"width\":1000,\"height\":307,\"caption\":\"TheForceCode.com\"},\"image\":{\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/theforcecode\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/#\/schema\/person\/a6082ba27208ca13467e3bce9db12b73\",\"name\":\"Rafa\u0142 Jaseniuk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/theforcecode.com\/help\/pl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c5e38590bdb8fd0b772b8859a5da5fbd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c5e38590bdb8fd0b772b8859a5da5fbd?s=96&d=mm&r=g\",\"caption\":\"Rafa\u0142 Jaseniuk\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Co to jest frontend? &raquo; TheForceCode - centrum wiedzy","description":"Przy budowie WWW frontend jest wszystkim, co przegl\u0105darka odczytuje, wy\u015bwietla i uruchomia podczas wywo\u0142ania strony internetowej.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/","og_locale":"pl_PL","og_type":"article","og_title":"Co to jest frontend? &raquo; TheForceCode - centrum wiedzy","og_description":"Przy budowie WWW frontend jest wszystkim, co przegl\u0105darka odczytuje, wy\u015bwietla i uruchomia podczas wywo\u0142ania strony internetowej.","og_url":"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/","og_site_name":"TheForceCode - centrum wiedzy","article_publisher":"https:\/\/www.facebook.com\/theforcecode\/","article_published_time":"2023-02-14T09:04:13+00:00","article_modified_time":"2023-06-25T14:03:05+00:00","author":"Rafa\u0142 Jaseniuk","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Rafa\u0142 Jaseniuk","Szacowany czas czytania":"6 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/#article","isPartOf":{"@id":"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/"},"author":{"name":"Rafa\u0142 Jaseniuk","@id":"https:\/\/theforcecode.com\/help\/pl\/#\/schema\/person\/a6082ba27208ca13467e3bce9db12b73"},"headline":"Co to jest frontend?","datePublished":"2023-02-14T09:04:13+00:00","dateModified":"2023-06-25T14:03:05+00:00","mainEntityOfPage":{"@id":"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/"},"wordCount":1118,"publisher":{"@id":"https:\/\/theforcecode.com\/help\/pl\/#organization"},"keywords":["frontend","HTML","CSS","JavaScript","WWW","developer","strona","backend"],"articleSection":["Frontend"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/","url":"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/","name":"Co to jest frontend? &raquo; TheForceCode - centrum wiedzy","isPartOf":{"@id":"https:\/\/theforcecode.com\/help\/pl\/#website"},"datePublished":"2023-02-14T09:04:13+00:00","dateModified":"2023-06-25T14:03:05+00:00","description":"Przy budowie WWW frontend jest wszystkim, co przegl\u0105darka odczytuje, wy\u015bwietla i uruchomia podczas wywo\u0142ania strony internetowej.","breadcrumb":{"@id":"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theforcecode.com\/help\/pl\/definicja-pojecia-front-end\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/theforcecode.com\/help\/pl\/"},{"@type":"ListItem","position":2,"name":"Front-end","item":"https:\/\/theforcecode.com\/help\/pl\/frontend\/"},{"@type":"ListItem","position":3,"name":"Opis czym takim jest frontend?"}]},{"@type":"WebSite","@id":"https:\/\/theforcecode.com\/help\/pl\/#website","url":"https:\/\/theforcecode.com\/help\/pl\/","name":"TheForceCode.com","description":"TheForceCode - artyku\u0142y","publisher":{"@id":"https:\/\/theforcecode.com\/help\/pl\/#organization"},"alternateName":"TheForceCode Help","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theforcecode.com\/help\/pl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/theforcecode.com\/help\/pl\/#organization","name":"TheForceCode.com","alternateName":"TheForceCode \u2013 May the code, be with you","url":"https:\/\/theforcecode.com\/help\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/theforcecode.com\/help\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/theforcecode.com\/help\/pl\/wp-content\/uploads\/2023\/04\/tfc-logo-black.png","contentUrl":"https:\/\/theforcecode.com\/help\/pl\/wp-content\/uploads\/2023\/04\/tfc-logo-black.png","width":1000,"height":307,"caption":"TheForceCode.com"},"image":{"@id":"https:\/\/theforcecode.com\/help\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/theforcecode\/"]},{"@type":"Person","@id":"https:\/\/theforcecode.com\/help\/pl\/#\/schema\/person\/a6082ba27208ca13467e3bce9db12b73","name":"Rafa\u0142 Jaseniuk","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/theforcecode.com\/help\/pl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c5e38590bdb8fd0b772b8859a5da5fbd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5e38590bdb8fd0b772b8859a5da5fbd?s=96&d=mm&r=g","caption":"Rafa\u0142 Jaseniuk"}}]}},"_links":{"self":[{"href":"https:\/\/theforcecode.com\/help\/pl\/wp-json\/wp\/v2\/posts\/22029"}],"collection":[{"href":"https:\/\/theforcecode.com\/help\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theforcecode.com\/help\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theforcecode.com\/help\/pl\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/theforcecode.com\/help\/pl\/wp-json\/wp\/v2\/comments?post=22029"}],"version-history":[{"count":7,"href":"https:\/\/theforcecode.com\/help\/pl\/wp-json\/wp\/v2\/posts\/22029\/revisions"}],"predecessor-version":[{"id":23044,"href":"https:\/\/theforcecode.com\/help\/pl\/wp-json\/wp\/v2\/posts\/22029\/revisions\/23044"}],"wp:attachment":[{"href":"https:\/\/theforcecode.com\/help\/pl\/wp-json\/wp\/v2\/media?parent=22029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theforcecode.com\/help\/pl\/wp-json\/wp\/v2\/categories?post=22029"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theforcecode.com\/help\/pl\/wp-json\/wp\/v2\/tags?post=22029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}