Kurs Vue.js - zaawansowany / Programowanie / Kursy - strefakursów.pl

Czego się nauczysz:

zaawansowanej pracy z dyrektywami

przeprowadzania testów jednostkowych i podstaw metodyki TDD

komunikacji z serwerem

walidacji formularzy z wykorzystaniem Vuelidate

wysyłania żądań HTTP dzięki Vue-axios

tworzenia autentykacji; widoki logowania i rejestracji

wykorzystania component frameworku Vuetify

budowy widoków; dashboard, użytkownicy, historia

Vue.js obok Angulara i React.js to jeden z najpopularniejszych i najczęściej wykorzystywanych frameworków front-endowych. Jego dobra znajomość otworzy przed Tobą zupełnie nowe możliwości i da szansę na zdobycie świetnie płatnej pracy. To szkolenie może Ci w tym pomóc! Dzięki niemu rozwiniesz posiadane już podstawy Vue.js i zdobędziesz nowe, cenione przez pracodawców umiejętności przydatne podczas tworzenia zaawansowanych aplikacji webowych.

Przydatna i praktyczna wiedza

Kurs zaawansowany zaczniemy od razu od samych konkretów. Dowiesz się czym są dyrektywy i jak je tworzyć, tak by twój kod stał się znacznie lepszy. Omówimy szczegółowo wszystkie najważniejsze zagadnienia takie jak: modyfikatory, argumenty czy specyficzne dla dyrektyw hooki. Nauczę Cię również uzyskiwać niskopoziomowy dostęp do komponentów oraz wysyłać żądania HTTP do serwera za pomocą Vue-axios. Dzięki temu będziesz mógł na przykład zapisywać dane na serwerze, bądź je z niego odczytywać. W kursie nie zabraknie również bardzo ważnej kwestii dotyczącej sposobów logowania oraz rejestracji w SPA. To coś czego nie może zabraknąć w żadnej większej aplikacji.

Walidacja formularzy

Spotkałeś się już z problemem walidacji zawartości pól formularza? Pewnie tak, każdy web developer na pewnym etapie swojej pracy musi się z tym zmierzyć. Na szczęście istnieją biblioteki takie jak Vuelidate, które pozwalają przygotować całą logikę formularzy znacznie szybciej i prościej. W trakcie kursu pokażę Ci jak wykorzystać to narzędzie w praktyce. Dowiesz się między innymi jak tworzyć walidatory, zagnieżdżać je czy walidować tablice dynamiczne.

Testy jednostkowe

Rozwijanie aplikacji, zwłaszcza tych bardziej rozbudowanych wymaga ciągłego ich testowania. Robienie tego ręcznie jest nie tylko bardzo nieefektywne, ale dodatkowo łatwo wtedy o błąd, który może sporo Cię kosztować. Z kursu dowiesz się również ustrzec się takich sytuacji. Zobaczysz jak solidnie testować komponenty wykorzystując testy jednostkowe i metodykę TDD. To bardzo ważna umiejętność każdego współczesnego web developera.

Zaawansowana praca z komponentami

W trakcie kursu poznasz teorię stojącą za renderowaniem komponentu oraz nauczysz się pisać je w alternatywny sposób. Dowiesz się czym są komponenty funkcyjne i jak umożliwią Ci one tworzenie tzw. fractions. Utworzymy sobie również projekt z użyciem Vuetify, który pozwoli Ci lepiej poznać możliwości tego bardzo często wykorzystywanego component frameworku. Zobaczysz w jak łatwy i szybki sposób można tworzyć świetnie wyglądające aplikacje!

Co jeszcze powinieneś wiedzieć

Aby rozpocząć naukę z tym kursem wymagane są podstawy pracy z frameworkiem Vue.js. Możesz je zdobyć dzięki naszemu szkoleniu.

ZOBACZ WIĘCEJ

Program nauczania

1 Wprowadzenie

Wstęp 00m 48s

Jak korzystać z materiałów dołączonych do kursu 01m 05s

2 Dyrektywy

Pierwsza dyrektywa 04m 09s

Hooki: Bind, Inserted i Unbind 07m 02s

Hooki: Update, componentUpdated 04m 59s

Binding 09m 39s

Argumenty 03m 13s

Modyfikatory 03m 06s

Dyrektywy lokalne i skrót za pomocą funkcji 04m 59s

Zadanie 1: Dyrektywa Lazy Load 04m 13s

3 Żądania HTTP z Vue-axios

Instalacja vue-axios 01m 56s

Przygotowanie Firebase i widoku 13m 37s

Dodawanie nowych rekordów - HTTP Post Podgląd 10m 24s

Wczytywanie rekordów – HTTP Get 05m 40s

Usuwanie rekordów – HTTP Delete 10m 02s

Aktualizacja rekordów – HTTP Patch i Put 08m 54s

Globalna konfiguracja Axios 05m 00s

Przechwytywanie żądań i odpowiedzi - Interceptors 04m 57s

Nowa instancja Axios 04m 27s

Zadanie 2: Cytaty 10m 44s

4 Vuelidate

Czym jest i jak zainstalować Vuelidate 01m 59s

Walidator 13m 47s

Metody $touch i $reset 03m 16s

Zagnieżdżanie walidatorów 09m 38s

Walidowanie tablicy dynamicznej 10m 40s

Zadanie 3: Pytanie do quizu 07m 01s

Asynchroniczny walidator 11m 22s

Asynchroniczny walidator i debounce 04m 51s

Dynamiczna walidacja 03m 20s

Tworzenie własnych walidatorów 08m 26s

5 Autentykacja w Vue

Jak działa logowanie w SPA 04m 10s

Rejestracja 07m 52s

Logowanie Podgląd 05m 54s

Operacje tylko dla zalogowanych 06m 25s

Routy tylko dla zalogowanych 07m 11s

Autologowanie 09m 03s

Wylogowywanie 14m 26s

6 Testowanie

Wstęp do testów jednostkowych 02m 01s

Przygotowanie środowiska i pierwszy test 09m 31s

Testowanie interakcji i renderowania 09m 32s

Śledzenie wywołania funkcji 09m 10s

Testowanie zachowań asynchronicznych 10m 40s

Testowanie wartości computed i TDD 12m 31s

Testowanie eventów Podgląd 10m 46s

Stubbing 05m 11s

Izolowane testowanie Vuex - mutacje 05m 59s

Izolowane testowanie Vuex - gettery 05m 38s

Izolowane testowanie Vuex - akcje 15m 15s

State i gettery w komponencie 09m 14s

Mutacje i akcje w komponencie 07m 40s

7 Funkcja render i JSX

Pierwszy komponent za pomocą funkcji render 06m 46s

Drzewo DOM i trochę więcej o createElement 10m 22s

Rozbudowa pierwszego komponentu 07m 42s

Inne elementy template'u w alternatywnym podejściu 12m 18s

Template komponentu przy użyciu JSX 08m 01s

Komponenty funkcyjne 08m 47s

8 Vuetify

Tworzenie projektu 06m 22s

Projekt: widok logowania 15m 11s

Layout dashboardu 09m 15s

Widok: użytkownicy 07m 51s

Widok historii 08m 32s

Widok celów 07m 39s

Widok dashboardu 07m 37s

Zakończenie 00m 34s

Informacje o szkoleniu

8 godzin

64 wykładów

46 materiałów szkoleniowych

Nielimitowany dostęp
Możliwość pobrania pliku
Testy, ćwiczenia
Dostęp z urządzeń mobilnych

119 zł

Zacznij naukę teraz, zapłać w ciągu 21 dni!