Przejdź do treści
strefakursów

Kurs Vue.js - od podstaw

Twórz nowoczesne aplikacje webowe we frameworku JavaScript. Zdobądź podstawy pracy z Vue.js przechodząc przez cały proces tworzenia Single Page Application

4,9 48 opinii Autor: Filip Jędrasik
63 lekcje 42 pytania testowe Poziom: Podstawowy Język: polski Certyfikat
119 zł

Oferta specjalna

Kup ten kurs za 65 zł z kodem

00 dni
00 godz.
00 min.
00 sek.

Minimalna wartość w koszyku, aby aktywować kod: 199 zł.

Dostęp od razu po zakupie

Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.

Dodaj do listy życzeń

Szczegóły, które warto znać

8 godzin materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
63 lekcje wideo
Poziom: Podstawowy
Testy i zadania
42 pytania testowe
Rekomendacje na LinkedIn
Napisy dostępne w językach: polski, angielski, ukraiński
Dostęp w aplikacji mobilnej

Opis szkolenia

Czego się nauczysz:

  • przygotowania środowiska developerskiego

  • budowy dynamicznych aplikacji typu SPA

  • pracy z komponentami i dyrektywami

  • tworzenie własnych filtrów oraz mixinów

  • zarządzania stanem aplikacji dzięki bibliotece VueX

  • tworzenia i walidacji formularzy

  • przygotowania routingu

  • tworzenie efektownych animacji

Kurs powstał z myślą o początkujących front-end developerach, którzy znają już podstawy JavaScriptu, ale niekoniecznie mieli okazję pracować w którymś z front-endowych frameworków. Oznacza to, że wcale nie musisz dysponować dużą wiedzą na temat tworzenia aplikacji webowych. Większość umiejętności zdobędziesz właśnie dzięki temu szkoleniu. Kluczowe pojęcia będziemy poznawać stopniowo i utrwalać wykonując praktyczne zadania, co pozwoli Ci znacznie szybciej opanować framework Vue.js i wykorzystać jego możliwości.

Środowisko pracy

Od czego zaczniemy naukę Vue.js? Od przygotowania środowiska developerskiego i poznania struktury projektów Vue.js. Zobaczysz jak pracować z Vue CLI i GUI. Nauczę Cię budować aplikację, tak by mogła zostać wysłana na serwer. Pokażę Ci jak dzielić aplikację na mniejsze reużywalne fragmenty, dzięki czemu będziesz mógł łatwiej i wydajniej pracować nad swoimi projektami.

Komponenty, filtry i mixiny

Obszerny rozdział kursu poświęciłem pracy z komponentami. Poznasz ich nazewnictwo, zobaczysz jak wygląda komunikacja pomiędzy komponentami typu “rodzic - dziecko” czy “dziecko - dziecko”. Dowiesz się również czym są sloty oraz jak pracować z dynamicznymi komponentami. Przyjrzymy się także filtrom oraz sytuacjom, w których mogą Ci się przydać. Dowiesz się również jak za pomocą mixinów skracać kod aplikacji i pozbywać się powtarzalnych jego fragmentów, tak by było on bardziej czytelny i łatwiejszy w analizie.

Single Page Application

SPA to obecnie jeden z najgorętszych trendów we front-endzie. Każdy chce mieć dzisiaj aplikacje tego typu. W trakcie kursu zobaczysz jak krok po kroku powstają takie aplikacje. Dowiesz się jak zadbać o odpowiedni routing w single page’u i będziesz umiał tworzyć płynne przejścia pomiędzy routami i elementami aplikacji. Zobaczysz jak animować te przejścia przez co ogólny odbiór Twojej aplikacji i doświadczenia użytkowników będą znacznie lepsze. W trakcie tworzenia aplikacji zdobędziesz dobre praktyki, począwszy od stosowania poprawnego nazewnictwa do zagadnień optymalizacyjnych.

VueX - zarządzanie stanem aplikacji

W ostatnim rozdziale poznasz podstawy VueX. To niezwykle przydatna biblioteka umożliwiająca tworzenie globalnego stanu, do którego bez problemu odniesiesz się z dowolnego miejsca w kodzie. Przed zagłębieniem się w świat Vue, może wydawać Ci się to nieco abstrakcyjne, ale szybko przekonasz się, że już przy średniej wielkości projektach VueX stanowi prawdziwy must-have każdego front-end developera.

Co jeszcze powinieneś wiedzieć?

Do swobodnej pracy z kursem potrzebna jest podstawowa wiedza z zakresu tworzenia stron internetowych, ze szczególnym naciskiem na znajomość języka JavaScript. Możesz ją zdobyć lub uzupełnić dzięki naszym szkoleniom.

Kup w pakiecie i oszczędź

Kurs Vue.js - od podstaw

Kurs Vue.js - od podstaw

4.9 (48)

119 zł

