Narzędzia JavaScript Full-Stack Web Developera: Dodatkowe narzędzia

0:00Jeżeli chodzi o samo programowanie, to jak

0:01doskonale wiesz znacząco wykracza ono poza samo pisanie kodu i obsługę edytora.

0:07I w związku z tym jednym z wątków, które

0:09chciałbym w tym temacie poruszyć są narzędzia, które ułatwiają rozwijanie

0:13oprogramowania i niekoniecznie wiążą się bezpośrednio z edytorem.

0:17Co więcej, lista tych narzędzi nieustannie

0:19się poszerza i warto obserwować co jest aktualnie dostępne na rynku

0:23tym bardziej, że na przestrzeni ostatnich

0:25lat wchodzą na niego narzędzia wykorzystujące sztuczną inteligencję.

0:29W tej chwili znajdujemy się na stronie

0:30GitHub Copilot, czyli ostatnio głośnego projektu, który ogłasza się jako nasz

0:34partner do programowania właśnie oparty o sztuczną inteligencję.

0:38Jeżeli chodzi o jego wykorzystanie, nie będziemy się tutaj nad tym jakoś

0:42szczególnie skupiać, tym bardziej, że po pierwsze moim zdaniem nie ma za bardzo

0:46tutaj o czym mówić ze względu na to, że tak jak tutaj nawet widać po prostu

0:50dosłownie tak jak się to teraz wyświetliło, nawet na podstawie nazwy

0:53funkcji oraz ewentualnie parametrów, którą do niej przekazujemy, GitHub Copilot jest w

0:59stanie wręcz wygenerować nam kompletny fragment kodu, który faktycznie w wielu przypadkach

1:03nawet nie wymaga wprowadzenia od nas jakichkolwiek zmian.

1:07Aczkolwiek naturalnie polecam bardzo dokładnie przejrzeć, czy na przykład taki

1:10wygenerowany fragment kodu faktycznie robi to, na czym nam w danej chwili zależy.

1:15Idąc teraz dalej, jeżeli interesuje Cię

1:17temat samego wykorzystania narzędzi IT w programowaniu, to odsyłam Cię do mojego

1:22warsztatu, gdzie podczas około 40 minut przyglądamy się właśnie różnym narzędziom,

1:27które w sposób bezpośredni bądź pośredni pomagają nam w tworzeniu kodu.

1:32Jednocześnie nie będę się na nich teraz skupiał głównie z tego względu, że na

1:35przestrzeni kolejnych lekcji jak już będziemy pracować z kodem

1:38wielokrotnie będziemy sobie o nich mówić, a teraz tylko w tej lekcji chciałbym się

1:42upewnić, że po prostu nic się nie ominie i jednocześnie będziesz przynajmniej

1:46kojarzyć ich nazwy lub też zdecydujesz się na przetestowanie ich w praktyce i

1:50samodzielnie zweryfikujesz to, czy dla Ciebie okażą się przydatne.

1:54Kolejnym narzędziem oprócz GitHub Copilota, które wykorzystuje sztuczną

1:58inteligencję, aby pomagać nam wpisaniu kodu

2:00jest Tabnine.

2:01Jest to rozwiązanie, z którego ja

2:03osobiście korzystam niemal od samego początku i będzie to już kilka lat

2:07i szczerze mówiąc, pomimo tego, że pozornie jego cena jest stosunkowo wysoka,

2:11ponieważ w wariancie miesięcznym mówimy tutaj o 15 dolarach miesięcznie, a

2:15jednocześnie mowa tutaj o małej wtyczce, która po prostu rozszerza możliwości

2:20mechanizmu Intellisense w naszym edytorze. Jednocześnie wartość, którą generuje w

2:24postaci oszczędności czasu oraz jednocześnie ułatwienia nam pisania kodu

2:29jest po prostu moim zdaniem warta tej ceny.

2:31Tym bardziej, że jak widać wspiera ona

2:33tutaj wiele różnych technologii oraz tym samym wiele różnych edytorów.

2:37W związku z tym, niezależnie od tego, z jakich narzędzi w danym momencie

2:40korzystasz, niewykluczone, że Tabnine może okazać się dla Ciebie przydatny.

2:44Jeżeli chodzi o jego sposób wykorzystania, tutaj również nie ma jakiejś wielkiej

2:48filozofii, ponieważ w momencie, gdy go aktywujesz w swoim edytorze, po prostu tak

2:52jak widać, będziesz tutaj otrzymywać sugestie, które możesz po prostu aktywować

2:56tabulatorem, bądź też odrzucić i napisać własny kod.

3:00Tymczasem kolejną rzeczą, na którą chciałbym zwrócić Twoją uwagę jest usługa

