Kurs Vue.js

Wprowadzenie

Lekcje

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Piotr Palarz

Czas: 5 godzin 15 minut

Wersja: Vue.js 2.x.x

Aktualizacja: 2018-03-19

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wstęp do kursu

  • Wprowadzenie

  • Jak korzystać z plików źródłowych

Sposoby pracy z Vue

  • Klasyczne podejście do pracy z Vue

  • Bootstrap aplikacji z vue-cli

  • Jednoplikowe komponenty

Zaawansowane koncepcje

  • Funkcja renderująca vs. szablon

  • Komponenty funkcyjne

  • Korzystanie z mixin

Zarządzanie stanem aplikacji

  • Przepływ informacji w aplikacji

  • Globalny bus do komunikacji

  • Rozszerzanie Vue

  • Czym jest VueX?

  • Pierwsze kroki z VueX

  • Pobieranie danych

  • Gettery

  • Mutacje

  • Akcje

  • Funkcje pomocnicze

  • Lepsza organizacja kodu

  • Debugowanie VueX

Routing w aplikacji

  • Pierwsze kroki z vue-router

  • Tworzenie tabeli routingu

  • Generowanie odnośników

  • Dynamiczne parametry

  • Zagnieżdżone ścieżki

  • Nawigacja z poziomu kodu

  • Nazwane ścieżki

  • Nazwane widoki

  • Przekierowania

  • Uniwersalne komponenty

  • Tryb History API

  • Tworzenie guardów

  • Animacje

  • Dynamiczne wczytywanie modułów

  • Ustawienia pozycji suwaka

Praca z danymi z serwera

  • Pierwsze kroki z axios

  • Pobieranie i wysyłanie danych

  • Integracja axios z Vue

Praktyczny projekt 1 - Konfigurator produktu

  • Założenia wstępne projektu pierwszego

  • Pobieranie danych do VueX

  • Generowanie widoku konfiguratora

  • Dodanie logiki konfiguratora

Praktyczny projekt 2 - Quiz

  • Założenia wstępne projektu drugiego

  • Pobranie danych do VueX

  • Generowanie widoku quizu

  • Dodanie logiki quizu

  • Obsługa routingu

  • Wyświetlanie podsumowania

Walidacja formularzy

  • Pierwsze kroki z vuelidate

  • Definiowanie reguł walidacji

  • Wyświetlanie błędów

  • Sprawdzanie poprawności haseł

  • Asynchroniczna walidacja

Podsumowanie

  • Zakończenie