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

Co to jest Google Sites i jak działa?

Google Sites to narzędzie do tworzenia stron internetowych, które jest dostępne bezpłatnie w ramach usługi Google Workspace.
Tomasz Kozon
Tomasz Kozon
2022-01-03

Paradigm Visual: nowoczesne narzędzie do zarządzania projektami

Paradigm Visual to narzędzie do zarządzania projektami, które pozwala na tworzenie interaktywnych wizualizacji danych i wykorzystywanie ich do lepszego zrozumienia oraz prezentacji informacji.
Tomasz Kozon
Tomasz Kozon
2021-12-21

Wprowadzenie do platformy Sylius: co to jest i do czego służy

Jeśli jesteś właścicielem sklepu internetowego lub planujesz otworzyć swój wirtualny biznes, z pewnością zastanawiasz się, jakie narzędzie wybrać do zarządzania swoim sklepem. Platforma Sylius to jedna z opcji, która warta jest rozważenia.
Tomasz Kozon
Tomasz Kozon
2021-12-20

Redmine, skuteczne zarządzanie projektami i zadaniami

Redmine to narzędzie do zarządzania projektami i zadaniami, które cieszy się coraz większą popularnością wśród zespołów projektowych na całym świecie.
Tomasz Kozon
Tomasz Kozon
2021-12-20

Jak działa licencja GPL i dlaczego jest tak ważna?

Licencja GPL, czyli GNU General Public License, to jedna z najpopularniejszych licencji open source, która umożliwia swobodne korzystanie, modyfikowanie i rozpowszechnianie oprogramowania.
Tomasz Kozon
Tomasz Kozon
2021-12-19

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

HTML5 Boilerplate - czym jest oraz do czego jest wykorzystywany?

Kiedy budujesz nową stronę internetową, ważne jest, aby mieć dobry szablon, aby strona prezentowała się atrakcyjnie dla użytkowników.
Tomasz Kozon
Tomasz Kozon
2021-11-17

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