Full Stack Geek

Za co tak bardzo lubimy biblioteki typu React lub całe frameworki jak Angular? W moim przypadku jest to możliwość tworzenia komponentów, zamykania w nich części logiki a następnie wielokrotne wykorzystywanie ich w aplikacji. Ale czy jest to domena tylko dodatkowych bibliotek? A może da się to zrobić w czystym JavaScriptcie i HTML’u? Okazuje się, że tak. Od jakiegoś czasu możemy tworzyć własne komponenty w przeglądrce przy pomocy Web Components.

Grafika najczęściej się kojarzy z wymogiem bycia artystą, Photoshopem i retuszowaniem zdjęć. To jednak dotyczy grafiki 2D czyli wszelakiego rodzaju plakaty, ilustracje, rysunki czy też witryny internetowe. Mamy też drugi rodzaj grafiki - grafika 3D, którą najczęściej spotykamy w grach komputerowych. Grafikę 3D możemy kojarzyć z Blenderem, ręcznym tworzeniem modeli i potem umieszczaniu na przykład w Unity i dalej w grach. A co jeśli możemy tworzyć trójwymiarowe sceny i umieszczać tam modele bezpośrednio w przeglądarce?

Mając napisaną naszą aplikację w Electronie potrzebujemy ją jeszcze zbudować tak aby można ją było łatwo rozprowadzać wśród użytkowników. Nie możemy w końcu im kazać samemu uruchamiać aplikacji w konsoli ;). Jak to zrobić w prosty sposób, który zadowoli nas oraz naszych użytkowników?

Jak tworzymy aplikację w Electronie to widok i główna część aplikacji są od siebie oddzielone. Jednak czasami możemy potrzebować odwołać się z widoku do głównego wątku aby na przykład wyświetlić powiadomienie lub też powiadomić widok o zdarzeniu, które nastąpiło w głównym wątku. Pytanie jak to zrobić w Electronie?

Większość ludzi kojarzy JavaScript głównie z tworzeniem stron internetowych. Ostatnio pojawia sie też coraz więcej aplikacji backendowych i mikroserwisów napisanych w NodeJs. Ale czy wiecie, że możemy również tworzyć aplikacje desktopowe? Okazuje się, że JavaScript jest językiem w którym da się napisać prawie wszystko. Co więcej możecie korzystać z takiej aplikacji nie wiedząc o tym. Więc jak napisać własną aplikację desktopową?

Wysyłanie maili to chyba jedna z najpopularniejszych opcji w aplikacjach internetowych. Zakładanie konta, zmiana hasła, wysłanie zapytania do pomocy, newslettery - wszystko to odbywa się przy pomocy maili. Jak więc skonfigurować naszą aplikację by była w stanie je wysyłać? Oraz jak testować tą funkcjonalność tak by nie zaśmiecić swojej skrzynki?

Frontend pozwala nam na wyświetlenie danych w uporządkowany i co najważniejsze użyteczny sposób. Jednak podczas powstawania aplikacji ciężko jest zgrać zespoły, które tworzą i wyświetlają te dane. Nie ma problemu jeśli to backend pracuje szybciej i jest do przodu z dostarczaniem danych. Jednak co robić gdy to frontend pracuje szybciej i nie ma danych, które mógłby wyświetlić? Rozwiązanie to mockowanie danych. Jednak jak to zrobić by było to szybkie i nie wymagało zbyt dużej ilości zmian w przyszłości?

WebAssembly z każdym rokiem coraz bardziej się rozwija i pojawia się wiele nowych narzędzi do niego, które wspomagają tworzenie kodu. Stanowi nadzieję, że będziemy w stanie wyodrębnić część funkcjonalności z kodu JavaScript i uruchomić je bezpośrednio w przeglądarce z natywną szybkością. Dzięki temu odchudzimy nasz kod JavaScript, co przełoży się na ogólną wydajność aplikacji. A co jeśli moglibyśmy tworzyć WebAssembly w JavaScripcie?

Wielowątkowość jest obecna w prawie wszystkich językach programowania. W dobrych rękach potrafi działać cuda, przyspieszając program lub przenosząc kosztowne operacje do osobnego wątku tak aby nie obciążać aktualnego. Node.js z każdym rokiem staje się coraz popularniejszy i nic dziwnego, że w końcu i tutaj pojawiła się ta funkcjonalność. Co prawda póki co jest w fazie eksperymentalnej ale już warto się tym zainteresować.

Asynchroniczność to chleb powszedni dla programistów JavaScript. Przez jednych uwielbianych, przez innych nienawidzony ale nie można odmówić mu użyteczności. Oczywiście istnieje kilka sposobów jak można sobie z nią poradzić oraz jeszcze więcej pułapek na które trzeba uważać podczas używania tych rozwiązań. Warto wiedzieć jakie mamy możliwości do wyboru oraz czym się różnią od siebie.