Jak uczyć się wzorców projektowych na froncie? Odpowiedź dla Juniora, Mida i Seniora

Рет қаралды 6,341

Күн бұрын

Właściwe podejście do nauki wzorców projektowych nie jest oczywiste. Zaczniemy od szybkiej powtórki czym są wzorce projektowe? Czy powinniśmy aktywnie szukać okazji do ich stosowania? Kiedy powinieneś zacząć się ich uczyć? Z jakich materiałów uczyć się wzorców? Czy musisz poznać wszystkie wzorce? Na te pytania odpowiem z perspektywy pragmatycznego programisty zorientowanego na produkt.
Książka Wzorce Projektowe, Gang Of Four - helion.pl/ksiazki/wzorce-proj...
Playlista "Wzorce w React" - • Wzorce w React
Książka Rusz Głową: Wzorce projektowe - helion.pl/ksiazki/wzorce-proj...
Książka Dive into Design Patterns - refactoring.guru/design-patte...
Książka Learning Patterns - www.patterns.dev/book/
0:00 O czym będzie mowa?
1:08 Czym są wzorce projektowe?
1:44 Dlaczego warto nauczyć się wzorców?
2:20 Jak uczyć się wzorców projektowych?
03:38 Co zamiast wzorców na początek?
5:10 Najlepszy moment na naukę wzorców
05:51 Opanuj TypeScript (i wzorce)
06:38 Najlepsze materiały do nauki wzorców
08:21 Jak być na biężąco z naszymi rekomendacjami?
08:43 Najważniejsze wzorce dla frontendowców
🔥 Bądź na bieżąco i zapisz się do newslettera 🔥
przeprogramowani.pl/newsletter
✅ Zasubskrybuj nasz kanał - bit.ly/przeprogramowani-sub
📷 Przeprogramowany Instagram - / przeprogramowani
✍🏻 Marcin na Twitterze - / mkczarkowski
✍🏻 Przemek na Twitterze - / psmyrdek
⚡️Opanuj JavaScript ⚡️
przeprogramowani.pl/kurs
⬇️ Więcej materiałów znajdziesz na naszym Facebooku ⬇️
/ przeprogramowani
Poznajmy się - forms.gle/wSbq3QXq19L3opQx8

Пікірлер: 34

@emmeaerre 2 жыл бұрын

Porządny przykład z omówieniem SOLID, CQRS i SAGA z angular ngrx i nestjs to byłby przekot. Tymczasem dzięki za wysoko jakościowe materiały. Tak trzymajacie!

@Przeprogramowani 2 жыл бұрын

Dzięki za miłe słowa i konkret propozycję materiału. Trafił na moją listę!

@michaprzydatek9932 2 жыл бұрын

Typescript i wzorce projektowe już nie mogę się doczekać! Must have!

2 жыл бұрын

Dziękuję za omówienie tego tematu. Szkolenie z efektywnego używania TypeScriptu razem ze wzorcami projektowymi to dobry temat i z chęcią skorzystam.

@Przeprogramowani 2 жыл бұрын

Dzięki za feedback!

@u_mnie_dziala 2 жыл бұрын

dokładnie - najpierw clean code, potem wzorce; w przeciwnym razie można nie zrozumieć po co tak właściwie te wzorce są potrzebne

@jokerzly2141 2 жыл бұрын

Fajny materiał, fajny pomysł na kurs z Ts

@oskarkowalow8477 2 жыл бұрын

Super, właśnie zabieram się za naukę wzorców, dzięki za materiał

@Przeprogramowani 2 жыл бұрын

Powodzenia!

@mikolaj_lewandowski 2 жыл бұрын

Polecam też książkę "JavaScript i wzorce projektowe - programowanie dla zaawansowanych" Simona Timmsa.

@Will4_U 2 жыл бұрын

