7 backendowych kwestii, które powinieneś się znać, jako front-end deweloper

Gdy dopiero zaczynasz naukę front-endu, nie masz przed oczami pełnego obrazu tego, jak tworzy się aplikacje webowe. Pierwsze projekty, które tworzysz, to najczęściej strony internetowe bez zapisywania danych w bazie (sam HTML, CSS i JS). Takie podejście sprawdza się w przypadku prostych aplikacji, natomiast jeśli strona lub program rozrastają się, dane muszą przechowywane w bazie danych.
Najczęściej część frontendowa i backendowa łączą się ze sobą za pomocą REST API, którego poprawne obsłużenie, wymaga od front-end dewelopera poznania wielu nowych zagadnień. Nie są one trudne, jednak wymagają przerobienia kilku tutoriali.

Im wcześniej je poznasz, tym łatwiej poradzisz sobie nie tylko na rozmowie kwalifikacyjnej, ale także w pracy. Zaczynamy!

Zrozumienie działania REST API
W uproszczeniu - dane między serwerem i przeglądarką są wymieniane w formacie JSON (pierwotnie XML) za pomocą protokołu HTTP. Używa się do tego różnych metod (między innymi GET, POST, PUT i DELETE). Warto stworzyć samemu REST API (także po stronie backendu), na przykład za pomocą świetnego frameworka express.js i obsłużyć nim żądania CRUD, dzięki czemu, znacznie lepiej zrozumiesz tę ideę.

Systemy szablonów
Jeśli pracujesz z takimi CMS jak Wordpress czy Umbraco, albo stylujesz aplikację używającą szablonów Smarty czy Twig, powinieneś zapoznać się z dokumentacją i nabyć biegłości w tworzeniu szablonów. Na podobnych zasadach opiera się działanie szablonów w Angularze czy Mustache oraz Handlebars, dlatego nabyta wiedza będzie procentowała.

Typowanie danych
Backend aplikacji może być pisany w języku o silnym typowaniu, takim, jak C# czy Java, typy danych wykorzystywane są też w bazach danych (na przykład MySQL) i jest to obsługiwane inaczej, niż w JS. Różnice między typami są ważne także w JS (szczególnie, gdy typy są konwertowane).

Developer Tools
Podczas pracy z backendem, będziesz pracował z zakładką Sieć, a czasem także Aplikacja. Jeśli do tej pory do nich nie zaglądałeś, najwyższy czas, by zapoznać się z ich możliwościami.

Postman, Curl i inne narzędzia do testowania REST API
Dzięki tym narzędziom, możesz znacznie szybciej wywoływać zapytania HTTP, bez konieczności klikania w odpowiednie opcje na stronie.

Bezpieczeństwo danych
Źle zabezpieczone formularze na stronie, mogą stać się poważną dziurą bezpieczeństwa. Podobnych luk bezpieczeństwa, jest znacznie więcej. Warto zaglądać na takie strony, jak Niebezpiecznik czy Zaufana Trzecia Strona, by nie popełniać błędów związanych z niepoprawnym zabezpieczeniem warstwy front-endowej aplikacji.

Format JSON

Niby prosta rzecz, a jednak początkujące osoby często mają problem z napisaniem prawidłowej struktury JSON “z palca”. Polecany tutorial - https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/JSON oraz tutki ze strony W3schools.