3:04Setapp, która zainteresuje Cię wyłącznie jeżeli pracujesz na Macu i tak naprawdę

3:08polega ona na tym, że w ramach jednego abonamentu masz dostęp do wielu różnych

3:12aplikacji, które możesz zainstalować na swoim komputerze.

3:15Szczerze mówiąc, jest tutaj wiele

3:17przykładów narzędzi, które oddzielnie są płatne i w przypadku których wykupienie

3:21ich oddzielnie znacznie przewyższa kwotę z całego abonamentu Setapp.

3:25W związku z tym nawet po sobie widzę, że jest to po prostu oferta warta uwagi.

3:30Szczególnie polecam przejrzeć sobie listę dostępnych tutaj aplikacji i sprawdzić,

3:33czy któraś z nich na przykład już teraz wykorzystujesz i być może płacić za nie

3:37oddzielnie lub też z jakiegoś powodu Cię zainspirują

3:40ponieważ bardzo często mówimy tutaj o naprawdę małych narzędziach, które zapewne

3:44nie mają jakieś dużych budżetów marketingowych, a jednocześnie same w

3:48sobie realizują bardzo dobrze wybrane zadania.

3:51No i teraz z punktu widzenia programistycznego z całą pewnością

3:54menager schowka jest pierwszą aplikacją, którą mogę tutaj polecić.

3:57W praktyce działa to tak, że w momencie, gdy kopiujesz jakąkolwiek zawartość do

4:01schowka, zostaje ona zapisana w takiej oto formie i po wybraniu skrótu klawiszowego

4:06możesz po prostu wrócić do dowolnej wcześniej skopiowanej wartości.

4:09Jednocześnie funkcjonuje tutaj prosta wyszukiwarka i tym samym też łatwo

4:13odnajdziesz zawartość, która trafiła do Twojego schowka nawet kilka dni temu.

4:18I tak swoją drogą, to myślę, że lepiej będzie, jeżeli przejdziemy do mojej

4:21aplikacji, gdzie mamy listę zainstalowanych narzędzi na moim

4:24komputerze i zwrócę tylko uwagę na te, które mogą Ci się przydać w programowaniu.

4:29Otóż pierwszą z nich jest TextSniper.

4:31Jest to nic innego jak funkcja OCR zaznaczonego fragmentu ekranu, czyli

4:36przykładowo tekst, który mamy tutaj nie jest możliwy do zaznaczenia, ale

4:40jednocześnie mogę zrobić jego screen, a w moim schowku natychmiast pojawi się tekst,

4:44który w tamtym momencie znajdował się na ekranie.

4:47Analogicznie też mamy Sip, czyli nic

4:49innego jak Color Picker, który działa globalnie w Twoim systemie.

4:52Co więcej, wyświetla jak widać tutaj

4:54lupkę, która umożliwia wybranie wręcz pojedynczego piksela Twojego ekranu.

4:59Niesamowicie przydatna sprawa

5:00szczególnie jeżeli pracujesz na froncie.

5:02Następnie kolejnym niesamowicie przydatnym

5:04narzędziem jest BetterTouchTool, czyli rozwiązanie, które umożliwia rozszerzenie

5:08możliwości Twojego trackpada i dodanie do niego różnego rodzaju gestów, które

5:12chociażby tak jak w moim przypadku potrafią przesuwać okienka, włączać muzykę

5:16czy wykonywać inne czynności, które normalnie odwracały moją uwagę.

5:21Dalej na liście mamy PixelSnap, czyli nic

5:23innego jak linijkę, która umożliwia nam jak widać całkiem sprytne mierzenie

5:27odległości pomiędzy elementami, które w danej chwili wyświetlają się na ekranie.

5:32Tutaj o Paste już mówiłem,

5:33dalej mamy Dropshare i tutaj również polecam Ci

5:36się zainteresować tą aplikacją ze względu na to, że umożliwia łatwe przesyłanie

5:40plików również przy wykorzystaniu Twojego własnego serwera.

5:44Poza nią mamy tutaj jeszcze Session do sesji Pomodoro, także jeżeli z nich

5:48korzystasz to jak najbardziej polecam sprawdzić.

5:51No i ostatnia na liście całkiem użyteczne

5:53dla programowania są aplikacje takie jak TablePlus, czyli aplikacja, z pomocą

5:57której podłączysz się do swojej bazy danych, również zdalnej,

6:00no i aplikacja Mosaic, dla której

6:03alternatywą jest Magnet, który również bardzo polecam

6:06i te aplikacje ułatwiają zarządzanie

6:08pozycją okienek znajdującymi się na ekranie bądź ekranach.

6:12Z tego powodu mogę Ci ją jak najbardziej polecić.

