Narzędzia JavaScript Full-Stack Web Developera: Narzędzia wspomagające

0:00W tej lekcji pokażę Ci kilka dodatkowych aplikacji, które bardzo pomagają mi w

0:04codziennej pracy, a jednocześnie nie są bezpośrednio związane z programowaniem.

0:09Pierwszą z nich jest Superhuman.

0:10Jest to klient poczty dla Gmaila oraz

0:13Outlooka, w przypadku którego jego interfejs jest niezwykle zoptymalizowany

0:17pod kątem ogólnej wydajności i efektywności w obsłudze poczty.

0:20Tutaj jednak od razu trzeba zaznaczyć, że

0:23jego bardzo wysoka cena abonamentu sprawia, że warto odpowiedzieć sobie na

0:27pytanie, czy faktycznie chcemy optymalizować ten proces.

0:30Co ciekawe, w moim przypadku z większości funkcji, które oferuje Superhuman

0:33w ogóle nie korzystam i w dodatku bardzo rzadko zdarza mi się pisać maile.

0:37Nie oznacza to też, że tego nie robię

0:39wcale i że nie korzystam z maila, ponieważ robię to każdego dnia

0:43i właśnie z tego powodu zdecydowałem się na to, aby sięgnąć po aplikację

0:46Superhuman. Jeżeli chodzi o nią samą, to jak widzisz

0:49charakteryzuje się niesamowicie minimalistycznym interfejsem.

0:53W dodatku mamy od razu wsparcie dla

0:55skrótów klawiszowych, które umożliwiają np.

0:57szybkie tworzenie wiadomości, odpisywanie, przekazywanie czy np.

1:01nawigację tak jak teraz po skrzynce odbiorczej.

1:03Mało tego, jak na solidną aplikację

1:05przystało, mamy tutaj również paletę komend, z pomocą której możemy szybko

1:09wykonywać różne polecenia i korzystać z wbudowanych w Superhuman opcji.

1:13Jest to bez wątpienia opcja, której

1:14brakuje w przypadku Gmaila i która robi tą ogromną różnicę.

1:18Poza tym niezwykle użyteczną opcją jest tzw.

1:21Split Inbox, czyli zasadniczo możliwość

1:23podziału naszej skrzynki odbiorczej na podskrzynki, do których to będą trafiać wyłącznie

1:29takie wiadomości, które pasują do wybranych filtrów.

1:32Oczywiście chociażby w przypadku Gmaila mamy do dyspozycji etykiety i teoretycznie

1:36spełniają one dokładnie takie samo zadanie.

1:38Jednocześnie muszę tutaj przyznać, że korzystanie ze skrzynki odbiorczej właśnie

1:42w taki sposób jest po prostu nieporównywalnie bardziej

1:45satysfakcjonujące niż robienie tego samego w przypadku Gmaila.

1:49No ale teraz tak jak powiedziałem, może

1:50się zdarzyć tak, że po prostu nie będziesz mieć uzasadnienia do tego, aby wydawać

1:54ponad 100 złotych miesięcznie abonamentu na klienta poczty.

1:58Z tego powodu chciałbym tylko zaznaczyć,

1:59że w przypadku Gmaila również możliwe jest poukrywanie i powyłączanie większości paneli i

2:04też tym samym doprowadzenie go do sytuacji, w której wygląda dość

2:08minimalistycznie, a jednocześnie też ma wsparcie dla skrótów klawiszowych.

2:12Przy czym jest to opcja, którą musimy aktywować w ustawieniach naszego konta.

2:16Po prostu w takim przypadku trzeba w

2:18zakładce General aktywować funkcję Keyboard shortcuts.

2:21Poza tym w zakładce Filters istnieje tutaj

2:23możliwość dodawania własnych filtrów, do których np.

2:26automatycznie możemy przypisywać etykiety, bądź też w jakiś inny sposób kontrolować

2:31to, co się dzieje z wiadomościami, które pasują do wybranego filtra.

2:35Tak czy inaczej, bez wątpienia pierwszą

2:36aplikacją, którą jestem w stanie Ci tutaj polecić jest Superhuman.

2:40Jednocześnie jego ogólny styl oraz interfejs został wykorzystany również w

2:44przypadku aplikacji obsługującej kalendarz.

2:47Mowa o aplikacji Cron, którą również niesamowicie Ci polecam.

2:51Aczkolwiek w momencie nagrywania tego

2:52materiału jest dostępna wyłącznie po zapisaniu się na listę oczekujących.

2:57Oznacza to, że nawet jeżeli zostawisz tutaj adres email, to niewykluczone, że

3:01przyjdzie Ci czekać na tę aplikację przynajmniej kilka dni lub nawet tygodni.

3:05Jednocześnie jeżeli tylko rzucisz na nią

3:07okiem, to zobaczysz, że faktycznie nawiązuje ona swoim stylem do Superhuman,

3:12w związku z czym połączenie tych dwóch aplikacji dać jej niesamowite możliwości w

3:16kontekście zorganizowania swojego czasu właśnie w ramach kalendarza oraz poczty.

