Podstawowe umiejętności dla Master dla czołowych programistów

Oferty pracy różnią się w zależności od tego, czego szukają w programistach front-end. Niektóre firmy chcą, aby wnioskodawcy znali takie rzeczy, jak Ruby, Git, narzędzia do projektowania, edycja wideo - i lista jest długa.

Istnieje jednak kilka umiejętności, których wymaga każda praca rozwojowa na froncie - „podstawowe” umiejętności i kilka innych, które powinieneś poważnie rozważyć dodając do swojego repertuaru.

Co musisz wiedzieć

Przeglądaj oferty pracy online w poszukiwaniu tego, co jest kluczowe dla deweloperów front-end, aby wiedzieć i rozumieć; są trzy kluczowe rzeczy. Nie podlega negocjacjom.

I oni są:

1. HTML
2. CSS
3. JavaScript (jQuery)

To są podstawy. Na szczęście istnieje wiele darmowych lub niedrogich platform do nauki online, w których możesz nauczyć się tych umiejętności, jeśli jeszcze ich nie znasz.

HTML

HyperText Markup Language (HTML) jest kluczowym elementem strukturalnym wszystkich witryn w Internecie. Jak mówi Jennifer Kyrnin,

„To język stron internetowych - język znaczników czytany przez przeglądarki w celu renderowania stron internetowych”.

Strony internetowe nie mogą istnieć bez HTML.

CSS

CSS i HTML działają razem: CSS dodaje styl do HTML. Lubię używać analogii, że HTML jest jak twarz, a CSS jest jak makijaż.

Chociaż CSS nie jest potrzebny, aby uzyskać dostęp do strony internetowej, w zasadzie każda strona internetowa korzysta z pewnego rodzaju stylizacji.

W przeciwnym razie byłoby to dość nudne. Dzięki najnowszym wersjom CSS możesz robić takie rzeczy, jak animacje i bardziej zaawansowana stylizacja, która w przeszłości była możliwa tylko w JavaScript lub Flash.

JavaScript

JavaScript lub JS rozwijały się szybko przez lata. Obecnie ma wiele celów i może być używany z przodu lub z tyłu.

W odniesieniu do rozwoju frontonu JS jest ważny, ponieważ pomaga w interaktywnym tworzeniu stron internetowych. Możesz robić niesamowite rzeczy, takie jak tworzenie ankiet, quizów lub wysyłanie formularzy. Obecnie istnieje wiele bibliotek JS online, które pomogą Ci przenieść strony internetowe na wyższy poziom.

Aby jednak zostać programistą front-end, musisz zrozumieć podstawowy JavaScript, a także najpopularniejszą bibliotekę JS - jQuery.

Dobre umiejętności

Po opanowaniu podstaw są to inne umiejętności, które miło mieć. (Wiele z nich zajmuje się programowaniem front-end).

MV * JavaScript Frameworks

Struktury JavaScript pomagają organizować i zagęszczać kod.

Jeśli chodzi o opcje MV * (lub MVC), jest ich trzydzieści: dwie z najpopularniejszych to backbone.js i angular.js.

Bez wątpienia nauka struktury JS jest najtrudniejszą częścią zostania prawdziwym programistą, ale jest to najlepszy sposób, aby przenieść swoje umiejętności na wyższy poziom.

Narzędzia CSS

W porównaniu do powyższych struktur JavaScript poniżej, narzędzia CSS poniżej są stosunkowo łatwe do opanowania. Istnieją trzy rodzaje wyszukiwania:

• Prekompilatory: Korzystanie z prekompilatora (lub preprocesora) ma wiele zalet, od czyszczenia kodu po utrzymanie organizacji. Jest to łatwy sposób na napisanie CSS i promowanie zasad DRY (Nie powtarzaj siebie). Popularne prekompilatory CSS to Sass, Less i Stylus. Jeśli dopiero zaczynasz, trzymaj się nauki.
• Ramy CSS: Ramy CSS pomagają zoptymalizować przepływ pracy dzięki wbudowanym siatkom i innym komponentom CSS. Dwa popularne przykłady to Bootstrap i Foundation.
• Elastyczny projekt: W dzisiejszych czasach istnieje wiele różnych rodzajów urządzeń, które Twoja strona powinna przystosować do wszystkich. Elastyczne projektowanie pomaga budować witryny, które działają na wszystkich rozmiarach ekranu - komputer stacjonarny, tablet i smartfon. Ramy takie jak Bootstrap i Foundation mają wbudowany responsywny projekt, więc jeśli nauczysz się jednego z nich, ustawisz.

Narzędzia do tworzenia frontonu

Jako programista powinieneś być w stanie zarządzać optymalizacją rozmiaru pliku i wydajnością przepływu pracy. Te narzędzia mogą pomóc.

• Zarządzanie pakietami: Zorganizowanie wszystkich bibliotek, zasobów itd. Może być trudne, zwłaszcza dla dużych projektów lub tych, w których pracujesz z zespołem. Użyj menedżera pakietów, takiego jak Bower, aby wszystko uporządkować i zachować dziennik swoich aktualizacji.
• Yeoman.io: Jeśli czasami masz problemy z realizacją projektów, użyj Yeoman, aby szybko rozpocząć pracę z projektami i pozostać produktywnym. Działa w linii poleceń.
• Uczestnicy zadania: Użyj Grunt lub Gulp, które działają również w linii poleceń, aby skompresować pliki i zoptymalizować przepływ pracy. Mogą działać jako kompilatory dla preprocesorów Sass lub Less, a także mają szeroką gamę wtyczek oferujących inne funkcje.

Wniosek

Podczas gdy miłe dla użytkownika może wydawać się dużo, pomyśl o nich jako o umiejętnościach, które powinieneś dodawać z czasem. Najważniejsze rzeczy, które musisz wiedzieć to HTML, CSS i JavaScript.

Jeśli masz inne umiejętności internetowe, nawet jeśli nie są związane z front-endem, przenieś je na stół, np. Projekt, edycja wideo, SEO itp.