Narzędzia JavaScript Full-Stack Web Developera: Praca koncepcyjna

0:00Bez wątpienia bardzo istotnym elementem programowania jest praca koncepcyjna.

0:04Może przybierać ona różne formy, ale bez wątpienia jedną z najbardziej użytecznych

0:09jest możliwość wizualizowania tego, co próbujemy zbudować.

0:12No i tutaj aktualnie rysuję sobie coś, co

0:14absolutnie nie ma żadnego sensu, ale jednocześnie pokazuje pewne narzędzie,

0:19które pozwala w dość sensowny sposób nawet nam samym zwizualizować różnego rodzaju

0:23koncepcje oraz to, jak może działać system, które aktualnie projektujemy.

0:28W moim przypadku po tego typu narzędzia

0:30najczęściej sięgam w momencie, gdy potrzebuję zaplanować sobie coś większego,

0:34bądź też w momencie, gdy nagrywam looma dla np.

0:37klienta bądź innej osoby z naszego zespołu.

0:40Narzędzie, w którym aktualnie się

0:41znajdujemy nosi nazwę Excalidraw.com Do takiej podstawowej pracy

0:45w pełni wystarcza wersja bezpłatna, natomiast jest tutaj również wersja PRO,

0:49która uwzględnia między innymi pracę zespołową.

0:52Bardzo polecam zapoznać się z tym narzędziem ze względu na to, że canvas, na

0:56którym tutaj pracujemy jest po prostu w zasadzie niczym nieograniczony

0:59i tak jak widać w związku z tym, że mamy tutaj do czynienia z grafiką wektorową,

1:03jesteśmy w stanie przybliżać różne elementy i tym samym pracować na detalach

1:07lub też uchwycić temat z nieco szerszej perspektywy.

1:11Szczerze mówiąc jednak, na własne potrzeby

1:13znacznie częściej sięgam po narzędzia iA Writer.

1:16Nie dzieje się to bez powodu ze względu na to, że bardzo istotnym elementem mojego

1:20codziennego funkcjonowania jest pisanie ogromnych ilości tekstu.

1:23Czasem robię to dla siebie, czasem w

1:25formie wpisów, artykułów, postów na media społecznościowe czy newsletterów.

1:29Jest to dla mnie szczególnie istotne ze

1:31względu na to, że w dużym uproszczeniu pisanie uczy myślenia, a myślenie bez

1:35wątpienia przydaje się podczas programowania.

1:38I teraz iA Writer to narzędzie, o którym zdarzało mi się już wielokrotnie mówić i

1:42które w dużym skrócie doceniam przede wszystkim za to, że ułatwia pracę w pełnym

1:47skupieniu oraz tutaj, jak widać wspiera dość dobrze składnię Markdown.

1:50I teraz zatrzymamy się w nim na chwilę ze

1:52względu na to, że powiem, w jaki sposób rozwiązuję z jego pomocą różnego rodzaju

1:57problemy programistyczne, które spotykam w codziennej pracy.

2:00Otóż sprowadza się to wyłącznie do jednej rzeczy, a są nią listy.

2:04Za każdym razem, gdy rozwiązuję jakiś problem, bądź mam do przemyślenia nieco

2:08bardziej złożony temat, po prostu otwieram jej iA Writer i zapisuję w prostych,

2:13zwięzłych podpunktach to, co aktualnie mam zrobić i na co np.

2:17składa się kilka kolejnych godzin mojej pracy.

2:20Jest to jednocześnie niezwykle prosta i prawdopodobnie z tego powodu ignorowane

2:24narzędzie rozwiązywania problemów oraz pracy koncepcyjnej, które chociażby w

2:28przeciwieństwie do Excalidraw ułatwia szybkie zorganizowanie myśli.

2:33I oczywiście w tym przypadku nie mamy

2:34takiej wizualnej reprezentacji, która często może pomagać, ale jednocześnie w

2:39większości przypadków po prostu nie jest to wymagane.

2:42Zatem bardzo polecam skorzystać z narzędzia iA Writer, pomimo tego, że jest

2:46płatne, ale ta opłata jest jednorazowa i zdecydowanie warta swojej ceny.

2:51Kolejnym narzędziem, z którego aktualnie dość rzadko korzystam jest MindNode.

2:55Jest to nic innego jak świetny edytor

2:57pozwalający na budowanie map myśli, które dla wielu osób są niezwykle przydatne do

3:02tego, aby poukładać swoje myśli i właśnie rozplanować jakiś większy projekt.

3:06Tak jak powiedziałem, w moim przypadku

3:08przestało się to sprawdzać ze względu na to, że pomimo tego, że tworzyłem te mind

3:12mapy, okazywało się to raczej nieefektywne, ponieważ wkładałem mnóstwo

3:16pracy w ich opracowanie, a potem nie do końca miały odzwierciedlenia w praktyce.

3:21Niewykluczone jednak, że podchodziłem do

3:23tego w zły sposób lub też z różnych powodów

3:25to narzędzie po prostu nie jest efektywne w moim przypadku.

3:28W każdym razie, jeżeli chodzi o sam MindNode, to chyba najważniejszym elementem, który

3:32odgrywa tutaj istotną rolę w projektowaniu Mind Map są skróty klawiszowe, które

3:37umożliwiają tworzenie nowych elementów oraz efektywne poruszanie się po mapie.

3:42Kolejnym elementem, na który warto tutaj zwracać uwagę jest możliwość kolorowania

3:46poszczególnych elementów mapy, które ułatwia późniejsze pracowanie z nią.

3:50Zasadniczo nie ma tutaj nic odkrywczego poza faktem, że rzeczywiście skróty

3:54klawiszowe bardzo pomagają w projektowaniu map i z tego powodu jeżeli lubisz

3:59pracować z mapami myśli, to MindNode jak najbardziej mogę Ci polecić.

4:03Podkreślam, że sama aplikacja jest dostępna w pakiecie Setapp i jest to

4:06kolejny powód, dla którego warto po niego sięgnąć.

4:10No i ostatnie dwa narzędzia, które są dość

4:12zbliżone do siebie, ale jednocześnie posiadają dość istotne różnice i z tego

4:16powodu polecam zapoznać się z jednym i drugim

4:18jest Whimsical oraz Miro.

4:21Jeżeli chodzi o Miro prawdopodobnie jest

4:23Ci to znane narzędzie ze względu na to, że świetnie sprawdza się do kolaboracji z

4:27innymi oraz właśnie do projektowania procesów oraz układania myśli.

4:31No i teraz jeżeli chodzi o sam Whimsical to wydaje mi się, że warto po prostu

4:35przeklikać sobie te dwa narzędzia, a następnie samodzielnie określić, do

4:39którego rodzaju zadań będziesz wykorzystywać jedno, a kiedy drugie.

4:43W ten sposób zbliżyliśmy się już do końca tej lekcji.

4:46Nie będziemy się tutaj skupiać na samym

4:47procesie obsługi tych narzędzi, ponieważ wykracza to poza zakres tego programu, ale

4:52jednocześnie sygnalizuje w ten sposób, że poza edytorami kodu i różnego rodzaju

4:56aplikacjami, z których korzystasz, warto też spojrzeć właśnie na

5:00elementy, które wspierają Twoje myślenie

5:02oraz samo projektowanie systemów, z którymi pracujesz, w tym również

5:05uwzględniając komunikację z innymi osobami z zespołu bądź klientami.

5:10Teraz dzięki za uwagę i do usłyszenia za chwilę.