Nie ma wątpliwości, że front-end development będzie jedną z najgorętszych dziedzin technologii w 2021 roku.
Wcześniej deweloperom pracującym w środowisku front-end wystarczyła znajomość HTML, CSS i być może jQuery do tworzenia interaktywnych witryn internetowych, ale dziś mają do czynienia z szerokim i stale zmieniającym się ekosystemem umiejętności do rozwijania; narzędzia, biblioteki i frameworki do opanowania, a także potrzeba ciągłego inwestowania w edukację osobistą.
Ostatnie kilka lat przyniosło nam niesamowite nowe biblioteki i frameworki, takie jak ReactJS, VueJS i Svelte, wykorzystujące JavaScript do zasilania głównych aplikacji internetowych.
Druga część artykułu ma na celu udzielenie jeszcze więcej wskazówek na temat tego, na czym powinieneś się skupić w 2020 roku jako programista front-end, aby podnieść swój poziom, niezależnie od tego, czy dopiero zaczynasz programować, czy masz już pewne doświadczenie.
1. Edytory kodu / IDE
Podobnie jak w 2020 r., Microsoft VS Code będzie edytorem numer jeden dla większości inżynierów front-end w 2021 r.
Oferuje prawie takie same funkcje jak IDE, np. tj.: uzupełnianie kodu i podświetlanie, można go także rozszerzać prawie w nieskończoność za pośrednictwem rozbudowy rynku.
W szczególności to właśnie rynek sprawia, że VS Code jest tak niesamowity. Oto kilka świetnych rozszerzeń dla Ciebie jako programisty front-end:
- Fragmenty kodu JavaScript (ES6)
- npm
- Prettier
- CSS Peek
- Vetur
- ESLint
- Live Sass Compiler
- Debugger dla Chrome
- Live Server
- Beautify
To całkiem fajne przykłady. W VS Code jest znacznie więcej do odkrycia, więc zachęcam do wypróbowania go, jeśli jeszcze go nie używasz.
2. Testowanie
Żaden nieprzetestowany kod nie powinien trafić do produkcji.
Chociaż może wydawać się wygodne, że nie masz żadnych testów w swoich osobistych projektach, ich posiadanie jest obowiązkowe podczas pracy w środowiskach komercyjnych i korporacyjnych. Dlatego lepiej dla każdego programisty zintegrować testy z przepływem pracy programistycznej, gdy tylko jest to możliwe.
Można rozróżnić przypadki testowe, takie jak:
Testy jednostkowe
Testowanie pojedynczego komponentu lub funkcji w izolacji.
Testy integracyjne
Testowanie interakcji między komponentami.
Testy end-to-end
Testowanie pełnych przepływów użytkowników w przeglądarce.
Istnieje więcej sposobów testowania, takich jak testowanie ręczne, testowanie snapshot itp. Jeśli chcesz przejść na stanowisko starszego programisty lub dążyć do pracy w dużej korporacji, która ma pewne standardy programistyczne, powinieneś spróbować popracować nad swoimi umiejętnościami testowymi.
3. Czysty kod
Zdolność pisania czystego kodu to wielka umiejętność i jest bardzo pożądana przez wiele organizacji. Jeśli chcesz awansować ze stanowiska programisty na stanowisko starszego programisty, naprawdę powinieneś nauczyć się koncepcji czystego kodu.
Czysty kod powinien być elegancki i przyjemny w czytaniu. Powinien być skoncentrowany i powinieneś się tym zająć. Wszystkie testy są uruchamiane w czystym kodzie. Nie powinny zawierać duplikatów, a użycie jednostek, takich jak klasy, metody i funkcje, powinno być zminimalizowane.
Oto kilka rzeczy, które programista czystego kodu powinien zrobić:
- Twórz znaczące nazwy dla zmiennych, klas, metod i funkcji
- Funkcje powinny być małe i mieć jak najmniej argumentów
- Komentarze nie powinny być w ogóle wymagane – kod powinien mówić sam za siebie
Jeśli chcesz dowiedzieć się więcej o czystym kodowaniu, sprawdź książki i posty Roberta C. Martina.
4. Git
Git jest obecnie bez wątpienia standardem do kontroli wersji w tworzeniu stron internetowych. Dla każdego inżyniera front-end bardzo ważne jest, aby znać podstawowe pojęcia i przepływy pracy Git, aby efektywnie pracować w zespołach różnej wielkości.
Oto kilka popularnych poleceń Git, które powinieneś znać:
- git config
- git init
- git clone
- git status
- git add
- git commit
- git push
- git pull
- git branch
Chociaż zawsze dobrze jest znać te polecenia, aby zwiększyć produktywność, inżynierowie front-endu powinni również poznać podstawowe pojęcia związane z Git. Oto kilka ciekawych zasobów dla Ciebie:
„Explaining the Basic Concepts of Git and How to Use GitHub”
„How To Use GitHub – Developers Collaboration using GitHub”
5. Umiejętności miękkie
Często pomijane, ale naprawdę ważne dla programistów jest nabycie umiejętności miękkich.
Chociaż pomaga to zrozumieć techniczną stronę rzeczy, równie ważne jest, aby wiedzieć, jak komunikować się w zespole. Jeśli poważnie myślisz o karierze w technologii i / lub planujesz przenieść się na wyższe stanowisko, powinieneś popracować nad następującymi umiejętnościami miękkimi:
- Empatia
- Komunikacja
- Praca zespołowa
- Dostępność i przydatność
- Cierpliwość
- Otwartość umysłu
- Rozwiązywanie problemów
- Odpowiedzialność
- Kreatywność
- Zarządzanie czasem
Zawsze pamiętaj: najważniejszym produktem dla starszego programisty są starsi programiści.
Wniosek
W tym artykule (część I i II) pokazałem 10 ważnych rzeczy, których deweloperzy front-end powinni nauczyć się, ulepszyć lub opanować w 2021 roku.
Ta lista nie jest kompletna, ale mam nadzieję, że da Ci inspirację na następny rok – wybór należy do Ciebie!
Artykuł został pierwotnie opublikowany The Smart Coder.
Simon Holdorf – Jestem programistą Full Stack (JavaScript-Stack), odnoszącym sukcesy pisarzem / blogerem, seryjnym przedsiębiorcą i liderem nastawionym na klienta. Zacząłem programować w wieku 14 lat w języku BASIC na MS-DOS, przeszedłem do Turbo Pascala i Delphi, a później do C ++ i Javy. Teraz jestem doświadczonym programistą czującym się jak w domu zarówno po stronie serwera, jak i po stronie klienta. Mam dogłębną wiedzę o JavaScript, HTML i CSS, ale także o frameworkach i bibliotekach, takich jak Node.js, React czy Vue. Jestem zwolennikiem czystego i wysokiej jakości kodu.