Adam Gospodarczyk / overment
HTML, CSS, JavaScript, Node.js, Vue.js, PHP, mySQL, MongoDB
Lista filmów
Nowy projekt: Przeprogramowani.pl
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- https://przeprogramowani.pl https://www.youtube.com/channel/UCb2Y3vMeD6N4WDt5Acw7Arw
overment.com - #8 Migracja na Gatsby.js
Sytuacje w których zmieniamy początkowe założenia projektu nie są komfortowe, lecz czasem niezbędne. Migracja na Gatsby.js pozwoliła mi znacznie przyspieszyć w rozwoju strony https://overment.com. W tym filmie przedstawiam ogólny proces który przeszedłem. Linki: https://www.gatsbyjs.org (Site generator [React.js]) https://netlify.com (Darmowy Hosting) https://datocms.com (CMS dla m.in. Gatsby.js) 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 t
Git - Cofanie zmian / commitów
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- Korzystanie z systemu kontroli wersji umożliwia przywrócenie projektu do wcześniej zapisanego stanu. Jednak cofanie commitów w gicie nie jest oczywiste i istnieje kilka sposobów aby to zrobić. W tym filmie wyjaśniam PODSTAWY tego tematu. 🔔 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.
Zaawansowany JavaScript - #4 Closures (Domknięcia)
Closures to mechanizm JavaScriptu z którego często korzystamy nieświadomie. Zrozumienie go pozwoli na lepsze wykorzystanie możliwości, które nam oferuje. Definicja domknięcia: Domknięcie występuje wtedy, gdy funkcja zapamiętuje i następnie wykorzystuje swój leksykalny zakres, nawet wtedy gdy jest wywoływana poza nim. Kod źródłowy: https://github.com/iceener/advanced-javascript-series/tree/master/04_closure 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 w
Ankieta i Newsletter - w oczekiwaniu na overment S02E01
2 lata, 100 filmów i setki jak nie tysiące godzin pracy. Czas na krótki urlop i decyzję o tym co dalej. Dołącz do newslettera overment: https://overment.com/newsletter Wypełnij ankietę na temat overment: https://overment.com/ankieta 🔔 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.
GraphQL - #5 Apollo, Prisma i mongoDB
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- Link do repozytorium: https://github.com/iceener/graphql-tutorial/tree/master/05-database 🔔 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.
Zaawansowany JavaScript - Zakres leksykalny
Zakres leksykalny określany w czasie trwania fazy leksykalnej (tzw. lexical time). Pliki źródłowe: https://github.com/iceener/advanced-javascript-series/tree/master/03_lexical_scope 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 bazy dan
Zaawansowany JavaScript - Zakres (Scope)
Zarządzanie zmiennymi jest fundamentalną cechą języka programowania i wymaga złożonego systemu zasad. System ten nazywamy zakresem. Jego rolę można sprowadzić do określenia gdzie i w jaki sposób zmienne mogą być odnalezione. Zmienne mogą być wyszukiwane na potrzeby przypisania referencji (tzw. LHS - left hand side look-up) lub zwrócenia wartości (tzw. RHS - right hand side look-up). 📁Pliki źródłowe: https://github.com/iceener/advanced-javascript-series/tree/master/02_scope 🔔 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: H
Zaawansowany JavaScript - Execution Context
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- Execution context to abstrakcyjny koncept środowiska w którym interpretowany i wykonywany jest kod JavaScript. Za każdym razem gdy uruchamiamy kod JS, dzieje się to w Execution Context. Pliki źródłowe: https://github.com/iceener/advanced-javascript-series/tree/master/01_global_execution_context 🔔 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.
GraphQL - #4 Query
GraphQL query od podstaw. Wyjaśniam m.in. argumenty, dyrektywy i fragmenty. Link do repozytorium: https://github.com/iceener/graphql-tutorial/tree/master/04-queries Film jest częścią serii GraphQL od podstaw: https://www.youtube.com/playlist?list=PLjHmWifVUNMLivTPinla41NWyYf3pONIa 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 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
GraphQL - #3 Resolvers
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- Resolver to funkcja lub metoda, zwracająca wartość dla typu lub pola, zdefiniowanych w schemacie opisującym API serwera. Resolver może zwracać obiekt, wartość skalarną (taką jak String czy Number) lub obietnicę. 🔔 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. Link do repozytorium: https://github.com/iceener/graphql-tutorial/tree/master/03-resolvers
GraphQL - #2 Schema
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- GraphQL wymaga zaprojektowania schematu, który dokładnie opisuje API serwera - czyli to w jaki sposób wymieniamy z nim informacje. Definicje schematu określane są zwykle z pomocą SDL (Schema Definition Language) lub IDL (Interface Definition Language). Warto zapamiętać, że GraphQL jest silnie typowany (każda definicja musi posiadać określony typ) oraz można z nim pracować w połączeniu z dowolnym językiem programowania. Pliki źródłowe: https://github.com/iceener/graphql-tutorial 🔔 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 element
overment.com - #7 Kodowanie strony głównej
Uczy się JavaScriptu? Dołącz do kursu "Opanuj JavaScript" -- https://przeprogramowani.pl/kurs-javascript -- Kolejny odcinek serii, podczas której krok po kroku tworzymy stronę overment.com. W filmie zobaczysz przede wszystkim dobre praktyki. Pamiętaj że nie jest to kurs pisania stron Internetowych od podstaw. 🔔 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. Link do repozytorium: https://github.com/iceener/overment.com
GraphQL - #1 Wprowadzenie
GraphQL to tzw. "query language" wykorzystywany podczas pracy z API. To nieoficjalny następca standardu REST, oferujący większą elastyczność i dokładność. W tym filmie przedstawiam główne koncepcje GraphQL (queries, resolvers i schema) oraz z pomocą GraphQL Playground, pokazuję jak sprawdza się w praktyce. Film jest częścią serii GraphQL od podstaw: https://www.youtube.com/playlist?list=PLjHmWifVUNMLivTPinla41NWyYf3pONIa 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 prosty
JavaScript Generators - Jak działają generatory
Generatory to specjalne funkcje, które mogą zwracać (z pomocą słowa kluczowego "yield") wiele wartości na żądanie. Ich działanie może być wstrzymywane i wznawiane w zależności od potrzeb. Link do repozytorium: https://github.com/iceener/javascript-promise 🔔 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.
