kontakt
Software house
>
Tag
>
Front end projektowanie interfejsów aplikacji | Czym się zajmuje Frontend developer?
Front-end

Front end projektowanie interfejsów aplikacji | Czym się zajmuje Frontend developer?

Data wpisu
Mateusz Kuba
Autor
Mateusz Kuba

Front-end to wszytko to, co widzi użytkownik, wchodząc na witrynę internetową. Odpowiada za kwestię wizualną i funkcjonalność strony www lub aplikacji webowej oraz za budowę takiej struktury, która pozwoli na jak najefektywniejszą interakcję internauty z produktem. Z kolei back-end odpowiada za to, czego nie widać, a więc zapis i obróbkę danych po stronie serwera. Frontend to dziedzina programowania zajmuje się np. nawigacją główną i boczną, układem elementów graficznych i tekstowych czy wszelkimi funkcjonalnościami, które wpływają na poziom użyteczności i przyjemności podczas korzystania z witryny. Wszystkie te elementy zbudowane są na podstawi języków kodowania, jakimi są HTML, CSS oraz języka programowania JavaScript.
 

Programowanie front end

 Front-end to dziedzina, którą zajmują się deweloperzy odpowiedzialni za zbudowanie, czyli zakodowanie stron www i aplikacja webowych, które przede wszystkim mają być szybkie i wygodne dla ich użytkownika oraz wyświetlać się poprawnie na urządzeniach o różnej rozdzielczości, a zatem być responsywne. Deweloperzy pracujący nad widokiem witryny wykorzystują różne biblioteki JavaScript, z których najpopularniejsze są Angular, React i Vue. Każda przeznaczona jest do tworzenia front-edu produktów o odmiennej wielkości i zastosowaniu. W Boring Owl korzystamy z wydajnej technologii React, która umożliwia tworzenie niezwykle szybkich i nowoczesnych aplikacji webowych. Dodatkowo front-end wymaga znajomości innych narzędzi do programowania, jakim są mi.in.: Gulp do automatyzacji zadań, Git do pracy w zespole w zdalnym repozytorium, SASS odpowiedzialny za kompilacje CSS oraz Webpack, Npm i Node.js oferujące szeregów przydatnych usprawniających pracę narzędzi. Biblioteki te są niezwykle przydatne, ponieważ zawierają gotowe kody odpowiadające za automatyzacje i funkcjonalności, dzięki czemu programiści nie tracą czasu na ich napisanie ich od podstaw. Ponadto u developerów tego typu ważna jest także wiedza z zakresu UI i UX, aby mogli oni tworzyć przyjazne użytkownikowi interfejsy.

Czym zajmuje się frontend developer?

Front-end developer buduje strony WWW i aplikacje webowe, skupiając się na ich elementach wizualnych i funkcjonalnościach. Powinien on dostarczyć witrynę estetyczną i przejrzystą, a przede wszystkim użyteczną. Obecnie najczęściej projektuje się strony dynamiczne, które pozwalają użytkownikom wejść w interakcję z witryną. Jednak dla mniejszych stron firmowych można zbudować witrynę statyczną, która pojawia się wyszukiwarce dokładnie w ten sam sposób, w jaki jest przechowywana na serwerze. Ten rodzaj witryny nie zawiera żadnych elementów, które umożliwiałyby interakcję z użytkownikiem.

Front-end developerzy często posiadają wiedzę z zakresu User Experience i User Interfejs. Dzięki temu mogą budować nie tylko przyjemną dla oka szatę graficzną strony, ale i maksymalnie uprościć proces poruszania się użytkownika po witrynie. Jego praca polega zatem na budowie układów podstron i poszczególnych bloków, tworzeniu intuicyjnej i łatwej w użyciu nawigacji oraz przyciągnięciu uwagi użytkownika za pomocą ciekawej grafiki czy animacji. 

frontend developer

Języki i technologie front end

Front-end developer używa kilku języków programowania. Pozwalają one napisać mu instrukcje dla komputera na temat tego, jak powinny wyglądać i gdzie się znajdować poszczególne elementy witryny. Podstawowe języki front-endu to:

  • HTML (Text Markup Language), czyli język kodowania znaków, który umożliwia tworzenie struktury witryny internetowej;
  • CSS (Cascading Style Sheets), który odpowiada za wygląd witryny, a zatem określa kolory i pozycje poszczególnych elementów na stornie, rodzaj i wielkość czcionek, a nawet pozwala tworzyć ciekawe efekty i animacje;
  • Java Script to podstawowy język front-end, który pozwala wprowadzić na stronie ciekawe funkcjonalności oraz sprawić, aby użytkownik mógł wejść z nią w interakcję.