Kurs Vue.js - zaawansowany

Kurs Vue.js - zaawansowany

4.9 (27)

119 zł

Cena za zakup pakietu

190 zł 238 zł −20%

Oszczędzasz w pakiecie: 48 zł

Zyskujesz 19.04 zł w punktach na kolejne zakupy.

Kup w pakiecie

Program kursu

9 modułów · 63 lekcje

1 · Wprowadzenie
  • Wstęp 00m 51s
  • Jak korzystać z materiałów? 01m 20s
2 · Pierwsze kroki
  • Pierwsza aplikacja VueJS 09m 30s
  • Dyrektywa v-bind 04m 10s
  • Wyświetlanie kodu HTML 03m 28s
  • Zdarzenia 12m 25s
  • Zadanie 1 - Modal 09m 48s
  • Inline JS oraz skróty 04m 18s
  • V-model 03m 21s
  • Optymalne obserwowanie zmian za pomocą Computed 08m 37s
  • Alternatywna metoda obserwacji zmian – Watch 06m 36s
  • Zadanie 2 - odwracanie tekstu 05m 16s
  • Dynamiczne nadawanie styli CSS 10m 16s
  • Zadanie 3 - stylowanie 05m 26s
  • Dyrektywa v-if, v-else, v-else-if 11m 02s
  • V-if czy V-show? 03m 30s
  • Iteracje, czyli dyrektywa v-for 14m 09s
  • Zadanie 4 - plan lekcji 10m 08s
3 · Projekt: Mistrz słówek
  • Koncepcja projektu - Mistrz słówek 03m 46s
  • Szkielet projektu 14m 58s
  • Wykorzystanie cyklu życia instancji VueJS 07m 54s
  • Finalizacja projektu 05m 48s
4 · Zapoznanie z Vue CLI
  • Po co mi Vue CLI? 03m 00s
  • Przygotowanie środowiska 03m 27s
  • Tworzenie projektu Vue 09m 16s
  • Zmienne środowiskowe 05m 08s
  • Vue GUI 05m 10s
  • Zrozumieć pliki *.vue 03m 55s
5 · Komponenty
  • Podstawy komponentów 12m 07s
  • Nazewnictwo komponentów 19m 33s
  • Zasięg stylów CSS 06m 59s
  • Komunikacja między komponentami Rodzic - Dziecko 09m 48s
  • Komunikacja między komponentami Dziecko – Rodzic 08m 16s
  • Komunikacja pomiędzy dziećmi 08m 38s
  • Trzeci sposób komunikacji między dziećmi 08m 16s
  • Zadanie 5 - menedżer championów 24m 05s
  • V-model na własnym komponencie 07m 40s
  • Sloty 06m 34s
  • Dynamiczne komponenty 09m 40s
6 · Filtry i mixiny
  • Lokalny I globalny filtr 09m 57s
  • Mixiny 08m 32s
7 · Animowane przejścia
  • Wstęp do animacji 09m 06s
  • Przejście za pomocą animacji 09m 06s
  • Własne klasy CSS 09m 27s
  • Animowanie za pomocą JS 11m 10s
  • Animowanie listy 11m 45s
  • Zadanie 6 - animowana zmiana komponentu 06m 43s
8 · Vue-router
  • Instalacja Vue-router 09m 17s
  • Tryby 04m 34s
  • Lepsza nawigacja 08m 50s
  • Ręczna nawigacja I parametry routingu 12m 12s
  • Zagnieżdżanie routów 07m 29s
  • Nazywanie routów 06m 44s
  • Query parameters 06m 31s
  • Przekierowania I dopasowywanie dynamiczne 07m 22s
  • beforeEnter Guard 10m 23s
  • beforeLeave Guard 02m 27s
  • Dynamiczne ładowanie routów 03m 19s
9 · Vuex
  • Wstęp do Vuex 11m 10s
  • Getters 06m 47s
  • Mutacje 06m 47s
  • Akcje 05m 11s
  • Zakończenie 01m 21s

Twój instruktor

Filip Jędrasik

Filip Jędrasik

Web Developer

Od najmłodszych lat interesował się tworzeniem witryn internetowych. Zawodowo związany nie tylko z technologiami front-endowymi, ale też back-endem. Kieruje nim nieustanne pragnienie samorozwoju. W wolnym czasie pasjonat Freestyle BMX oraz pływania.

Opinie kursantów

