Nuxt.js: W tym kursie

0:00Cześć, Witam Cię.

0:00Bardzo serdecznie w kursie dotyczącym Nexta.

0:03W tej lekcji opowiem.

0:04Troszkę jak będziemy pracować przez cały ten kurs w każdej pojedynczej lekcji, więc

0:09głównym edytorem z którego będziemy korzystali jest.

0:11Oczywiście jest kod.

0:12I będziemy pracowali nad projektem. Mini pedagog.

0:16Będzie to taki klon.

0:17Wikipedii, który ja tutaj już

0:19przygotowałem wcześniej i wygląda w ten sposób.

0:22Myślę, że na pierwszy rzut oka można się pomylić z.

0:27Oryginalną Wikipedią i w tym praktycznym projekcie.

0:31Po pierwsze przeniesiemy obecnie już.

0:33Istniejący projekt HTML, aby w czystym HTML i CSS.

0:37Nie ma tam za bardzo JavaScriptu.

0:39Przeniesiemy do Nexta.

0:40Czyli przeniesiemy go w struktury tego.

0:42Jak tworzy aplikacje internetowe.

0:47Więc zobaczmy może jak.

0:49Faktycznie wygląda ten kod, nad którym będziemy później pracowali.

0:52W tym momencie, tak jak wspominałem jest.

0:54To bardzo prosty HTML.

0:55Jest on uproszczony do granic możliwości.

0:57Mamy nawet inline tutaj style wewnątrz znacznika style.

1:02Nie są to style inline owe wewnątrz atrybutów na szczęście.

1:05No i mamy tutaj. Całkiem sporo reguł.

1:07I jest taki HTML.

1:09Który starałem się zrobić w miarę czysty i semantyczny.

1:13Czyli mamy faktycznie sekcje nawigacyjnej,

1:15która odpowiada tutaj tej sekcji z odnośnikami.

1:19My te odnośniki będziemy uzupełniać.

1:21W ramach pracy nad kursem.

1:23Oczywiście nie stworzymy wszystkich

1:25podstron, no bo Wikipedia to jest bardzo duży projekt, a my spędzimy nad tym

1:31przykładem zaledwie kilka godzin podczas realizacji tego kursu.

1:36W związku. Z czym dużo będzie tutaj takich.

1:37Folderów. Ale faktycznie dane.

1:39Które będziemy wyświetlać.

1:42Będą dynamiczne. Tzn.

1:43Postaram się zaimplementować do tego specjalne API.

1:48Które będzie zapisało dane z prawdziwej Wikipedii.

1:51Czyli będzie to taki jakby klon, który

1:53będzie zassał dane z Wikipedii, ale będziemy mogli je zaprezentować w.

1:58Dowolny dla nas sposób. I przy okazji.

2:00Zobaczyć jak tworzyć aplikacje, które są wydajne w kontekście performansu.

2:05Jak i.

2:07Wyszukiwarek internetowych takich jak Google.

2:11W związku z czym.

2:14My przeniesiemy sobie ten plik, ja tutaj

2:16jeszcze tylko przeprowadza nas przez resztę znaczników mamy nawigację boczną.

2:21Mamy dalej sekcję header, która będzie się automatycznie razem z

2:26tą sekcją nawigacyjnej na każdej naszej podstronie pojawiać, czyli będziemy mieć

2:30takiego include do każdej z naszych podstron.

2:33Stworzymy sobie ekrany błędów, stworzymy indywidualne komponenty, aby

2:37wyrenderować treść na naszej stronie w sposób zgodny z View.

2:42No i faktycznie Article to będzie ta

2:44część, która będzie się zmieniała w zależności od podstrony.

2:47To co chciałbym tutaj jeszcze.

2:48Nakreślić podczas tego.

2:49Kursu jest to, że będziemy bardzo dużo.

2:52Operować na dokumentacji.

2:55Dokumentacja jest w języku angielskim.

2:56Ja się będę starał tutaj tłumaczyć

2:58co pojedyncze właściwości będą robić, ale nie będziemy przechodzić przez każdą jedną

3:02możliwość konfiguracji nexta, bo po prostu mija się to z celem.

3:07Chciałbym aby

3:08ten kurs był praktycznym zastosowaniem umiejętności, a nie suchą teorią.

3:13Ale będzie dużo odnośników.

3:14Do dokumentacji, ponieważ wiele z tych właściwości, z których

3:17będziemy korzystać podczas realizacji tego kursu.

3:21Nie jest potrzebna zbyt często. Albo to są tzw.

3:24. Naprawdę.

3:26Skrajne przypadki.

3:27Gdzie musimy coś ustawić w naście, bo po prostu inaczej nie jesteśmy w stanie

3:32zrealizować tego, co chcemy, aby nasza aplikacja robiła.

3:37Chciałbym też zachęcić do skakania po różnych.

3:40Działach tego kursu. W zależności od tego co Cię interesuje.

3:44Będziemy się odnosili.

3:45Do różnych sekcji w różnych lekcjach.

3:48A chciałbym zachęcić dlatego, ponieważ uczenie blokowe nie zawsze jest.

3:52Najwydajniejsze tym sposobem nauki.

3:54W związku z czym potraktuj spis treści jako odnośniki do.

3:59Najciekawszych aspektów, które będziemy omawiać.

4:02Ale jeśli np. nie interesuje Cię tak bardzo teoria jak

4:05Stano, to możesz pierwszy dział ominąć i wrócić do niego dopiero.

4:09Gdy będziemy faktycznie pracowali nad

4:11projektem i będziemy mieli faktyczny żyjący organizm już zakodowany.

4:16W następnej lekcji opowiem Ci czym jest next, jak się ma do innych.

4:19Frameworków i faktycznie na czym polega jego fenomen.

4:23Zapraszam do następnej lekcji.