Narzędzia JavaScript Full-Stack Web Developera: Organizacja wiedzy

0:00Pozostawanie na bieżąco jest jednym z

0:02największych wyzwań jeżeli chodzi o rolę Full-Stack.

0:05Z tego powodu przeprowadzę Cię teraz

0:06przez to, w jaki sposób ja to robię, a przynajmniej w jaki sposób próbuje

0:10pozyskać się na bieżąco ze wszystkim, co się dzieje w obszarze samego Full-Stack Web

0:14Developmentu, ale także szeregu różnych dodatkowych narzędzi, o których po części

0:18również do tej pory już wspominałem, a także moja uwaga skupia się również na

0:22procesach biznesowych, trendach i szeregu różnych innych dodatkowych informacji,

0:27które znacząco wybiegają poza rolę Full-Stack.

0:30W związku z tym, że faktycznie moje

0:32zainteresowania są tutaj dość szerokie, nie będziemy sobie przechodzić przez

0:35wszystkie możliwe źródła, z których korzystam

0:38i zresztą też nie o to chodzi.

0:39Celem tej lekcji jest pokazanie Ci, w jaki

0:41sposób Ty możesz zacząć budować system, który pozwoli rozwijać Ci aktualne

0:46umiejętności, pozostawać na bieżąco z narzędziami i informacjami, które w jakiś

0:51sposób Ciebie dotyczą oraz dodatkowo oczywiście to wszystko zapamiętywać i

0:55efektywnie łączyć kropki lub też po prostu rozwijać swoją świadomość na temat różnego

1:00rodzaju możliwości, których nie musisz zgłębiać w danej chwili, ale w momencie,

1:04gdy przyjdzie na to odpowiedni moment, po prostu będziesz w stanie po nie sięgnąć.

1:08W tej chwili znajdujemy się na Medium i

1:10jest to strona, którą z całą pewnością kojarzysz.

1:12Jednocześnie nie jestem pewien, czy

1:14subskrybujesz ich newsletter i czy posiadasz np.

1:16wykupione konto.

1:18Jeżeli chodzi o mnie, jest to jedno z

1:19głównych źródeł informacji i dzieje się tak przede wszystkim ze względu na to, że

1:24ich system rekomendowania treści po prostu działa w sposób genialny.

1:28Szczerze mówiąc, tylko na samym początku wybrałem jakieś obszary tematyczne, które

1:32po prostu mnie interesują i zresztą są one tutaj

1:35i tak szczerze mówiąc, to oprócz tego nie musiałem zbyt wiele robić.

1:39Po prostu potem Medium całkiem sensownie

1:41uczył się jakie artykuły mnie interesują, a jakie raczej nie.

1:44Oczywiście czasem zdarzają się jakieś

1:46rekomendacje wpisów, które absolutnie mnie nie interesują, natomiast co do zasady

1:51mógłbym spędzać tutaj dosłownie cały dzień.

1:53Z tego powodu dbam o to, żeby np.

1:55w momencie, gdy czytam jakiś artykuł,

1:57łatwo móc go sobie zapisać na później lub też po prostu odłożyć go w jakieś miejsce,

2:01w którym może okazać się dla mnie przydatny.

2:03Teoretycznie mógłbym to robić na moim

2:05profilu Medium, natomiast w moim przypadku wystarczy dwukrotne tapnięcie trzema

2:09palcami, aby wywołać takie oto okienko Keyboard Maestro, a w zasadzie mojego zastrzeżenia

2:14Design Maestro, gdzie od razu jak widzisz z mojej przeglądarki z pomocą AppleScript

2:19został pobrany tytuł oraz adres URL aktualnie otwartej strony.

2:23Wystarczy, że teraz wcisnę zapisz i już po chwili

2:25jeżeli teraz wywołam sobie mój dashboard, na

2:28którym pracuję, to zwróć uwagę, że dokładnie mamy tutaj ten artykuł z

2:31dodatkową informacją o tym czy artykuł został przeczytany czy też nie.

2:35Co więcej, najciekawsze jest tutaj to, że ten artykuł w momencie gdy zostanie

2:39przeczytany lub po prostu jego termin ważności minie, zostanie przeniesiony do

2:43mojego archiwum, gdzie łatwo będę mógł go potem odnaleźć.

2:47Zatem tak jak widzisz, moim pierwszym

2:48elementem, na który zwracam uwagę jest źródło informacji,

2:52w tym przypadku jest to Medium, a drugim bardzo istotnym jest sposób

2:56przechowywania i zapisywania treści na później.

2:59Teoretycznie tą samą stronę mógłbym

3:01zapisać w zakładkach, ale tutaj nie wiem jak jest w Twoim przypadku,