5,0 Zweryfikowana
„Kurs rewelacyjny. Najlepsze w nim są zadania na utrwalenie materiału. Są bardzo ciekawe i aż chce się samemu robić takie zadanka. Dobra robota :) Polecam serdecznie :)"
M Mateusz Pawełkiewicz zweryfikowany kursant
5,0 Zweryfikowana
„Jest to bardzo dobre wprowadzenie w zagadnienia związane z Vue.js. Właściwie kurs ten pozwolił mi rozpocząć moją przygodę z tym frameworkiem. Dobrana tematyka sprawia, ze po przerobieniu materiału można śmiało pisać rzeczy na pozór trudne i skomplikowane. Zresztą takie jest samo Vue.js. Wystarczy znać właściwie niewiele aby umieć tworzyć coś ciekawego."
Czytaj więcej
J Jarosław Baca zweryfikowany kursant
5,0 Zweryfikowana
„Świetny kurs ! Pozycja obowiązkowa dla każdego kto zajmuje się front-endem :) Świetne wprowadzenie do tematu zaawansowanych frameworków JS osobom, które dopiero są na początku swojej kariery. Dużym plusem jest wprowadzenie do VUEX, który jest nieodzowny praktyczne w każdym komercyjnym projekcie :) "
Czytaj więcej
A Adam Woźniewski zweryfikowany kursant
5,0 Zweryfikowana
„Wiedza nt. framework'a Vue.js przekazana w prosty i przejrzysty sposób. Wszystkie zagadnienia wytłumaczone na wylot, nie trzeba nigdzie szukać dodatkowych informacji, aby zrozumieć co autor miał na myśli. Polecam ;) "
J Jakub Snopkiewicz zweryfikowany kursant

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp, pozwolą Ci rozwinąć się zawodowo i podnieść swoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl


Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:



Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

  • Otwórz aplikację Google Play.
  • Kliknij ikonę swojego profilu w prawym górnym rogu.
  • Wybierz Płatności i subskrypcje > Historia zakupów.
  • Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

    • Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.

Dla firm
Uczysz się do pracy? Kup ten kurs przez firmę
Dla siebie, pracownika lub zespołu – z fakturą i opcją ceny zespołowej.
Sprawdź zakup firmowy
Sprawdź zakup firmowy

Powiązane tematy

Tworzenie aplikacji webowych Tworzenie stron internetowych JavaScript

Zobacz też

Podobne kursy

Kurs Vue.js - zaawansowany

Programowanie

Kurs Vue.js - zaawansowany

4.9 (27)

119 zł

Tworzenie aplikacji na Androida dla nieprogramistów

Programowanie

Tworzenie aplikacji na Androida dla nieprogramistów

4.9 (105)

119 zł

Kurs Arduino - praktyczny projekt robota

Programowanie

Kurs Arduino - praktyczny projekt robota

4.9 (134)

129 zł

Kurs JAVA - testy jednostkowe

Programowanie

Kurs JAVA - testy jednostkowe

4.9 (59)

119 zł

Kurs Metodologia BEM - jak pisać dobry kod CSS

Programowanie

Kurs Metodologia BEM - jak pisać dobry kod CSS

4.9 (38)

129 zł

Kurs Nginx - wydajne serwery od podstaw

IT i oprogramowanie

Kurs Nginx - wydajne serwery od podstaw

4.8 (41)

149 zł

Kurs PostgreSQL - administracja bazami danych

Programowanie

Kurs PostgreSQL - administracja bazami danych

4.8 (52)

149 zł

Projektowanie RESTful API - dobre praktyki

Programowanie

Projektowanie RESTful API - dobre praktyki

4.8 (46)

119 zł

Kurs Microsoft SQL Server - od podstaw

Programowanie

Kurs Microsoft SQL Server - od podstaw

4.8 (114)

149 zł

Kurs JAVA Hibernate - aplikacje bazodanowe

Programowanie

Kurs JAVA Hibernate - aplikacje bazodanowe

4.9 (54)

119 zł

Dostęp od razu po zakupie

119 zł

Zwrot w 3 krokach

Masz 30 dni na zwrot od daty zakupu.

  1. 1

    Zleć zwrot jednym kliknięciem

    Przejdź do Historii zamówień i wybierz „Dokonaj zwrotu" przy zamówieniu, które chcesz zwrócić.

  2. 2

    Potwierdzamy zwrot

    Dostajesz potwierdzenie przyjęcia zwrotu - zwykle w 1 dzień roboczy.

  3. 3

    Pieniądze wracają

    Tą samą metodą, którą zapłacono - zwykle w 3-5 dni roboczych, maksymalnie 14 dni.

Pełne warunki znajdziesz w regulaminie zakupów.

Kod na pierwszy zakup

Odbierz 10% rabatu na pierwsze zamówienie

Dołącz do newslettera z promocjami i odbierz kod rabatowy.

Jest z nami już ponad 106 tys. subskrybentów

Podając adres e-mail zapisujesz się do newslettera i akceptujesz politykę prywatności. W każdej chwili możesz się wypisać.

Ups! Coś poszło nie tak

Zabezpieczenie antybotowe uznało, że Twoje ostatnie zgłoszenie mogło pochodzić od bota, i je zablokowało. Spróbuj ponownie. W razie problemów skontaktuj się z nami.