Niezbyt zgadzam się z tym, że czytanie o wzorcach z innego języka np. Java i przekładanie ich do JavaScript/TypeScript jest czym dobrym. Na przykładzie filmiku Fireshipa dot. wzorców - są tam pokazane przykłady wzorców, których nie ma sensu przenosić do JS/TS, ze względu na to, jak ten język działa np. wzorzec Singleton. Albo też klasy w Javie a klasy w JS/TS są zupełnie czymś innym i znacznie różnią się od siebie. Dlatego też warto obczaić, jakie wzorce mają sens w danym języku niż bezmyślnie je przenosić z jednego języka do drugiego.

@Przeprogramowani 2 жыл бұрын

W JavaScript wzorzec Singleton ma swoje zastosowanie (praktyczny przykład: serwisy w Angularze). Po prostu jego implementacja jest znacznie prostsza niż w Javie, ze względu na brak wielowątkowości. / Marcin

@Will4_U 2 жыл бұрын

Ale to jeden przykład. Poza tym Angular na siłę wpycha wzorce i mechanizmy z Javy do JS/TS, co w wielu przypadkach nie ma w ogóle sensu ze względu na to jak JS jest skonstruowany. Jednakże tak jest zrobione, żeby backendowcy w Javie mogli łatwiej wejść w środowisko front-endowe i robić full-stackowo.

@Przeprogramowani 2 жыл бұрын

@@Will4_U Singleton services w Angularze nie mają w sobie nic wymuszonego. Znacznie ułatwiają komunikację pomiędzy komponentami - umożliwiają współdzielenie stanu bez konieczności implementowania kompleksowego store'a ala Redux/NgRx oraz deklaratywne reagowanie na zmiany tego stanu za pomocą Observable. Czy Twoja opinia na temat Angulara jest potwierdzona doświadczeniem? Pytam, ponieważ w przeszłości uważałem podobnie. Niestety nieświadomie powtarzałem slogany marketingowe sprzedawane przez influencerów ze społeczności Reacta. Skoro Singleton jest wyjątkiem do Twojej tezy, to podaj proszę przykłady innych wzorców, których implementacja w JS/TS jest antyproduktywna.

@ralphlorenzo9473 2 жыл бұрын

Dawajcie z kursem pod typescript, biorę w ciemno 😎. Kurs pod js kupiłem już dawno temu i byłem zadowolony

@grzesiekx441 2 жыл бұрын

TS - jak najbardziej :)

@Przeprogramowani 2 жыл бұрын

Dzięki za feedback!

@hglock 2 жыл бұрын

Aktualnie jestem na etapie rozpoczęcia przygody z TS, a więc jak najbardziej skorzystałbym z takiego kursu :)

@Przeprogramowani 2 жыл бұрын

Dzięki za feedback!

@arek5217 2 жыл бұрын

Dzięki Freddie!

@Filip-qh5mq 2 жыл бұрын

TS + wzorce 👍

@Przeprogramowani 2 жыл бұрын

O czym zapomniałem wspomnieć, a zdecydowanie nie powinienem: na kanale jest kozacki film Przemka z praktycznym zastosowaniem wzorców Strategia, Obserwator i Fabryka kzfaq.info/get/bejne/q699d6mbu7KneIk.html

@marekkazimierczak9210 Жыл бұрын

Kurs o TS i Design Patterns, plz :)

@ItsMathev 2 жыл бұрын

A jak przerabiałeś tę książkę Rusz głową? Czytałeś i przerabiałeś kodzik u siebie w IDE?

@Przeprogramowani 2 жыл бұрын

Tak, przepisywałem sobie wybrane fragmenty na TypeScripta 😉

@belhiaro765 2 жыл бұрын

A jakie wzorce powinien znać node.js dev? ;>

@Przeprogramowani 2 жыл бұрын

Myślę, że kluczowym dodatkiem do mojej listy jest tutaj pattern middleware ;)

@defres15 2 жыл бұрын

@DzikiMoronHackshield 2 жыл бұрын

No i dependency injection z Angulara

@u_mnie_dziala 2 жыл бұрын

nawet nie trzeba angulara, wystarczy mieć projekt pisany w czystym TS i w zasadzie bez DI się nie obędzie (no chyba, że próbujemy wykorzystać dziedziczenie)

@DzikiMoronHackshield 2 жыл бұрын

@@u_mnie_dziala w sumie masz racje