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

Landing pages — pierwszy krok do aktywizacji klienta

Landing page, czyli stron docelowa, storna lądowania czy strona produktowa, to pierwsza strona, na jaką natrafi potencjalny klient danej firmy w toku dobrze opracowanej kampanii reklamowej.
Tomasz Kozon
Tomasz Kozon
2022-03-17

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

Software house, korporacja a może startup? Zobacz od czego najlepiej zacząć pracę w IT

Na rynku pracy nie brakuje ofert zatrudnienia skierowanych do programistów. W gąszczu ogłoszeń znajdą się również propozycje dla początkujących.
Tomasz Kozon
Tomasz Kozon
2021-11-25

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

CEO, CMO, CFO, CTO, CIM, COO, CSO - co znaczą te skróty? Wyjaśnienie pojęć.

W tym artykule pokrótce wyjaśnimy i omówimy, co oznaczają skróty stanowisk, takie jak CEO, CMO, CFO, CTO, COO i CSO.
Tomasz Kozon
Tomasz Kozon
2021-11-09

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

Aplikacja webowa a strona internetowa - jakie są różnice i co najlepiej wybrać 

Wielu użytkowników internetu wciąż nie zdaje sobie sprawy, że nie wszystkie adresy, które odwiedza są stronami www, a aplikacje kojarzy głównie z urządzeniami mobilnymi.
Mateusz Kuba
Mateusz Kuba
2021-10-13

Ścieżka od programisty do Tech-leada. Kierowanie pracami w projekcie IT.

Branża IT nieustannie rozwija się, dlatego też daje możliwości rozwoju w różnych kierunkach, dzięki czemu zapobiega wypaleniu zawodowemu.Programista, który zaczynał pracę od najniższego szczebla kariery po kilku latach może objąć stosunkowo nowe stanowisko, jakim jest Tech-lead, który łączy w sobie umiejętności techniczne i nietechniczne. 
Mateusz Kuba
Mateusz Kuba
2021-09-22

Tester automatyczny a manualny — co różni te stanowiska?

Każde oprogramowanie wymaga nieustannego sprawdzania jego funkcjonalności i poprawiania zaistniałych błędów tak, aby działało poprawnie i odznaczało się najwyższą jakością. Dlatego też branża IT z roku na roku przyjmuje do pracy testerów oprogramowania.
Tomasz Kozon
Tomasz Kozon
2021-09-13

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

HTTP i HTTPS, czyli co zmienia kłódka w adresie strony WWW?

HTTP i HTTPS stanowią integralną część adresu internetowego witryny, czyli URL  (ang. Uniform Resource Locator), który informuje o sposobie przysłania danych pomiędzy klientem (przeglądarką) a serwerem. 
Tomasz Kozon
Tomasz Kozon
2021-07-15

Full stack — co to znaczy? Czym zajmuje się full stack developer?

W przypadku pracy jako programista najczęściej można odnaleźć oferty poszukujące front-end i back-end developerów. Jednak coraz więcej firm poszukuję wszechstronnych specjalistów, którzy mają wiedzę i umiejętności, dzięki którym mogą sami zbudować witrynę lub aplikację. Taką osobą jest full stack developer.
Tomasz Kozon
Tomasz Kozon
2021-07-06

RWD (responsive web design) i tworzenie aplikacji na ekrany o różnych rozdzielczościach

O ile na początku funkcjonowania Internetu cały ruch był obsługiwany przez urządzenia typu deskop, o tyle rosnąca liczba mobilnych odpowiedników zmusiła projektantów witryn do szukania metod na prawidłowe wyświetlanie się zasobów, co ostatecznie umożliwiła technika RWD.
Tomasz Kozon
Tomasz Kozon
2021-07-06

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

QA Engineer (Quality Assurance) — czym się zajmuje i jaka jest jego rola w projektach IT?

Każde nowo powstałe oprogramowanie musi przejść szereg testów, czym zajmują się testerzy manualni i automatyczni. Jednak, aby produkt przeszedł każdy kolejny etap projektowania i rozwoju, aby ostatecznie dotrzeć do klienta, wymaga nieustannej weryfikacji, czy spełnia określone wymagania jakościowe, za co odpowiedzialny jest QA Engineer. 
Tomasz Kozon
Tomasz Kozon
2021-05-10