3:04natomiast u mnie wygląda to tak, że strona

3:06dodana do zakładek po prostu tam znika i nigdy do niej nie wracam.

3:10W przypadku Dashboardu jest inaczej,

3:11ponieważ odwiedzam go każdego dnia i tym samym szansa na to, że wrócę do tego

3:15artykułu jest po prostu nieporównywalnie większa.

3:19I tutaj jest jeszcze jedna rzecz, która odgrywa bardzo istotną rolę.

3:22Jest nią aplikacja Matter.

3:24Otóż zwrócił uwagę, że artykuł, który przed chwilą zapisałem pojawił się nie

3:28tylko w moim Dashboard, ale również w aplikacji Matter.

3:31To mniej więcej oznacza tyle, że jest dostępny na moim iPhonie, więc mogę do

3:35niego wrócić w szczególnie wygodny dla mnie sposób.

3:38Zatem po raz kolejny podkreślam tutaj pewien fakt dotyczący nie tylko docierania

3:43do konkretnych źródeł, ale również sposobu pracy z nimi i przechowywania.

3:47Jeżeli chodzi o samo organizowanie treści

3:49w taki sposób, to szczerze mówiąc mówimy tutaj o tzw.

3:52systemie zdobywania wiedzy, który opisałem

3:54na swojej stronie brain.overnment.com, a także w jednym z artykułów na Ahoy.

3:59Jest tutaj również lista newsletterów, z

4:01których korzystam oraz lista stron, które szczególnie sobie cenię, aczkolwiek te

4:05akurat nie dotyczą za bardzo programowania.

4:07Tak czy inaczej polecam tutaj zajrzeć i dodatkowo zastanawiać się właśnie nad tym,

4:11w jaki sposób możesz organizować swój własny system zdobywania wiedzy po to, aby

4:16był dopasowany do Ciebie oraz zakresu tematycznego, który Cię interesuje.

4:21Z tym wszystkim możemy jeszcze iść krok dalej.

4:23Mianowicie do naszej dyspozycji są jeszcze

4:25aplikacje takie jak Feedly, które są niczym innym jak agregatorem różnego

4:29rodzaju treści, które jesteśmy w stanie zapisywać sobie do przeczytania i

4:33jednocześnie do obserwowania aktualności na blogach, które zdarza nam się czytać.

4:38Myślę, że tutaj warto tylko zwrócić uwagę,

4:41aby nie przeładować sobie takiego feedu treści zbyt dużą ilością informacji ze

4:45względu na to, że tak naprawdę nie chodzi o to, aby czytać bardzo dużo, tylko o to,

4:50aby czytać tylko te wybrane materiały, które wnoszą nam realną wartość.

4:55Więc nawet jeżeli zorganizujesz sobie Feedly w

4:57taki sposób, że będzie pobierał informacje tylko z kilku

5:00źródeł, to i tak jeżeli one same będą

5:02bardzo wartościowe, to rezultat w postaci pozostania na bieżąco i rozwijania swoich

5:06umiejętności z pewnością zostanie zrealizowany.

5:09Tak czy inaczej bardzo polecam zapoznać się z Feedly i o ile jeszcze tej aplikacji

5:14nie znasz i jeżeli chodzi o jej wykorzystanie, to tak w zasadzie nie

5:17będziesz mieć żadnego problemu z jej konfiguracją.

5:20Analogicznie też jest w przypadku

5:21aplikacji Matter, aczkolwiek tutaj muszę się na chwilę zatrzymać ze względu na to,

5:25że tak jak Ci pokazywałem, artykuł został tutaj zapisany w sposób automatyczny i w

5:31tym celu wykorzystuje shortcut, który dokładnie odczytuje adres URL w moim

5:35przypadku otwartej zakładki w przeglądarce Arc.

5:38Ale oczywiście możesz tutaj zamienić tą nazwę na Chrome bądź Brave, bądź np.

5:42Safari czy Firefox i następnie będziesz w

5:45stanie odczytać adres URL i przekazać go do aplikacji Matter.

5:49W rezultacie artykuł zostanie zapisany i

5:51tym samym też możesz wykonywać tą akcję z pomocą poprostu Raycast, bądź też nawet Siri.

5:57I teraz jeszcze w temacie samego

5:59gromadzenia i organizowania wiedzy, to w moim przypadku świetnie sprawdza się

6:02również aplikacja Anki, którą być może kojarzysz.

6:05Na razie zamkniemy to okno, aby pokazać Ci o co tutaj chodzi.

6:09Tak naprawdę jest to dość prosta aplikacja, w ramach której jesteś w stanie

