Adam Gospodarczyk / overment
HTML, CSS, JavaScript, Node.js, Vue.js, PHP, mySQL, MongoDB
Lista filmów
Mój pierwszy kurs 😮 i ... pierwsza nagroda! ❤️
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- W tym filmie dwie ważne wiadomości: o moim pierwszym kursie oraz pierwszej nagrodzie. Zapraszam :) Zapisz się na listę oczekujących na kurs "Opanuj JavaScript": https://przeprogramowani.pl/kurs-js Premiera już wkrótce!
Nest.js - Wprowadzenie
Nest.js to framework Node.js (podobnie jak Express.js). Łączy ze sobą koncepcje programowania obiektowego, funkcyjnego i reaktywno-funkcyjnego. Obecnie zyskuje coraz większą popularność. 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: https://facebook.com/overment https://overment.com/discord https://overment.com/instagram Tworząc filmy 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. Skupiam się przede wszystkim na: HTML, CSS, JavaScript, Node.js i mySQL / mongoDB.
Prywatne właściwości klas (private fields) - ESNext
Prywatne właściwości klas oraz hermetyzacja danych w JavaScripcie przez długi czas nie były dla nas bezpośrednio dostępne. W tej chwili do naszej dyspozycji są już właściwości prywatne i ... to wiele zmienia. TC39: https://github.com/tc39/proposal-class-fields#private-fields Link do repozytorium: https://github.com/iceener/private-fields 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 fr
Optional chaining - ESNext
Optional chaining to składnia "?." będące częścią EcmaScript ułatwiająca dostęp do zagnieżdżonych właściwości obiektów, bez uciążliwego sprawdzania czy te konkretne właściwości istnieją. Film jest częscią serii es6 + / esnext (mini - kurs JavaScript). Więcej na temat optional chaining: https://tc39.es/proposal-optional-chaining/ https://github.com/tc39/proposal-optional-chaining/ Link do repozytorium: https://github.com/iceener/optional-chainging 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 ele
ES2015 - Mapy vs WeakMapy
WeakMapy zostały wprowadzone przez ECMAScript (ES6+) i w przeciwieństwie do map posiadają ograniczenia, dzięki którym sprawdzają się w określonych okolicznościach lepiej niż klasyczne mapy. W tym odcinku wyjaśniam wszystkie różnice pomiędzy nimi oraz przykłady wykorzystania. 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: https://facebook.com/overment https://overment.com/discord https://overment.com/instagram Tworząc filmy 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. Skupiam się przede wszystkim na: HTML, CSS, JavaScript, Node.js i mySQL / mongoDB.
ES2015 - Mapy vs Obiekty
Mapy i Obiekty w dużym stopniu są do siebie podobne, lecz to różnice decydują o tym w jakich sytuacjach powinniśmy korzystać z jednych albo drugich. 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: https://facebook.com/overment https://overment.com/discord https://overment.com/instagram Tworząc filmy 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. Skupiam się przede wszystkim na: HTML, CSS, JavaScript, Node.js i mySQL / mongoDB.
ES6 - Obiekt Map
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- Czym są mapy w JavaScript? W tym filmie znajdziesz najważniejsze informacje na temat map. Ich praktyczne wykorzystanie omówimy w kolejnym filmie. 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: https://facebook.com/overment https://overment.com/discord https://overment.com/instagram Tworząc filmy 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. Skupiam się przede wszystkim na: HTML, CSS, JavaScript, Node.js i mySQL / mongoDB.
ES2019: Optional catch binding
ECMAScript2019 daje nam możliwość pominięcia bindowania obiektu błędu w składni try ... catch .... Czy to dobry pomysł i w jakich sytuacjach możemy to wykorzystać? Odpowiedź nie jest tak oczywista jak mogłoby się wydawać. 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: https://facebook.com/overment https://overment.com/discord https://overment.com/instagram Tworząc filmy 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. Skupiam się przede wszystkim na: HTML, CSS, JavaScript, Node.js i mySQL / mongoDB.
ES2019: Object.fromEntries()
Metoda fromEntries dostępna w ES2019 odwraca działanie metody .entries. Połączenie tych dwóch metod umożliwia zwinne wykonywanie operacji na obiektach poprzez zamianę ich na tablicę (Array) lub mapę (Map). Link do pliku: https://github.com/iceener/Object.fromEntries 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
ES2019 (ES10): flat() & flatMap()
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- Metody flat oraz flatMap dostępne są w najnowszej wersji EcmaScript2019. Metoda flat() "spłaszcza" zagnieżdżoną tablicę. Natomiast metoda flatMap() działa podobnie jak metoda map ale jej wynikiem jest również "spłaszczona" tablica. 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: https://facebook.com/overment https://overment.com/discord https://overment.com/instagram Tworząc filmy 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. Skupiam się przede wszystkim na: HTML, CSS, JavaScript, Node.js i mySQL / mongoDB.
Pętle Asynchroniczne z Async / Await ⏳
Iterowanie po elementach asynchronicznych w teorii nie powinno nas czymkolwiek zaskoczyć. Okazuje się jednak że jest inaczej. Ten film powstał po to, aby pokazać i rozwiązać problem z tym związany. 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: https://facebook.com/overment https://overment.com/discord https://overment.com/instagram Tworząc filmy 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. Skupiam się przede wszystkim na: HTML, CSS, JavaScript, Node.js i mySQL / mongoDB.
Hosting strony stworzonej w Gatsby.js
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- Podczas gdy przygotowanie strony w Gatsby.js jest stosunkowo proste, tak łatwo okazuje się że jej publikacja bywa problematyczna. Na hostingu współdzielonym często nie mamy dostępu do konsoli a hostingi typu VPS wymagają dodatkowej konfiguracji. Na szczęście istnieje kilka rozwiązań, które umożliwiają opublikowanie strony w dosłownie kilka minut. Są to m.in.: https://netlify.com i Github Pages Konfiguracja DNS w Netlify: Rekomendowaną opcją jest ustawienie w Twoim panelu domeny rekordów CNAME/ANAME lub ALIAS na [nazwa-twojej-strony].netlify.com Alternatywną opcją jest ustawienie rekordu A domeny kierującego na adres IP load balancer'a Netlify: 104.198.14.52. Więcej informacji tutaj: https://www.netlify.com/docs/custom-domains/#dns-configuration 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/new
GraphQL - #6 CRUD
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- Kolejny odcinek serii GraphQL w którym z pomocą Prismy (https://www.prisma.io/) i Apollo (https://www.apollographql.com/) implementujemy akcje CRUD (Create, Read, Update i Delete). 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: https://facebook.com/overment https://overment.com/discord https://overment.com/instagram Tworząc filmy 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. Skupiam się przede wszystkim na: HTML, CSS, JavaScript, Node.js i mySQL / mongoDB.
overment.com - #10 Blog w Gatsby'm
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- Ostatni odcinek serii overment.com w którym kończymy ostatni etap prac nad stroną: blog! Od początku projekt przeszedł wiele zmian. Finalnie jednak zrealizował mój zamierzony cel. Jak wyszło? Oceńcie sami :) Artykuł nt. typografii: https://convertkit.com/blog-typography/ Pluginy do obsługi Markdown: gatsby-transformer-remark, gatsby-remark-images, rehype-react, gatsby-remark-embed-youtube 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: https://facebook.com/overment https://overment.com/discord https://overment.com/instagram Tworząc filmy 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. Skupiam się
overment.com - #9 Headless CMS
Headless CMS to system zarządzania treścią, wykorzystujący wyłącznie back-end. Jego rolą jest umożliwienie zarządzania danymi i udostępnianie ich z pomocą API (np. REST lub GraphQL). Jedyny interfejs udostępniany przez CMS służy do dodawania treści bez konieczności informowania gdzie i w jaki sposób ta treść zostanie wykorzystana. Linki: https://www.gatsbyjs.org (Site generator [React.js]) https://netlify.com (Darmowy Hosting) https://datocms.com (CMS dla m.in. Gatsby.js) 🔔 Subskrybuj mój kanał - https://www.youtube.com/overment?sub_confirmation=1 📩 Zapisz się na newsletter: https://overment.com/newsletter 👉 Sprawdź też: https://facebook.com/overment https://overment.com/discord https://overment.com/instagram Tworząc filmy 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. Skupiam się przede wszystkim na: HT