3:20Ja osobiście korzystam z jednego i

3:22drugiego narzędzia, aczkolwiek muszę tutaj przyznać się analogicznie jak w przypadku

3:26maila, zdarzeń w moich kalendarzu jest naprawdę mało.

3:29Pomimo tego pracuję z Cronem i również jak w przypadku Superhuman

3:33doceniam tutaj obecność skrótów klawiszowych oraz palety poleceń.

3:37Poza tym myślę, że jeżeli chodzi o sam

3:39kalendarz oraz pocztę, nie potrzebujesz tutaj z mojej strony dodatkowych

3:42instrukcji, więc po prostu pójdziemy dalej.

3:45Mianowicie kolejnym niesamowicie ważnym

3:47elementem pracy jest bez wątpienia przeglądarka.

3:50I tutaj w moim przypadku ponownie korzystam z narzędzia, które nie jest

3:53jeszcze powszechnie dostępne i jest dostępne po zapisaniu się na Whitelist.

3:57Co prawda tutaj analogicznie trzeba wypełnić formularz i poczekać przynajmniej

4:01kilka dni lub tygodni na to, aby uzyskać dostęp.

4:05Jednocześnie muszę tutaj podkreślić, że faktycznie warto to zrobić ze względu na

4:09to, że przeglądarka ARC od The Browser Company została przygotowana w sposób genialny.

4:14Przede wszystkim ponownie mamy tutaj

4:16paletę poleceń, która umożliwia nam łatwy dostęp do wszystkich funkcji przeglądarki.

4:21Jednocześnie po raz kolejny ten element współdzielony jest we wszystkich

4:24omawianych przeze mnie wcześniej aplikacjach.

4:27No i oczywiście też jest dostępny w przypadku IDE.

4:30Niezależnie od tego, czy korzystasz z Visual Studio Code, czy też IntelliJ

4:34lub też niemal praktycznie dowolnego innego IDE.

4:37Oznacza to, że po raz kolejny mamy tutaj

4:39narzędzia, które współdzielą między sobą różnego rodzaju funkcje

4:42i tak jak w tym przypadku mamy ponowny przykład minimalizmu

4:46tak też jednocześnie mamy tą wspomnianą paletę poleceń, wsparcie dla skrótów

4:50klawiszowych i generalnie bardzo dobrze zaprojektowany interfejs, który pozytywnie

4:55wpływa na ogólne doświadczenia korzystania z tych narzędzi

4:58i też jednocześnie wspiera naszą

4:59efektywność. Jeżeli chodzi o tą przeglądarkę

5:02ponownie nie będziemy się tutaj zbytnio na niej skupiać, ale chciałbym tylko

5:06podkreślić niektóre elementy takich jak np.

5:08możliwość dodania do ulubionych niektórych

5:10zakładek, które będą wyświetlały się tutaj w tej sekcji za każdym razem lub też

5:15możliwość dodania ulubionych stron, które będą wyświetlały się w ramach Workspace.

5:19Jak widzisz, gestem jestem w stanie tutaj przełączać się pomiędzy Workspace, które są

5:23dostosowane do aktualnie realizowanych przeze mnie projektów.

5:27Co prawda na ten moment współdzielone

5:29ciasteczka i to oznacza, że nie mogę zalogować się np.

5:32na różne konta Gmail jednocześnie, aczkolwiek oczywiście tutaj mogę korzystać

5:36z opcji przełączania się pomiędzy kontami w ramach konta Gmail

5:39aczkolwiek oczywiście w przypadku, gdy

5:41mówię o ciasteczkach, nie o to mi tutaj chodzi.

5:43Ostatecznie taki sposób organizacji kart właśnie w ramach projektów sprawdza się u

5:48mnie genialnie i zdecydowanie lepiej niż różnego rodzaju zakładki i techniki oraz

5:53rozszerzenia, które wykorzystywałem wcześniej w przypadku Chroma bądź Brave.

5:57I tutaj ostatnim elementem, o którym zdecydowanie warto wspomnieć jest tzw.

6:01Little Ark. Jest to jak widać takie pływające okienko

6:04przeglądarki, w przypadku którego możemy szybko wyświetlić jakiś link.

6:08W tym akurat momencie wykorzystałem gest wykonany na moim trackpadzie do tego, aby

6:12przywołać panel Notion, w przypadku którego jak widzisz mam tutaj wszystkie

6:16najważniejsze w danej chwili informacje, które mogą mnie zainteresować.

6:20Jednocześnie w ten sposób przeszliśmy do jeszcze jednego narzędzia, o którym muszę

6:24wspomnieć i które prawdopodobnie przynajmniej kojarzysz.

6:28Tym narzędziem jest Notion, które

6:30jak widać umożliwia zorganizowanie różnego

6:32rodzaju informacji praktycznie w dowolny sposób.

6:34W moim przypadku opracowałem sobie dashboard, który dodatkowo zintegrowałem z

6:39różnymi zewnętrznymi usługami takimi jak np.