Dodatkowo front-end developer korzysta z wielu frameworków i bibliotek, które znaczne usprawniają pracę i optymalizują długość kodu, z których przykładowe to:

  • Angular;
  • React;
  • Vue;
  • Bootstrap.

Umiejętności front-end developera

Dobry front-end developer obeznany jest również z narzędziami do automatyzacji i optymalizacji kodu, a najważniejsze umiejętności, które powinien posiadać to:

  • podstawowa wiedza z zakresu back-endu;
  • minimum średniozaawansowana znajomość języka angielskiego;
  • umiejętność łączenia ciekawych wizualnie form i optymalnych rozwiązań technicznych;
  • znajomość narzędzi do automatyzacji takich jak GULP, Git, Node.js, Webpack czy Babel;
  • znajomość preprocesorów SASS lub LESS;
  • podstawowa znajomość UX i UI;
  • znajomość CMS-ów takich jak WordPress, Drupal czy Joomla.
Case study: #front-end
0 Aktualnie brak case study
Zobacz wszystkie

Wpisy z tagiem: front-end

UX Researcher vs. UX Designer, czyli wyjaśniamy różnice pomiędzy stanowiskami w UX

User Experience to dziedzina, która zajmuje się takim projektowaniem cyfrowego produktu (choć nie tylko cyfrowego), czyli stron www, aplikacji mobilnych i desktopowych, aby korzystanie z nich było maksymalnie proste i jak najbardziej przyjemne dla użytkownika.
Tomasz Kozon
Tomasz Kozon
2022-01-27

Przebranżowienie w branży IT. Czy można zacząć karierę programisty po 30-tce?

Chyba nikogo już nie trzeb przekonywać, że branża IT jest najprężniej rozwijającą się branżą w całej gospodarce. Rozwój technologii i przeniesienie się życia społecznego oraz sprzedaży do sieci sprawia, że zapotrzebowanie na nowych pracowników stale wzrasta.
Tomasz Kozon
Tomasz Kozon
2021-12-05

Dlaczego twoja aplikacja powinna być napisana w React.js?

Czym jest ReactJS ? React jest biblioteką programowania języka JavaScript wykorzystywaną do tworzenia interfejsów użytkownika. Działa na licencji MIT, a więc gwarantuje prawa autorskie i możliwość sprzedaży twórcom.
Mateusz Kuba
Mateusz Kuba
2021-11-23

Fixed Price czy Time & Material – jaki model rozliczenia w projektach IT wybrać?

Model współpracy w ramach projektu z branży IT to podstawowy wybór, którego musi dokonać firma zlecająca jego wykonanie. Dzięki różnorodności tych modeli pomiędzy wykonawcą a zleceniodawcą możliwe jest jak najlepsze dopasowanie budżetu i harmonogramu prac w każdym projekcie.
Tomasz Kozon
Tomasz Kozon
2021-11-04

Google Moja Firma, czyli skuteczna wizytówka w wyszukiwarce

Jakkolwiek wizytówka Google Moja Firma nie jest już tak mocno z poniższym ujęciem kojarzona, tak przeważnie była sposobem mikro marek na odznaczenie swojej działalności w Internecie.
Tomasz Kozon
Tomasz Kozon
2021-08-18

Senior developer, mid i junior — jakie są kryteria stopniowania stanowisk programistycznych w IT?

IT jest jedną z najszybciej rozwijających się branży związanych z nowymi technologiami. Stałe zapotrzebowanie rynku na programistów sprawia, że coraz więcej osób skuszonych wizją dobrej pensji i stabilnej pracy decyduje się związać swoją przyszłość z tym kierunkiem.
Mateusz Kuba
Mateusz Kuba
2021-06-30

Moodboard, jako tablica inspiracji. Czy warto tworzyć moodboardy?

O ile strona WWW, dostępna do przeglądania w Internecie, to produkt skończony, o tyle, zanim takowa powstanie z reguły pracuje nad nią grupa ludzi, która w procesie tworzenia jej koncepcji oraz charakteru może używać tzw. tablicy inspiracji, określanej również jako moodboard.
Tomasz Kozon
Tomasz Kozon
2021-06-18

Wyszukiwanie obrazem — praktyczne wskazówki, jak używać tej funkcji

Metoda ta jest niezwykle prosta i intuicyjna, a przede wszystkim bardzo pożyteczna. Dowiedz się, na czym polega wyszukiwanie obrazem i poznaj najlepsze metody na uzyskanie interesujących cię informacji.
Tomasz Kozon
Tomasz Kozon
2021-06-09

Jak założyć sklep internetowy i pozyskać pierwszych klientów?

