Frontend Developer odpowiada za wszystkie elementy, kt贸re s膮 widoczne dla u偶ytkownika po otwarciu strony internetowej. Dobry programista musi zna膰 j臋zyki HTML, CSS i JavaScript oraz 艣ci艣le wsp贸艂pracowa膰 z Beckendem. Jakie narz臋dzia w 2021 roku usprawni膮 prac臋 frontedowc贸w?
Sublime Text
Ka偶dy programista korzysta z edytora tekst贸w, a ich szeroki wyb贸r pozwala na dokonanie najlepszego dla siebie wyboru. Warto jednak zainteresowa膰 si臋 edytorem Sublime Text, napisanym w j臋zyku C++ oraz Python. Tw贸rcy programu uwzgl臋dnili mo偶liwo艣膰 korzystania ze skr贸t贸w klawiszowych, dzi臋ki czemu programista nie musi odrywa膰 d艂oni od klawiatury i traci膰 czasu na korzystanie z myszy. Dodatkowym u艂atwieniem jest tak偶e mo偶liwo艣膰 przegl膮dania na ekranie czterech plik贸w jednocze艣nie. Plusem jest tak偶e opcja do艂膮czenia takich dodatk贸w jak Emmet, kt贸ry jest przeznaczony do ekspresowego tworzenia kod贸w HTML b膮d藕 CSS.
jQuery
jQuery to rozbudowana biblioteka JavaScript, dostarczaj膮ca Frontend Developerowi najcz臋艣ciej wykorzystywane funkcje w skryptach JavaScript. Takie rozwi膮zanie nie tylko u艂atwia i zwi臋ksza efektywno艣膰 pracy programisty, ale tak偶e wp艂ywa pozytywnie na kompatybilno艣膰 kodu wzgl臋dem przegl膮darek. Biblioteka cieszy si臋 obecnie ogromn膮 popularno艣ci膮, co zaowocowa艂o powstaniem licznych dodatk贸w - wtyczek jQuery do stron internetowych.
GitHub
GitHub to hostingowy serwis internetowy, bazuj膮cy na systemie kontroli wersji Git. Pozwala on programistom na szereg dzia艂a艅 maj膮cych na celu zabezpieczenie przygotowywanego projektu. Mo偶liwe jest zapisywanie zmian w tworzonym kodzie, powr贸t do wcze艣niejszej wersji projektu, naprawa pope艂nionego b艂臋du czy przywr贸cenie utraconych zmian. GitHub sprawdza si臋 艣wietnie zar贸wno w przypadku pracy zespo艂owej, jak i samodzielnej dzia艂alno艣ci frontendowca. Nawyk korzystania z kontroli wersji zapobiegnie utracie efekt贸w wielogodzinnej pracy.
Pikwizard
Biblioteka Pikwizard posiada w swoich zasobach ponad milion zdj臋膰 i film贸w przeznaczonych do u偶ytku komercyjnego i wolnych od tantiem. Poza mo偶liwo艣ci膮 bezp艂atnego wykorzystania fotografii, strona oferuje tak偶e opcj臋 dokonywania niewielkich edycji, polegaj膮cych np. na dodaniu warstwy tekstowej do zdj臋cia. Narz臋dzie wyst臋puje w podstawowej wersji bezp艂atnej oraz rozszerzonej wersji premium.
Wappalyzer聽
Wappalyzer jest rozszerzeniem do przegl膮darek Google Chrome oraz Mozilla Firefox. Pozwala ono na weryfikacj臋 technologii, z kt贸rych korzystaj膮 poszczeg贸lne witryny internetowe. Je艣li zatem rozwi膮zanie zastosowane na danej stronie www spodoba si臋 programi艣cie, to dzi臋ki Wappalyzer mo偶e zidentyfikowa膰 spos贸b jej funkcjonowania i podobne zasady wprowadzi膰 do swojego projektu. To tak偶e 艣wietne narz臋dzie do badania konkurencji.
Font awesome
Font awesome to ogromna biblioteka ikon, stworzona z my艣l膮 o pracy frontendowc贸w. Ikony traktowane s膮 jak czcionka, dzi臋ki czemu bardzo dobrze si臋 skaluj膮 nawet do du偶ych rozmiar贸w. Korzystanie z bazy ikon znacznie usprawnia prac臋 programisty, kt贸ry nie musi martwi膰 si臋 ju偶 konieczno艣ci膮 tworzenia od zera nowych ikon. Dost臋pne ikony mo偶na jednak modyfikowa膰, aby dopasowa膰 je do w艂asnych potrzeb. Biblioteka jest dost臋pna tak偶e w wersji premium, kt贸ra oferuje szersz膮 baz臋 ikon.
W3C Markup Validation Service聽
Walidator udost臋pniony przez W3C jest darmow膮 us艂ug膮, pozwalaj膮c膮 na szybkie znalezienie b艂臋d贸w w kodzie HTML. Frontendowiec ma mo偶liwo艣膰 szybkiej weryfikacji poprawno艣ci sk艂adni dokumentu, co jest szczeg贸lnie wa偶ne podczas budowy nowej strony. Brak walidacji mo偶e skutkowa膰 powa偶nymi b艂臋dami w funkcjonowaniu witryny, dlatego lepiej nie pomija膰 tego etapu i skorzysta膰 z og贸lnodost臋pnego adresu https://validator.w3.org/.
Can I use?
Ka偶dy frontendowiec pracuj膮cy nad swoim projektem chcia艂by, aby wersja ko艅cowa by艂a dost臋pna dla jak najwi臋kszej liczby u偶ytkownik贸w. Dzi臋ki Can I use mo偶liwe jest sprawdzenie, czy wszystkie elementy zapisanego kodu s膮 odczytywane w danej przegl膮darce. Programista unika w ten spos贸b sytuacji, kiedy korzystanie z jego witryny wi膮za艂oby si臋 z konieczno艣ci膮 uruchomienia konkretnej przegl膮darki.
W poszukiwaniu pracy jako frontend developer zapraszam do naszej wyszukiwarki: Praca Frontend