6:41Stripe, moja aplikacja do zadań czy też mój kalendarz, a raczej kalendarze.

6:46W rezultacie zamiast uruchamiać te wszystkie panele i aplikacje, jestem w

6:50stanie po prostu wykonać prosty gest na trackpadzie, aby wywołać prosty panel, w

6:55przypadku którego znajdują się aktualne informacje, na których mogę pracować.

6:59I właśnie z tego powodu zachęcam Cię do tego, aby sięgnąć po Notion.

7:02Po pierwsze jest to genialna aplikacja sama w sobie, a po drugie posiada API, co

7:07w połączeniu z Twoimi umiejętnościami oraz wszystkimi omawianymi do tej pory przeze

7:11mnie narzędziami pozwoli Ci naprawdę przenieść swoją pracę na kolejny poziom i

7:15dostosować wszystko bardzo indywidualnie do Twoich potrzeb.

7:19Oczywiście ponownie nie będziemy się w tym

7:21momencie skupiać na samej obsłudze tego narzędzia, ponieważ nie wydaje mi się, że

7:25też jest to miejsce i czas na to, aby to robić

7:28a już w szczególności biorąc pod uwagę możliwości jakie oferuje Notion.

7:32Zatem tym samym proponuję, abyśmy przeszli do ostatniej wspomagającej aplikacji, bez

7:37której osobiście nie wyobrażam już sobie efektywnej pracy

7:40i jest nią oczywiście Raycast.

7:42O nim również wielokrotnie już wspominałem

7:44na przestrzeni chociażby bezpłatnych materiałów, które publikuję, ale

7:47jednocześnie chciałbym jeszcze raz o nim wspomnieć.

7:50Z jednej strony jest to narzędzie, które

7:51teoretycznie może kojarzyć nam się z wyszukiwarką Spotlight, a jednocześnie w

7:55praktyce oferuje dostęp do praktycznie nieograniczonych możliwości

7:59i za chwilę powiem, co dokładnie mam przez to na myśli.

8:02Przede wszystkim, jeżeli dopiero pierwszy

8:04raz widzisz Raycast, to polecam Ci go zainstalować oraz przypisać do niego jakiś

8:08skrót klawiszowy, które wywoła okienko, które właśnie w tym momencie widać.

8:12Dodatkowo po jego instalacji wpisz sobie

8:15Store, aby wyświetlić listę dostępnych rozszerzeń.

8:18Przejrzyj sobie tę listę i zobacz, które z

8:20nich mogą przydać się w Twojej pracy, a następnie je zainstaluj i skonfiguruj.

8:24Myślę, że pod tym kątem nie będziesz mieć

8:26trudności w tym, aby dostosować tą aplikację do swoich potrzeb

8:29aczkolwiek zwracam tylko uwagę na to, aby wejść w preferencje,

8:33przypominam skróty klawiszowe Command

8:35przecinek, a następnie zajrzeć tutaj na listę dostępnych rozszerzeń i ewentualnie

8:39przypisać do nich alias bądź też skrót klawiszowy.

8:42W przypadku aliasu mówimy np.

8:44o wybraniu literki, która umożliwia nam w

8:46tym przypadku połączenie się z konkretnym rozszerzeniem, a w przypadku skrótu

8:50klawiszowego możemy po prostu bardzo łatwo aktywować wybrane rozszerzenie.

8:54Ostatecznie jednak najważniejszym

8:56elementem, który moim zdaniem powinien zwrócić Twoją uwagę jest zakładka

9:01Developer, czy też bardziej zakładka API Docs.

9:04Tutaj ponownie mamy do czynienia z

9:05sytuacją, w przypadku której możemy wykorzystać naszą znajomość JavaScriptu

9:09oraz Node.js do tego, aby tworzyć własne rozszerzenia.

9:12Poza tym Twoje umiejętności dotyczące Full-Stack Web Developmentu

9:16umożliwią Ci na pewnym etapie nawet tworzenie własnych mikro

9:19serwisów, z którymi będą mogły łączyć się tworzone przez Ciebie rozszerzenia

9:23w Rycast.

9:24Oznacza to, że robiąc to wszystko z głową, jesteś w stanie w sposób dosłowny

9:28przenosić swoje możliwości i organizację pracy na kolejne poziomy.

9:32Szczerze mówiąc, musisz wiedzieć, że

9:33doskonale wiem o czym w tym momencie mówię.

9:36Ze względu na to, że aktualnie mam już za

9:38sobą przynajmniej kilkanaście rozszerzeń do Raycasta, które codziennie usprawniają mi

9:42pracę i oszczędzają mnóstwo czasu oraz energii.

9:46Jeżeli chodzi o listę takich

9:47wspomagających narzędzi, które w moim przypadku sprawdzają się genialnie i które

9:51mogę Ci polecić, to by było na ten moment na tyle.

9:54Naturalnie nie jest to koniec i w jednej z

9:56kolejnych lekcji pokażę Ci co dokładnie miałem na myśli.

9:59Teraz dziękuję Ci za uwagę i do usłyszenia za chwilę.