Kurs Vue.js online
Kurs Vue.js online w CodeWorlds to 15 modułów krótkich lekcji z edytorem kodu i 1045 zadań praktycznych, prowadzonych jako fabularna przygoda. Lekcje przeczytasz za darmo na tej stronie.
Twórz technologie przyszłości w NOVA LAB pod okiem Dr. Novy - przygotuj systemy do misji na Marsa! Rok 2087.
Twój przewodnik
Dr. Nova
Szefowa Laboratorium
Czego się nauczysz
- Vue.js 3 Composition API
- Vite jako build tool
- Single File Components
- Reaktywność - ref, reactive, computed
- Vue Router 4
- Pinia state management
- TypeScript z Vue
- Composables i VueUse
Główne projekty
W trakcie kursu zbudujesz prawdziwe projekty, które możesz dodać do swojego portfolio
Mission Control
Panel kontroli misji kosmicznej
NOVA Dashboard
Dashboard laboratoryjny z real-time data
Mars Colony Planner
Planowanie kolonii marsjańskiej
Program kursu
15 moduły pełne interaktywnych ćwiczeń i praktycznych projektów
Strefa Startowa
Vue i Vite
Czym jest Vue.js, Vite, Single File Components, pierwsza aplikacja, struktura projektu i narzędzia diagnostyczne
63 ćwiczeń
Pracownia Hologramów
Składnia szablonów
Interpolacja, dyrektywy v-bind i v-on, wiązanie klas i stylów, v-if i v-show, renderowanie list z v-for oraz template refs
81 ćwiczeń
Reaktor Energetyczny
Reaktywność
ref() i reactive(), głęboka i płytka reaktywność, toRef i toRefs, debugowanie reaktywności i jej praktyczne zastosowania
73 ćwiczeń
Centrum Obliczeń
Computed i watch
Computed properties z getterem i setterem, watch i watchEffect, zatrzymywanie watcherów i cleanup oraz dashboard na watcherach
73 ćwiczeń
Symulator Sterowania
Zdarzenia i formularze
Obsługa zdarzeń i ich modyfikatory, formularze z v-model, modyfikatory v-model oraz zaawansowane formularze w praktyce
73 ćwiczeń
Drukarnia 3D
Komponenty
Tworzenie, rejestracja i kompozycja komponentów, lifecycle hooks, scoped styles i CSS Modules oraz pierwsze composables
67 ćwiczeń
Stacja Komunikacji
Props i zdarzenia
Props i ich walidacja, własne zdarzenia, v-model na komponentach, provide/inject, fallthrough attributes i wzorce komunikacji
63 ćwiczeń
Magazyn Modułów
Sloty i komponenty dynamiczne
Sloty domyślne, nazwane i scoped, komponenty dynamiczne, KeepAlive i Teleport, komponenty asynchroniczne i Suspense
71 ćwiczeń
Laboratorium Naukowe
Composables i VueUse
Zaawansowane wzorce composables, reaktywne wzorce projektowe, biblioteka VueUse oraz testowanie i optymalizacja composables
67 ćwiczeń
Centrum Nawigacji
Vue Router
Konfiguracja tras, dynamiczne parametry, zagnieżdżone trasy i named views, navigation guards, RouterLink i nawigacja programowa
71 ćwiczeń
Baza Danych Misji
Pinia
Store'y Pinia: state, getters i actions, stores w stylu Composition API, kompozycja stores, pluginy i trwałość danych
72 ćwiczeń
Platforma Startowa
Testy i wdrożenie
Testy komponentów, composables i stores, testy integracyjne i E2E, build produkcyjny i wdrożenie aplikacji
72 ćwiczeń
Zorza Marsjańska
Przejścia i animacje
Komponent Transition, nazwane przejścia i tryby, hooki animacji w JavaScript, TransitionGroup, biblioteki animacji i przejścia tras
63 ćwiczeń
Warsztat Robotów
Dyrektywy i pluginy
Własne dyrektywy z hookami, argumentami i modyfikatorami, tworzenie pluginów, renderless components i ekosystem pluginów Vue
68 ćwiczeń
Kwatera Główna
TypeScript i Nuxt
Typowanie props, emits, ref, reactive i computed, template refs i provide/inject w TypeScript oraz SSR i podstawy Nuxt 3
68 ćwiczeń
Motyw kursu
Futurystyczne Laboratorium R&D
Każdy moduł osadzony jest w unikalnej tematyce, która sprawia, że nauka staje się przygodą.
Twój przewodnik
Dr. Nova
Szefowa Laboratorium
Poprowadzi Cię przez wszystkie wyzwania i pomoże zdobyć nowe umiejętności.
Najczęstsze pytania o kurs Vue.js
Czy kurs Vue.js jest darmowy?
Częściowo. Lekcje kursu Vue.js przeczytasz za darmo na tej stronie. Zadania z tego kursu w aplikacji wymagają planu premium, a na darmowym koncie przejdziesz w aplikacji kurs HTML i CSS z limitem 10 jednostek paliwa dziennie.
Ile trwa kurs Vue.js?
Szacowany czas nauki kursu Vue.js to 60-80 godzin. Kurs ma 15 modułów i ponad 1045 zadań, a tempo wybierasz sam.
Czy do kursu Vue.js potrzebuję wcześniejszego doświadczenia?
Przed kursem Vue.js przyda się: JavaScript ES6+, Podstawy HTML/CSS, Logiczne myślenie.
Czego nauczę się na kursie Vue.js?
Na kursie Vue.js nauczysz się między innymi: Vue.js 3 Composition API, Vite jako build tool, Single File Components, Reaktywność - ref, reactive, computed.
Jak wygląda nauka w CodeWorlds?
W CodeWorlds każdy moduł to seria krótkich lekcji z edytorem kodu na żywo, pytań sprawdzających i zadań praktycznych. Za postępy zdobywasz XP i odblokowujesz kolejne lokacje świata Laboratorium Przyszłości.
Zacznij naukę Vue.js 3 już dziś
Dołącz do CodeWorlds i odkryj nowoczesne metody nauki, które sprawiają, że programowanie staje się fascynujące i dostępne dla każdego.