6:12tworzyć talie kart przypominające fiszki, w przypadku których np.

6:16po jednej stronie zapisujesz sobie jakieś hasło, a po drugiej jego wyjaśnienie

6:20no i cała zabawa polega na tym, aby

6:22codziennie wracać sobie do tej aplikacji i przeglądać od kilkunastu do

6:26kilkudziesięciu kart sugerowanych przez Anki.

6:28W ten sposób szansa na to, że zapomnisz

6:30zapisaną w ten sposób wiedzę, po prostu odpowiednio maleje.

6:34No i tutaj ponownie chciałbym zwrócić

6:36uwagę na jedną rzecz, którą tak naprawdę zaspoilerowałem przed chwilą.

6:40Mianowicie ponownie mamy tutaj okienko

6:42pochodzące z Keyboard Maestro, czy też Design Maestro, które jak widzisz

6:46prosi mnie o podanie przedniej oraz tylnej części karty oraz ewentualnie dodanie tagów.

6:51Co więcej, w tym przypadku mam również dodaną obsługę składni Markdown i w

6:55momencie gdybym zapisał sobie tą kartę, to ona pojawi się wewnątrz aplikacji Anki.

7:00W praktyce wygląda to tak, że jeżeli teraz przejdziemy sobie do aplikacji Anki, to

7:04jak widzisz faktycznie mamy tutaj kartę 1 2, 3 z odwrotem 3 2 1.

7:09Zatem ta karta będzie się po prostu

7:10pojawiać, gdy nadejdzie odpowiedni czas na jej powtórzenie.

7:14Oczywiście tutaj sposób jaki

7:16zaprezentowałem do dodawania Anki absolutnie nie jest konieczny, ale

7:19jednocześnie ja osobiście zauważyłem, że zacząłem rozwijać talie dopiero wtedy, gdy

7:24to okienko po prostu wyglądało lepiej niż natywna aplikacja Anki i jednocześnie była dla

7:29mnie dostępna pod jednym skrótem klawiszowym

7:31a dodatkowo tutaj też istnieje możliwość np.

7:34skopiowania jakiejś zawartości do tekstu i w momencie gdy wywołam sobie to okno, to

7:39zwróć uwagę, że ta treść pojawia się dokładnie tutaj.

7:42Zatem w tym momencie myślę, że może

7:44zainteresować Cię to, w jaki sposób to osiągnąłem,

7:47ze względu na to, że Anki raczej nie

7:49posiada API, a to oznacza, że konieczne jest zainstalowanie rozszerzenia o nazwie

7:53AnkiConnect, w przypadku którego na stronie domowej mamy opisany dokładnie

7:58sposób instalacji oraz uruchomienia takiego lokalnego serwera, na które możemy

8:02wysyłać obiekty JSON o określonej strukturze i jednocześnie wchodzić w

8:06interakcję z naszą talią Anki bez konieczności sięgania do aplikacji.

8:11W rezultacie działa to u mnie tak, że mam

8:13po prostu utworzone makro, które tutaj wykorzystuje

8:16Design Maestro więc zawiera kilka dodatkowych kroków, natomiast jego główne zadanie

8:20sprowadza się tak naprawdę do przygotowania obiektu JSON, który z

8:24pomocą prostego skryptu Shell przesyłany jest na adres localhost:8765

8:30I jak widzisz, takie jedno polecenie znacząco ułatwiło mi gromadzenie wiedzy, a

8:34ja tylko muszę dbać o to, aby wracać do aplikacji Anki każdego dnia.

8:39No i teraz jeżeli chodzi o ten system zdobywania wiedzy to by było już na tyle.

8:43Polecam Ci zapoznać się z aplikacjami, o

8:45których wspomniałem, ze szczególnym uwzględnieniem platformy Medium, która w

8:49mojej opinii jest niesamowitym źródłem wiedzy.

8:52I tutaj myślę, że jeszcze bonusowo odeślę Cię z strony bloggingfordevs.com, gdzie

8:57znajdziesz trendrujące blogi, które warto odwiedzać.

9:00Bez wątpienia mamy tutaj królujący obecnie Pragmatic Engineer, ale też wiele

9:05innych wartościowych miejsc, które warto odwiedzać.

9:08No i przykładowo teraz możesz przejść sobie przez taką listę, wybrać blogi, które mogą

9:12Cię potencjalnie interesować i dopisać je do swojego Feedly bądź jakiegoś np.

9:16czytnika RSS i tym samym możesz dość łatwo pozostawać na bieżąco.

9:21Tymczasem chyba już nie pozostaje mi nic

9:23innego, jak podziękować Ci za uwagę i zaprosić do kolejnej lekcji.