- 18
- 19 143
Lubię Programować
Poland
เข้าร่วมเมื่อ 19 ต.ค. 2022
Cześć! Nazywam się Jarosław Juszkiewicz i od 2007 roku zajmuję się programowaniem aplikacji webowych. Na moim kanale "Lubię Programować" odkryjesz tajniki tworzenia aplikacji od podstaw aż po wdrożenie na produkcję. Przeprowadzę Cię przez fascynujący świat technologii takich jak Node.js, PostgreSQL, React, Next.js, Docker i wiele więcej. Dołącz do mnie i rozwijaj swoje umiejętności programistyczne na najwyższym poziomie!
Next.js co to jest i jak go używać? NextJS dla początkujących.
Zobacz jak zacząć tworzyć aplikację z NextJS. Jest to wstęp do tego frameworka. Jeśli chcesz poznać całą funkcjonalność zapraszam cię do mojego kursu link poniżej:
Kurs na Udemy: www.udemy.com/course/nextjs-14-od-podstaw/?referralCode=971A21F9DD063FEE5880
Opis kursu: lubieprogramowac.pl/kursy/nextjs-od-podstaw
0:00 - omówienie tematu
0:30 - czym jest Next.js
03:45 - tworzenie projektu
08:22 - routing statyczny
11:13 - layout
15:24 - layout w layout-cie
18:55 - pobieranie danych dla strony
26:02 - client component
33:54 - co dalej…
Kurs na Udemy: www.udemy.com/course/nextjs-14-od-podstaw/?referralCode=971A21F9DD063FEE5880
Opis kursu: lubieprogramowac.pl/kursy/nextjs-od-podstaw
0:00 - omówienie tematu
0:30 - czym jest Next.js
03:45 - tworzenie projektu
08:22 - routing statyczny
11:13 - layout
15:24 - layout w layout-cie
18:55 - pobieranie danych dla strony
26:02 - client component
33:54 - co dalej…
มุมมอง: 624
วีดีโอ
Jak wykonać deploy Next.js na Vercel
มุมมอง 1486 หลายเดือนก่อน
Jak wykonać wdrożenie aplikacji Next.js na serwer w Vercel-u. #nextjs #vercel #deployment #frontend #react #nextjs14 Kurs Next.js: lubieprogramowac.pl/kursy/nextjs-od-podstaw Kod rabatowy -60% ważny do 21.07.2024: vercel 0:00 - Rabat na kurs 0:34 - Jak wykonać deploy na Vercel
Next.js czym są pliki .env? Czyli konfiguracja na produkcję.
มุมมอง 1096 หลายเดือนก่อน
Kurs Next.js: lubieprogramowac.pl/kursy/nextjs-od-podstaw Kod rabatowy -60% ważny do 14.07.2024: env #nextjstutorial #nextjs #nextjs14 #react #frontend 0:00 - kurs next.js 0:49 - konfiguracja zmiennych środowiskowych 3:14 - dodajemy zmienne środowiskowe 3:57 - używanie zmiennych środowiskowych 8:22 - jak ustawić .env w client components 12:24 - rodzaje pików .env, .env.local, ...
@container queries czyli jak zmienić widok w zależność od szerokość elementu zewnetrznego
มุมมอง 1277 หลายเดือนก่อน
Opowiem wam jak zmienić widok komponentu w zależność od szerokości elementu zewnetrznego. Funkcjonalność to @container queries. #css #frontend Kurs Next.js - lubieprogramowac.pl/kursy/nextjs-od-podstaw Kod rabatowy dla widzów na kurs Next.js: *container* ważny do 16.06.2024r. 0:00 - jak działa @cointainer 0:57 - kurs Next.js 1:47 - jak używać @cointainer queries 5:40 - rabat na kurs Next.js
Czy to nowy czy stary trend: Next.js 13 Server Actions
มุมมอง 272ปีที่แล้ว
Next.js wyznacza nowy trend wykonywania rendering oraz akcji po stronie serwera. Ale czy to napewno nowy trend. Już takie coś było... Sprawdźmy bliżej czym to jest. #nextjs #nextjs13 #react #reactjs 0:00 wstęp 0:24 Server Actions w akcji 2:37 odświeżanie danych po akcji serwerowej 3:35 client component server action 6:01 podsumowanie
JWT Czy znasz odpowiedź na to pytanie?
มุมมอง 245ปีที่แล้ว
Większość osób zna JWT, ale gdy pytam Frontend Developer-ów czy wiedzą jak sprawdzić czy token jest poprawny, często zdarza się, że nie wiedzą. Chodźcie dowiemy się jak to działa... #authorization #frontend #frontenddeveloper 0:00 Pytanie 0:43 Budowa JWT 02:34 Sedno pytania 3:02 Weryfikacja tokena w praktyce 4:44 Podsumowanie pytania 5:22 Dodatkowa informacja 5:38 Zakończenie
Jak wpisać, aktualizować i usuwać dane, czyli INSERT, UPDATE, DELETE. Bazy danych SQL czy 5
มุมมอง 400ปีที่แล้ว
W tej lekcji zapoznasz się jak używać komend SQL: INSERT, UPDATE, DELETE. Do wpisywania, aktualizowania oraz usuwania danych w bazie danych SQL. #database #sql #postgresql 0:00 - wstęp 0:14 - polecenie INSERT 3:59 - jak działa DEFAULT przy INSERT 5:25 - wpisywanie wielu wierszy naraz 7:07 - FOREIGN KEY przy pisywaniu danych 7:58 - polecenie UPDATE 10:13 - polecenie DELETE 11:20 - FOREIGN KEY pr...
Czym jest Docker Network? Praktyczny przykład. Czyli jak połączyć kontenery miedzy sobą.
มุมมอง 501ปีที่แล้ว
Pokaże wam czym jest docker network na prawdziwym przykładzie z którym możecie się spotkać w pracy. #docker 0:00 wstęp 0:12 omówienie problemu 1:59 problem połączenia miedzy kontenerami 2:35 dlaczego jest problem z połączeniem między kontenerami 3:47 network - połączenie między kontenerami 08:08 zmienne środowiskowe 10:10 network w docker run 11:50 pożegnanie
Co się stało z children w React? React z TypeScript
มุมมอง 3212 ปีที่แล้ว
W typie FC nie ma props-a "children"? Co się z nim stało? Gdzie go szukać? #react #typescript
Jaka jest różnica między type a interface...? TypeScript interface vs type
มุมมอง 9912 ปีที่แล้ว
Czy wiecie jaka jest różnica między interface a type w TypeScript? Czy można rozszerzać typy? Na te pytania odpowiem wam w tym filmie oraz pokaże prosty trick z aliasami. #typescript 0:00 wstęp 0:16 type vs interface 2:55 extends vs intersection 4:21 przydane aliasy 6:55 pobieranie typu z pola obiektu 7:47 podsumowanie
Jak stworzyć tabelę w PostgreSQL? Bazy danych cz. 4
มุมมอง 7782 ปีที่แล้ว
W tym odcinku podstaw bazy danych pokaże wam jak tworzyć tabele w PostgreSQL. Jakie mamy typy danych, czym jest SERIAL oraz jak tworzyć relacje (REFERENCES) między tabelami. #postgresql #database Przykłady na GitHub: github.com/jjuszkiewicz/postgresql-start 0:00 wstęp 0:22 komenda: create table 1:36 jak stworzyć kolumnę id - PRIMARY KEY 3:15 czy wielkość liter ma znaczenie w DDL-u? 3:39 kolumna...
Czym jest Union i Intersection? Co to Narrowing i Type Guard? TypeScript w praktyce.
มุมมอง 2902 ปีที่แล้ว
TypeScript w praktyce czyli czym jest Union oraz Intersection typów. Dodatkowy zobaczycie czym jest Narrowing i Type Guard? Zapraszam do seri TypeScript w praktyce. #typescript 0:00 Sugestia widza. 0:19 Czym jest Union? 1:50 Narrowing i Type Guard 8:17 Czym jest in Intersection? 9:56 Zakończenie
Jak nie stracić danych w kontenerze? Poznaj Docker Volumes i jego zalety.
มุมมอง 5252 ปีที่แล้ว
W tym nagraniu opowiem o Docker Volumes. Zapobiegają one utraty danych, pomagają współdzielić zasoby pomiędzy kontenerami. Dowiesz się co to volume zewnętrzny (external volumes), listowanie, tworzenie i usuwanie volumes. #docker Przykład z nagranie: github.com/jjuszkiewicz/docker-volumes 0:00 Wstęp 0:19 Co to jest Volume? 1:51 Przykład: dane bez Volume 5:00 Dodajemy Volume 7:38 Lista Volumes 8:...
Jak zainstlować PostgreSQL z Docker-em? Co to jest psql i pgAdmin? Baza danych PostgreSQL cz. 3
มุมมอง 1.5K2 ปีที่แล้ว
W tym odcinku dowiesz się jak zinstalować PostgreSQL za pomocą docker-a do pracy na śrdowisku lokalnym. Wytłumacze jak się zalogować do bazy danych z poziomu terminala przy użyciu narzędzia psql oraz pokażę łatwieszy sposób za pomocą programu pgAdmin. #docker #postgres #postgresql Link do projektu z przykładem: github.com/jjuszkiewicz/postgresql-start 0:00 Wstęp 0:19 Jak zainstalujemy PostgreSQ...
Duże zmiany w Next.js 13. Sprawdź co weszło nowego...
มุมมอง 8262 ปีที่แล้ว
Sprawdźmy nowe funkcjonalności w #nextjs wersji 13, a dokładnie eksperymentalną wersje app directory. #javascript #tech #js #react Wykonany przykład dostępny jest w repozitorium: github.com/jjuszkiewicz/nextjs-13 0:00 wstęp 0:12 co to Next.js 0:40 start projektu z Next.js 13 1:48 jakie zmiany strukturze? 4:54 nowy layout 14:02 podsumowanie nowej struktury 15:44 server component 23:26 loading.ts...
Docker co to jest i jak go używać? Docker dla początkujących
มุมมอง 9K2 ปีที่แล้ว
Docker co to jest i jak go używać? Docker dla początkujących
Jakie są relacje pomiędzy tabelami? Baza danych SQL cz. 2
มุมมอง 2K2 ปีที่แล้ว
Jakie są relacje pomiędzy tabelami? Baza danych SQL cz. 2
Czym jest relacyjna baza danych? Baza danych SQL cz 1
มุมมอง 7652 ปีที่แล้ว
Czym jest relacyjna baza danych? Baza danych SQL cz 1