6 Rzeczy Na Które Zwróciłbym Uwagę, Gdybym Uczył Się Frontendu Od Nowa

11 marca 2022Frontend
5 min759 wyświetleń

Po 3 latach pracy jako Frontend Developer widzę, jak wiele błędów popełniałem na samym początku mojej kariery zawodowej...

Zmarnowałem wiele czasu na naukę obecnie już przestarzałych technologii, zupełnie nie wiedziałem, od czego zacząć i jak efektywnie się uczyć.

Czasem zastanawiam się, jak daleko byłbym dzisiaj, gdybym tylko miał lepszy start.

W tym artykule przedstawię Ci 6 rzeczy, które chciałbym usłyszeć właśnie w tamtym momencie - gdy zaczynałem się uczyć.

Mam nadzieję, że pozwoli Ci to szybciej nauczyć się Frontendu, oraz znaleźć swoją pierwszą pracę w tym zawodzie.

1. Opanuj Vanilla Javascript

Nauka czystego Vanilla Javascript, to moim zdaniem najlepsza rada, jaką możesz usłyszeć.

Vanilla Javascript pozwoli Ci znacznie szybciej uczyć się nowych frameworków, czy bibliotek.

Co więcej, dzięki niemu będziesz pisał kod lepszej jakości, a zadania rekrutacyjne nie będą stanowić dla Ciebie żadnego problemu.

To podstawowy i istotny błąd początkujących Frontend Developerów - zaraz po opanowaniu podstaw Javascript uczą się frameworków.

Daj sobie czas, zrozum zagadnienia z ES6 (promises, scope, arrow functions), a nauka frameworka będzie czystą przyjemnością, a nie katorgą.

Ten wątek szerzej opisałem w tym artykule.

2. Rób projekty ... dużo projektów

Na początku mojej nauki popełniłem kolejny ogromny błąd - oglądałem masę tutoriali, kursów bez jednoczesnego kodowania.

Na tamten moment myślałem, że "przecież będę pamiętał". Otóż nie - to tak nie działa, zaufaj mi.

Po obejrzeniu X kursów, gdy usiadłem do swojego pierwszego projektu, nie wiedziałem jak zacząć i co pisać. Zupełnie jakbym miał pustkę w głowie - bo tak naprawdę ją miałem.

Kończyło się to oglądaniem kursów na nowo, ale tym razem pisałem równocześnie kod i starałem się go zrozumieć.

Co więcej, pisanie projektów i tworzenie portfolio na Githubie pomoże Ci znacznie szybciej i łatwiej znaleźć pracę. Oprócz CV będziesz miał dowód swoich umiejętności w postaci kodu.

3. Ogranicz się tylko do jednego frameworka

Na początku ścieżki zawodowej zawsze pojawia się dylemat, który framework wybrać. W mojej głowie było to niczym wybranie jednej ścieżki, której już nigdy nie będę mógł zmienić.

Co jak się później okazało - wcale tak nie jest. Spokojnie będziesz mógł go zmienić w przyszłości i to wielokrotnie.

Sam popełniłem spory błąd zaraz na starcie - zacząłem uczyć się React.js i Angulara jednocześnie, czego efektem było to, że nie nauczyłem się żadnego z nich.

Na początku skup się tylko na jednym frameworku. Naucz się, czym są komponenty, jak mądrze budować aplikację, a reszta przyjdzie sama.

Gdybym miał zaczynać od nowa z pewnością wybrałbym Reacta. Ma niski próg wejścia i jest obecnie najbardziej popularny.

4. Ćwicz zadania rekrutacyjne

Rozmowy rekrutacyjne, to zupełnie inna bajka. Zadania, które podczas nich będziesz musiał zrobić, często odbiegają od tego, co widzimy na co dzień.

Mają one sprawdzić nasze umiejętności rozwiązywania problemów i znajomości zagadnień takich jak na przykład scope.

Wiele z nich jest powtarzalnych, bądź skupia się na tym samym problemie.

Póki nie zdobędziesz doświadczenia w swojej pierwszej pracy, ćwicz zadania rekrutacyjne na potęgę. Pomoże Ci to pokonać konkurencję i szybciej zdobyć pracę.

5. Korzystaj z DevTools'ów

DevTools to narzędzie, bez którego nie wyobrażam sobie pracy jako Frontend Developer.

Są to narzędzia dla developerów, które możesz otworzyć w Google Chrome, klikając prawy przycisk myszki i "Zbadaj".

Najczęściej korzystam oczywiście z konsoli, która wyświetla komunikaty o błędzie.

Drugim narzędziem jest manipulacja DOMem oraz dodawanie styli do elementów. Często tworzę strukturę HTML, a następnie w DevToolsach dodaję style, aby szybko sprawdzić, czy coś działa.

6. Nie kopiuj - zrozum

Podczas swojej codziennej pracy jako developer często szukając rozwiązania problemu dość "mocno" inspirujemy się kodem znalezionym w internecie.

Nie raz, nie dwa kopiowałem kod ze StackOverflow i to nie jest żadna tajemnica, robimy to wszyscy niezależnie od tego, czy jesteśmy Juniorami, czy Seniorami.

Oczywiście nie mam nic przeciwko, jednak największym błędem (który sam również popełniałem), było bezmyślne kopiowanie kodu:

Wpisujesz problem w Google, klikasz w pierwszy link na StackOverflow, kopiujesz - działa? Działa. Lecimy dalej.

Lepiej tak nie robić 😅

Bardzo ważne, szczególnie na początku drogi jako Frontend Developer jest poświęcenie czasu na to, aby zrozumieć, dlaczego ten kod działa.

Poczytaj komentarze, znajdź inne rozwiązania i spróbuj się nimi pobawić.

Bonus:

Poniżej znajdziesz rady od moich czytelników:

  • "Nie rób z programowania nie wiadomo czego"
  • "Naucz się podstaw, znajdź pracę i ucz się od doświadczonych programistów"

Podsumowanie

Mam nadzieję, że powyższe rady okażą się pomocne. Wierzę, że pomogą Ci znaleźć Twoją pierwszą pracę.

Jeśli chcesz dowiedzieć się, jakich technologii warto się nauczyć przygotowałem Roadmapę dla Frontend Developerów, dzięki której poznasz kompletną ścieżkę nauczania - od samego początku, aż do końca. Sprawdź sam!

Przeczytaj także inne artykuły

Czym Jest i Kiedy Warto Używać :empty w CSS?

:empty w CSS to pseudoklasa, która pozwala stylować puste elementy. Zadziała ona tylko wtedy, gdy wewnątrz elementu nie znajduje się żaden tekst, ani żaden inny element. Świetnia sprawdza się podczas obsługi błędów, takich jak walidacja, czy pustych stanów aplikacji. Sprawdź sam co może zdziałać!

25 lutego 2022Styling
2 min145 wyświetleń

Core Web Vitals - Co To Jest i Jaki Ma Wpływ na SEO?

Core Web Vitals to zbiór metryk stworzonych przez Google w 2020 roku. Określają jakość strony zwracając uwagę na jak najlepsze doświadczenia użytkownika. Core Web Vitals mają znaczący wpływ na pozycjonowanie strony, jak i na Bounce Rate.

13 maja 2022Frontend
6 min123 wyświetleń