Vue 3

Vue 3 - Przegląd nowości

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

1 ocen

Wprowadzenie

Vue.js w wersji 3 to nadal znane i lubiane Vue, ale w świetnej, nowej, bardziej wydajnej odsłonie. Prace nad tym frameworkiem trwały ponad 2 lata. Framework został napisany całkowicie od nowa - dzięki temu jest znacznie bardziej modułowy i zapewnia wyraźnie większą wydajność. Z zewnątrz nie zmieniło się jednak tak wiele. Nowa odsłona to wynik kompromisu pomiędzy dodanymi nowościami, niekompatybilnymi zmianami, a zachowaniem natury Vue 2, którą pokochały miliony designerów i deweloperów. W materiale tym poznasz wszystkie najważniejsze nowości i zmiany jakie zawitały w oficjalnym wydaniu Vue 3.0.0!

  1. Zmiany w tworzeniu aplikacji
  2. Zmiany w rejestrowaniu komponentów
  3. Usunięte funkcje
  4. Fragmenty
  5. Zmiany w v-model
  6. Teleport
  7. Narzędzia CLI
  8. Composition API
  9. Suspense
  10. Inne zmiany

Zmiany w tworzeniu aplikacji

Na początku omówimy zmiany w tworzeniu nowej instancji aplikacji Vue. Po kliku drobnych zmianach, większość prostych aplikacji napisanych z użyciem Vue 2 będzie nadal działać - za to znacznie wydajniej. Niewielkich zmian doczekał się także sposób konfiguracji globalnych komponentów, mixin czy dyrektyw, a kilka z funkcjonalności Vue zostało całkowicie usuniętych. Zobaczysz w jaki sposób sobie z tym poradzić.

Fragmenty, Teleport i zmiany w v-model

Vue 2 wymagało tego, by każdy szablon zawierał wyłącznie jeden główny element. W wersji 3 nie ma już takich restrykcji. Dodano również przydatny komponent Teleport, który pozwala przenieść swoją zawartość z dowolnego miejsca w strukturze DOM. Zmian doczekała się także dyrektywa v-model, która pozwala na synchronizację wielu wartości na jednym komponencie. Zobaczysz jak te wszystkie zmiany wyglądają w praktyce, a także na co zwrócić szczególną uwagę.

Narzędzia CLI

Narzędzie vue-cli doczekało się aktualizacji, która pozwala tworzyć projekty z użyciem Vue 3. Dodatkowo, pojawiło się również nowe narzędzie Vite, które w mgnieniu oka uruchamia lokalny serwer dewelopmencki, a następnie kompiluje i odświeża tworzoną aplikację w locie.

Composition API

Największą nowością dostępną w Vue 3 jest Composition API. Co ważne, to tylko dodatek. Wciąż możemy tworzyć swoje aplikacje z użyciem tzw. Options API, a więc podając po prostu obiekt konfiguracyjny z początkowym stanem aplikacji, metodami, wyliczonymi właściwościami itd. Composition API to nic innego jak oddanie w ręce deweloperów niskopoziomowych funkcji, z których składa się samo Vue 3. Dzięki nim łatwiejsza staje się organizacja kodu, a także tworzenie reużywalnych rozwiązać. W materiale tym poznasz podstawy Composition API, z użyciem którego stworzymy praktyczny przykład.

Eksperymentalne nowości i inne zmiany

Vue w wersji 3 wprowadza kilka eksperymentalnych nowości, które mogą się jeszcze zmienić lub zostać usunięte. Rzucimy jednak okiem co one oferują, a także jak z nich korzystać. Poruszymy również temat innych, mniej znaczących zmian, które mogą sprawić, że aplikacje napisane w Vue 2 trzeba będzie nieco dostosować pod nowe wydanie tego frameworka.

Dla kogo jest ten kurs?

Ten materiał został stworzony z myślą o wszystkich osobach, które chcą poznać nowe możliwości frameworka Vue w wersji 3. Jeżeli chcesz sprawni poruszać się w jego środowisku i w pełni wykorzystać jego potencjał - to materiał dla CIebie!

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
1 godzina 24 minuty

Mini CMS z Vue

Vue.js to jeden z najpopularniejszych framerowków JavaScriptowych ostatnich lat. Z pomocą tego uniwersalnego narzędzia rozszerzysz swoją stronę internetową o dynamiczny interfejs lub od podstaw stworzysz nawet rozbudowaną aplikację internetową. Pracę z Vue.js omówiliśmy już dokładnie w dwóch kursach: <a href="http://eduweb.pl/kursy/javascript/vuejs-od-podstaw.html">Vue.js od Podstaw</a> oraz <a href="http://eduweb.pl/kursy/javascript/vuejs-techniki-zaawansowane.html">Vue.js Techniki Zaawansowane</a>. <br><br> W warsztacie tym skupimy się natomiast na napisaniu z użyciem tego frameworka praktycznej aplikacji, a będzie to mini system CMS w formie aplikacji SPA (Single Page Application), bazujący na stworzonym wcześniej API typu REST. Zobaczysz w jaki sposób stworzyć aplikację po stronie klienta, która komunikować się będzie z serwerem, a także generować cały widok. Jej możliwości to wyświetlanie wpisów, możliwość ich dodawania, edycji czy usuwania. Dodatkowo zaimplementujemy możliwość logowania z użyciem JWT (JSON Web Tokens). <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

5 godzin 11 minut

Kurs Vue.js

Techniki Zaawansowane

Vue.js to obok React i Angular najpopularniejszy framework do tworzenia nowoczesnych aplikacji internetowych. Jest jednak coś, co wyróżnia go na tle konkurentów - niski próg wejścia! Oznacza to, że nie musisz posiadać zaawansowanej wiedzy lub znać innych frameworków JavaScript, aby rozpocząć swoją przygodę z zupełnie innym podejściem, do tworzenia interfejsów użytkownika napędzanych danymi.

Piotr Palarz

7 godzin 6 minut

Kurs Vue.js

od Podstaw

Vue.js to obok React i Angular najpopularniejszy framework do tworzenia nowoczesnych aplikacji internetowych. Jest jednak coś, co wyróżnia go na tle konkurentów - niski próg wejścia! Oznacza to, że nie musisz posiadać zaawansowanej wiedzy lub znać innych frameworków JavaScript, aby rozpocząć swoją przygodę z zupełnie innym podejściem, do tworzenia interfejsów użytkownika napędzanych danymi.

Piotr Palarz

Autor: Piotr Palarz

Web Developer. Na co dzień tworzy strony i aplikacje internetowe. Pasjonat technologii webowych, miłośnik JavaScriptu oraz grafik hobbysta. W wolnych chwilach stale poszerza swoją wiedzę, czyta, publikuje w Internecie, a także stara się aktywnie spędzać czas z dala od ekranu monitora.

Recenzje Vue 3

5

1 dodanych ocen

2020-10-11

Bardzo dobry materiał. Polecam

Robert Studziński

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

Autor: Piotr Palarz

Czas: 1 godzina 12 minut

Aktualizacja: 2020-10-09

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

Vue 3 - Przegląd nowości

  • Vue 3 - Przegląd nowości