Adam Gospodarczyk / overment
HTML, CSS, JavaScript, Node.js, Vue.js, PHP, mySQL, MongoDB
Lista filmów
🎉 PREMIERA 🎉 TypeScript Zaawansowany 😍
Kurs #TypeScript - od Podstaw https://overment.com/ts (reflink) Kurs TypeScript - Zaawansowany https://overment.com/tsz (reflink) Profil na Instagramie https://instagram.com/_overment "Chcesz zawsze pozostać na bieżąco z programowaniem? 📩 Zapisz się na newsletter: https://overment.com/newsletter?utm_campaign=newsletter&utm_medium=social-media&utm_source=youtube&utm_content=description 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 🎓 Więcej moich kursów znajdziesz na: https://overment.com/eduweb (reflink) Tworząc #overment (np. kursy i tutoriale) najwyższą wartością jest dla mnie Twój czas. Moja strategia polega na tym, aby dotrzeć do źródła tematu i świadomie odrzucić niepotrzebne elementy. W ten sposób w prostych słowach wyjaśniam Ci to, co jest naprawdę istotne. Znajdziesz u mnie filmy dla front-end, back-end i full-stack developerów. Główne tematy moich filmów to m.in: #JavaScript, Node.js (Express.js / Nest.js) ale również HTML, CSS oraz ba
Czym są monady? - Programowanie funkcyjne w JavaScript
Monady to rodzaj funktora, który oferuje dodatkowe możliwości modyfikacji danych. W szczególności wyróżnia go zastosowanie metody flatMap (aka bind/chain). Programowanie Funkcyjne polega głównie na kompozycji funkcji a monady są mechanizmem, który pomaga nam w tym procesie. Przykładem monady jest Obiekt Promise. Obietnice dają nam dostęp do metody then(), którą można porównać do metody flatMap(). Chcesz zawsze pozostać na bieżąco z programowaniem? 📩 Zapisz się na newsletter: https://overment.com/newsletter?utm_campaign=newsletter&utm_medium=social-media&utm_source=youtube&utm_content=description 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 🎓 Więcej moich kursów znajdziesz na: https://overment.com/eduweb (reflink) Tworząc #overment (np. kursy i tutoriale) najwyższą wartością jest dla mnie Twój czas. Moja strategia polega na tym, aby dotrzeć do źródła tematu i świadomie odrzucić niepotrzebne elementy. W ten sposób w prostych słowach wyjaśniam Ci
Czym są funktory? - Programowanie funkcyjne w JavaScript
Funktory to "kontenery" na dane, które udostępniają interfejs umożliwiający wykonanie funkcji dla każdej wartości znajdującej się wewnątrz niego. Inaczej mówiąc, jest to struktura, dająca nam możliwość mapowania danych wewnątrz niej. Programowanie Funkcyjne wykorzystuje funktory głównie w celu modyfikowania danych bez wpływania na ich oryginalną strukturę. Przykładem wbudowanego w JavaScript funktora są tablice. Chcesz zawsze pozostać na bieżąco z programowaniem? 📩 Zapisz się na newsletter: https://overment.com/newsletter?utm_campaign=newsletter&utm_medium=social-media&utm_source=youtube&utm_content=description 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 🎓 Więcej moich kursów znajdziesz na: https://overment.com/eduweb (reflink) Tworząc #overment (np. kursy i tutoriale) najwyższą wartością jest dla mnie Twój czas. Moja strategia polega na tym, aby dotrzeć do źródła tematu i świadomie odrzucić niepotrzebne elementy. W ten sposób w prostych słowach
Zaawansowane integracje formularzy z Zapier | by overment
Jak połączyć formularz z systemem mailowym? (np. Mailchimp, GetResponse. ActiveCampaign czy ConvertKit?) Jak zapisać te dane w systemie CRM? I jak wysłać potwierdzenie do użytkownika oraz wszystkich osób zainteresowanych? W praktyce tak zaawansowana konfiguracja wymaga połączenia kilku systemów i przynajmniej kilku godzin pracy. Wykorzystując Webhooki w Zapier - wszystko zamykamy w kilka minut. 👉 Jak stworzyć formularz w Tailwind CSS? 👉 Co jest ważne przy tworzeniu formularzy? 👉 Jak wykorzystać webhooki? 👉 Jak przekazać dane do Zapier? 👉 Jak zapisać je w systemie mailowym / CRM / Airtable? Chcesz zawsze pozostać na bieżąco z programowaniem? Dołącz do mojego newslettera: 📩 Zapisz się na newsletter: https://overment.com/newsletter?utm_campaign=newsletter&utm_medium=social-media&utm_source=youtube&utm_content=description 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 🎓 Więcej moich kursów znajdziesz na: https://overment.com/eduweb (reflink) Twor
Wykrywanie emocji Tensorflow.js i Faceapi.js | by overment
Wykrywanie twarzy oraz emocji z wykorzystaniem JavaScript stało się możliwe dzięki Tensorflow.js. Tym razem zbudujemy prosty mechanizm wykrywania twarzy na wideo oraz oznaczania emocji, z wykorzystaniem Faceapi.js W tym filmie dowiesz się jak: 👉 Przechwycić wideo z kamery i wyświetlić w przeglądarce 👉 Wykorzystać Tensorflow.js oraz Faceapi.js 👉 Rysować elementy z HTML Canvas 👉 Wykorzystywać obietnice (Promise) 👉 oraz składnię async / await Chcesz zawsze pozostać na bieżąco z programowaniem? Dołącz do mojego newslettera: 📩 Zapisz się na newsletter: https://overment.com/newsletter?utm_campaign=newsletter&utm_medium=social-media&utm_source=youtube&utm_content=description 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_... 🎓 Więcej moich kursów znajdziesz na: https://overment.com/eduweb (reflink) Tworząc #overment (np. kursy i tutoriale) najwyższą wartością jest dla mnie Twój czas. Moja strategia polega na tym, aby dotrzeć do źródła tematu i świadomie odrzucić niepo
Factory Functions - Programowanie funkcyjne w JavaScript
Tworzenie obiektów jednoznacznie kojarzy się z klasami i programowaniem obiektowym. W JavaScripcie obiekty możemy tworzyć jeszcze poprzez object literal oraz tzw. factory functions, czyli specjalne funkcje które zwracają nowy obiekt. Aby w pełni zrozumieć ten temat, zachęcam do obejrzenia mojej mini serii na temat zakresu (scope) oraz domknięcia (#closure): https://www.youtube.com/playlist?list=PLjHmWifVUNMKO1xl1LfOhE3d-4akRX9aJ Znajdziesz w nim: 👉 Czym jest Factory Function? 👉 Co ma do tego Closure (domknięcie)? 👉 Dlaczego funkcje a nie klasy? 👉 Wydajność factory functions 👉 Problemy ze słowem kluczowym this. Film jest częścią serii Programowanie Funkcyjne w JavaScript: https://www.youtube.com/playlist?list=PLjHmWifVUNMLR1Oz3WYK7XRLEY5LvSOPu Chcesz zawsze pozostać na bieżąco z programowaniem? Dołącz do mojego newslettera: 📩 Zapisz się na newsletter: https://overment.com/newsletter?utm_campaign=newsletter&utm_medium=social-media&utm_source=youtube&utm_content=description 🔔
Code vs. No-Code - Grzegorz Róg i Overment 🥊
Zapraszamy na wydarzenie, w którym staniemy z Adamem po dwóch stronach ringu i porozmawiamy o tym, co jest lepsze "Code czy No-code"? Pewnie już domyślasz się, kto będzie po której stronie, ale czyje argumenty okażą się bardziej przekonujące? Dowiedz się, gdzie umiejętności programistyczne nadal są bardzo ważne, a w których obszarach można przyspieszyć pracę narzędziami no-code.
#code16challenge Drag and Drop w RxJS - Reaktywny JavaScript
Odpowiadając na nominację Michała Gellerta, napisałem 16 linii kodu robiąc coś, co może Was zainspirować do nauki reaktywnego JavaScriptu. W skrócie pokazuję jak zrobić mechanizm Drag and Drop wykorzystując RxJS - bibliotekę ułatwiającą pisanie reaktywnego JSa 😍 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: Facebook: https://facebook.com/overment Discord: https://overment.com/discord Instagram: https://overment.com/instagram Twitter: https://twitter.com/_overment Tworząc filmy (np. kursy i tutoriale) najwyższą wartością jest dla mnie Twój czas. Moja strategia polega na tym, aby dotrzeć do źródła tematu i świadomie odrzucić niepotrzebne elementy. W ten sposób w prostych słowach wyjaśniam Ci to, co jest naprawdę istotne. Znajdziesz u mnie filmy dla front-end, back-end i full-stack developerów. Główne tematy moich filmów to m.in: JavaScript, Node.js (Express.js / Nest.js) ale r
Wszystko o Typach - JavaScript & TypeScript | overment LIVE
Czy wiesz jak działają typy w JavaScript i dlaczego powodują tyle problemów? Nieoczekiwany TypeError to jedno ale "błąd typu", który tylko z pozoru w żaden sposób nie wpływa na działanie aplikacji, to drugie. Podczas tego live'a pokażę w jaki sposób działają typy w JavaScript, jakie problemy wynikają z tego że JS chce nam pomóc przez ich wymuszanie (tzw. type coercion). Oraz ostatecznie - jak je wszystkie adresuje TypeScript i jeszcze nam daje? Jeżeli na ten moment o TypeScripcie wiesz tyle, że istnieje, wpadnij na live i dowiedz się dlaczego warto go nauczyć. Porozmawiamy między innymi o tym, czym są typy, jak działa dynamiczne typowanie w JavaScript, oraz statyczne w TypeScript i wyjaśnimy, dlaczego powinieneś zainteresować się tym tematem. Poza tym w trakcie live szereg niespodzianek - kompletny kurs TypeScript od Podstaw a także Wyzwanie, które dla Was szykujemy. Zapraszamy!
469 odsłon! 😮 wtf? Ale jak?!
Ten film to prosty eksperyment i demo wykorzystania automatyzacji i dostępu do API w celu regularnego aktualizowania filmu oraz jego miniaturki. Aktualnie mamy 497 odsłon i x53 łapek w górę. Automatyzacja wykonuje się raz na 5 minut chociaż trzeba brać pod uwagę cache youtube oraz przeglądarki. #overment #automatyzacja #javascript
Automatyzacja marketingu z JavaScript, Zapier i Airtable
Automatyzacja odpowiada za coraz większą liczbę moich aktywności, pomagając mi je wszystkie ogarnąć. Okazuje się że łączenie narzędzi takich jak Zapier i programowanie (np. w JavaScript), daje ogromne możliwości usprawnienia swojej pracy. W tym filmie dowiesz się jak wykorzystałem narzędzia takie jak Node.js, Puppeteer, Zapier, Airtable, Github i Visual Studio Code do niemal całkowitej automatyzacji jednego z procesów marketingowych. Chcesz zawsze pozostać na bieżąco z programowaniem? Dołącz do mojego newslettera: 📩 Zapisz się na newsletter: https://overment.com/newsletter?utm_campaign=newsletter&utm_medium=social-media&utm_source=youtube&utm_content=description 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_... 🎓 Więcej moich kursów znajdziesz na: https://overment.com/eduweb (reflink) Tworząc #overment (np. kursy i tutoriale) najwyższą wartością jest dla mnie Twój czas. Moja strategia polega na tym, aby dotrzeć do źródła tematu i świadomie odrzucić niepotrzebne el
Composition over Inheritance - Programowanie funkcyjne w JS
Dziedziczenie jest nieodłącznym elementem programowania obiektowego i trudno wyobrazić sobie tworzenie aplikacji bez niego. W praktyce często generuje problemy z którymi trudno sobie poradzić. Odpowiedzią na nie jest kompozycja, czyli temat tego filmu. Powszechnie temat znany jest pod hasłem "Composition over Inheritance". Oczywiście to wszystko na przykładzie JavaScript i krótkiej historii overment 🙂 Znajdziesz w nim: 👉 Na czym polega dziedziczenie? 👉 Na czym polega problem "goryla i banana"? 👉 Na czym polega problem "fragile class"? 👉 Na czym polega problem "duplication by necessity"? 👉 Jak wykorzystać kompozycję obiektów zamiast dziedziczenia? 👉 Czy warto nadal korzystać z dziedziczenia? Link do kodu źródłowego: https://github.com/iceener/functional-programming/tree/master/04_currying Film jest częścią serii Programowanie Funkcyjne w JavaScript: https://www.youtube.com/playlist?list=PLjHmWifVUNMLR1Oz3WYK7XRLEY5LvSOPu Chcesz zawsze pozostać na bieżąco z programowaniem? Dołącz d
Shared State - Programowanie funkcyjne w JavaScript
Shared State czyli "Stan współdzielony" to dowolna zmienna, obiekt lub inna informacja w pamięci, która jest dostępna w różnych zakresach (eng. scope). Istnieje szereg problemów, które wiążą się z modyfikacją dzielonego stanu, m.in. są to wzrost złożoności programu, trudność w zrozumieniu oraz problemy wynikające z timingu wywołania funkcji. Programowanie funkcyjne oferuje nam kilka rozwiązań, m.in. unikanie modyfikowania współdzielonego stanu poprzez kopiowanie oraz nie destrukcyjną edycję. Alternatywnie można zastosować technikę zamrożenia obiektu korzystając z narzędzi takich jak Immutable.js. Warto pamiętać o tym, że przy kopiowaniu oraz zamrażaniu obiektów, wyróżniamy shallow copying / shallow freezing oraz deep copying / deep freezing. Wbudowane metody Object.assign oraz Object.freeze umożliwiają wyłącznie "płytkie" operacje. Link do kodu źródłowego: https://github.com/iceener/functional-programming/tree/master/04_currying Film jest częścią serii Programowanie Funkcyjne w
Currying - Programowanie funkcyjne w JavaScript
Programowanie funkcyjne (eng. functional programming) w #JavaScript charakteryzują elementy takie jak Pure Functions, Function Composition, Higher-order functions czy Currying. W tym odcinku skupiam się właśnie na tym ostatnim. Curring jest rodzajem innej techniki znanej jako Partial Application. Opiera się o ciąg tzw. "unary functions", czyli takich które przyjmują dokładnie jeden argument. Currying umożliwia zamianę funkcji przyjmującej wiele argumentów na serię funkcji jednoargumentowych. Jego głównym przeznaczeniem jest kompozycja funkcji, specjalizacja funkcji oraz w przydatna w niektórych sytuacjach zmiana kształtu funkcji. W przeciwieństwie do Partial Application, Currying umożliwia pojedyncze przekazywanie argumentów do funkcji. Film jest częścią serii Programowanie Funkcyjne w JavaScript: https://www.youtube.com/playlist?list=PLjHmWifVUNMLR1Oz3WYK7XRLEY5LvSOPu Chcesz zawsze pozostać na bieżąco z programowaniem? Dołącz do mojego newslettera: 📩 Zapisz się na newsletter:
Function Composition - Programowanie Funkcyjne by overment
Programowanie Funkcyjne (eng. functional programming) w JavaScript (i nie tylko) charakteryzuje tzw. kompozycja funkcji (eng. Function Composition). Jest to proces polegający na łączeniu dwóch (lub więcej) funkcji w celu utworzenia nowej funkcji. Dane pomiędzy nimi przekazywane są tak długo aż uzyskamy wynik końcowy. Film jest częścią serii Programowanie Funkcyjne w JavaScript: https://www.youtube.com/playlist?list=PLjHmWifVUNMLR1Oz3WYK7XRLEY5LvSOPu Chcesz zawsze pozostać na bieżąco z programowaniem? Dołącz do mojego newslettera: 📩 Zapisz się na newsletter: https://overment.com/newsletter?utm_campaign=newsletter&utm_medium=social-media&utm_source=youtube&utm_content=description 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_... 🎓 Więcej moich kursów znajdziesz na: https://overment.com/eduweb (reflink) Link do repozytorium projektu znajdziesz tutaj: https://github.com/iceener/functional-programming/tree/master/01_higher_order_functions Tworząc #overment (np. kursy