Internet daje obecnie niemal nieograniczone możliwości. Zarabianie pieniędzy za jego pośrednictwem stało się domeną naszych czasów, a samo uruchomienie platformy e-commerce pozwala na sprzedaż dowolnych produktów niemal z dnia na dzień. Dla jednych jest to sposób na uniezależnienie się i zarabianie na własnej pasji, dla innych istotny aspekt rozwoju biznesu, sposób na poszerzenie swojej oferty i na dotarcie do grona nowych klientów.
Tomasz Kozon
Tomasz Kozon
2021-06-08

SXO — połączenie UX i SEO

Jeszcze do niedawna podstawowymi działaniami na witrynie, które pozwalały osiągać jej wysokie wyniki w naturalnych wynikach wyszukiwania były działania SEO. Obecnie coraz częściej Google boty biorą pod uwagę pozytywne doświadczenia użytkowników w trakcie korzystania z określonej witryny.
Tomasz Kozon
Tomasz Kozon
2021-05-05

Programowanie dla dzieci — od czego zacząć?

Współczesny świat w dużej mierze opiera się na cyfrowych technologiach obecnych w naszym życiu na każdym kroku. Dzieci od najmłodszych lat obcują z telefonem i komputerem, dlatego wielu rodziców postanawia wysłać je na lekcje programowania.
Tomasz Kozon
Tomasz Kozon
2021-02-16

Podstawowe narzędzia analityczne na Twojej stronie www.

Mierzenie ruchu i zachowań użytkowników na stronie www. to podstawa do wyciągania wniosków na temat budowy strony i działań remarketingowych. Bardzo dużo danych ze swojej witryny możesz zebrać bez inwestowania dodatkowych środków w płatne subskrypcje.
Tomasz Kozon
Tomasz Kozon
2021-01-12

Omówienie aplikacji e-commerce - WooCommerce, PrestaShop i Magento

Sklep internetowy to szczególny rodzaj działalności w internecie, której sukces zależy w dużej mierze od odpowiednio dobranego oprogramowania e-commerce. Najważniejszy jest dobry projekt interfejsu, który sprawi, że kliencie bez problemu będą mogli odnaleźć interesujące ich produkty.
Tomasz Kozon
Tomasz Kozon
2020-12-16

Edytory kodu - lista i omówienie najpopularniejszych rozwiązań

Każdy programista zarówno początkujący, jak i ten bardziej doświadczony musi stanąć przed wyborem odpowiedniego dla siebie edytora kodu. Branża IT warz rozwija się niezwykle prężnie korzystając z coraz to bardziej zaawansowanych technologii.
Mateusz Kuba
Mateusz Kuba
2020-10-07

Event Storming - warsztaty opisujące zdarzenia domenowe w projektach IT

Event Storming to stosunkowo młoda metoda warsztatowa, której celem jest szybkie i proste zobrazowanie i odkrywanie procesów zachodzących w projektach programistycznych realizowanych w zespole za pomocą zdarzeń.
Tomasz Kozon
Tomasz Kozon
2020-10-06

UX/UI Designer, Business Analyst, Product Owner, Project Manager... nie tylko programiści tworzą projekty IT

Branża IT bez wątpienia należy do najszybciej rozwijających się sektorów gospodarki. Co roku wzrasta zapotrzebowanie na specjalistów w tej dziedzinie, a coraz więcej osób postanawia się przebranżowić w tym kierunku, będąc skuszeni wizją dobrego wynagrodzenia oraz realnymi możliwościami rozwoju.
Mateusz Kuba
Mateusz Kuba
2020-09-03

Body leasing w IT. Czy warto wynajmować programistów na godziny?

Branża IT należy do jednych z najprężniej rozwijających się sektorów gospodarki. Nowe technologie skutecznie i niezwykle szybko przenoszą życie codzienne do Internetu. Obecnie niemal każdy biznes posiada swoją witrynę internetową, platformę e-commerce czy aplikację webową.
Tomasz Kozon
Tomasz Kozon
2020-08-01

Web Design i praca z mock-upami. Wireframes Wordpress Development

Dzięki programom do prototypowania takim jak Adobe XD i Figma designer jest w stanie zwizualizować klientowi wygląd poszczególnych widoków aplikacji. Makieta znacznie ułatwia zdalną pracę nad projektem, umożliwiające łatwe komentowanie wybranych elementów i wprowadzanie poprawek.
Tomasz Kozon
Tomasz Kozon
2020-06-18

Skąd uczyć się programowania? Studia informatyczne, Boot Campy czy platformy e-learningowe?

Ciągły rozwój nowych technologii oraz przeniesienie się wielu obszarów życia do świata wirtualnego sprawiły, że na światowym rynku pracy wciąż istnieje duże zapotrzebowanie na specjalistów z branży IT.
Tomasz Kozon
Tomasz Kozon
2020-05-19