6:15No i teraz mamy jeszcze jeden wątek, czyli

6:17takich najbardziej użytecznych rozszerzeń, ale do przeglądarki.

6:21I w moim przypadku jest to bez wątpienia JSON Viewer, czyli proste rozszerzenie, które w

6:25sensowny sposób wyświetla nam JSONy w przeglądarce

6:28a drugą wtyczką, która ostatnio podbiła moje serce jest Tailwind DX.

6:33Jest to rozszerzenie, które dodaje nowe

6:35funkcje do Chrome Developer Tools ułatwiające pracę z Tailwind CSS.

6:40Zatem jeżeli pracujesz z Tailwindem, nie

6:42mam wątpliwości, że to rozszerzenie może Ci się przydać.

6:46I tutaj być może trudno będzie w to

6:47uwierzyć, ale jeżeli chodzi o rozszerzenia do przeglądarki, to w kontekście samego

6:51web developmentu to jest wszystko, z czego korzystam. Przez długi czas

6:55lista moich zastrzeżeń do przeglądarki,

6:57które wykorzystywałem na potrzeby developmentu była wyższa,

7:00natomiast szczerze mówiąc, w tym momencie nie widzę takiej potrzeby.

7:04Prawdopodobnie jest to związane głównie z

7:05tym, że w przypadku narzędzi wbudowanych w przeglądarkę mamy już tutaj dostępny tak

7:10pokaźny arsenał, że nie widzę powodu, aby sięgać po inne zewnętrzne narzędzia.

7:15No i teraz z punktu widzenia programistycznego z całą pewnością

7:18manager schowka jest pierwszą aplikacją, którą mogę tutaj polecić.

7:22W praktyce działa to tak, że w momencie, gdy kopiujesz jakąkolwiek zawartość do

7:26schowka, zostaje ona zapisana w takiej oto formie i po wybraniu skrótu klawiszowego

7:30możesz po prostu wrócić do dowolnej wcześniej skopiowanej wartości.

7:34Zatem podsumowując tą lekcje

7:36myślę, że warto sięgać po narzędzia, które

7:38albo integrują się z Twoim kodem, albo tak jak w przypadku tej linijki są dostępne

7:42dla Ciebie w całym Twoim systemie operacyjnym

7:45i tak jak widać biorą pod uwagę elementy,

7:47które znajdują się aktualnie na Twoim ekranie.

7:50Sięgając po takie narzędzia będziesz w

7:52stanie ułatwić sobie pojedyncze elementy Twojej pracy, ale jednocześnie te

7:56pojedyncze małe detale będą sumować się do wielkich rezultatów, które albo przełożą

8:00się na Twoją efektywność, albo na ogólny komfort pracy

8:04albo na jedno i drugie.

8:05Raz jeszcze bardzo polecam Ci się zapoznać

8:07szczególnie Setapp oraz narzędziami do generowania kodu z pomocą AI.

8:12Tutaj tylko raz jeszcze podkreślam, że w przypadku projektów komercyjnych warto

8:16wcześniej upewnić się, że w ramach Twoich projektów możesz je wykorzystywać.

8:20Chodzi o to, że w przypadku takich narzędzi kod aplikacji jest analizowany i

8:24nie wiadomo szczerze mówiąc do końca co się z nim dokładnie dzieje

8:28aczkolwiek przykładowo Tabnine bardzo poważnie podchodzi do tego tematu i jak widać jest

8:32to dla nich nawet tak bardzo istotne, że mają oddzielną zakładkę, w której

8:36transparentnie komunikują dokładnie ten temat.

8:39Myślę, że warto traktować te narzędzia poważnie, a jednocześnie też brać pod

8:43uwagę kwestię prywatności ze względu na to, że często mówimy tutaj o obszarze,

8:47który nie dotyczy bezpośrednio nas, ale całej firmy.

8:51Na koniec dnia nie zmienia to jednak

8:52faktu, że nikt nie zabrania Ci wykorzystywać takich narzędzi np.

8:56na potrzeby nauki bądź rozwijania własnych projektów.

8:59Ja coś takiego robię regularnie,

9:01szczególnie w momencie, gdy opracowuję przykłady np.

9:03na potrzeby publikowanych przeze mnie materiałów.

9:06W takim przypadku Tabnine lub np.

9:08GitHub Copilot pozwalają mi lepiej odnajdywać się w nowym środowisku i np.

9:13w narzędziach czy bibliotekach, których API nie jest mi do końca znane

9:17i w takich sytuacjach wsparcie w postaci generowania kodu bądź sugerowania jakichś

9:21uzupełnień okazuje się być niezwykle przydatne.

9:24Teraz dziękuję za uwagę i zapraszam do kolejnej lekcji.