Vue js 2 Wprowadzenie dla profesjonalistow.pdf

(2140 KB) Pobierz
Tytuł oryginału: Pro Vue.js 2
Tłumaczenie: Krzysztof Rychlicki-Kicior
ISBN: 978-83-283-5498-2
Original edition copyright © 2018 by Adam Freeman.
All rights reserved.
Polish edition copyright © 2019 by HELION SA.
All rights reserved.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any
means, electronic or mechanical, including photocopying, recording or by any information storage
retrieval system, without permission from the Publisher.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej
publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną,
fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje
naruszenie praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich
właścicieli.
Autor oraz Helion SA dołożyli wszelkich starań, by zawarte w tej książce informacje były kompletne
i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane z tym
ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Helion SA nie ponoszą również
żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji zawartych
w książce.
Materiały graficzne na okładce zostały wykorzystane za zgodą Shutterstock Images LLC.
Helion SA
ul. Kościuszki 1c, 44-100 Gliwice
tel. 32 231 22 19, 32 230 98 63
e-mail:
helion@helion.pl
WWW:
http://helion.pl
(księgarnia internetowa, katalog książek)
Pliki z przykładami omawianymi w książce można znaleźć pod adresem:
ftp://ftp.helion.pl/przyklady/vue2wp.zip
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/vue2wp
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Printed in Poland.
Kup książkę
Poleć książkę
Oceń książkę
Księgarnia internetowa
Lubię to! » Nasza społeczność
Spis treści
O autorze ..................................................................................................... 15
O korektorze merytorycznym ....................................................................... 17
Część I
Rozdział 1.
Zaczynamy pracę z Vue.js .........................................................19
Twoja pierwsza aplikacja w Vue.js .............................................................. 21
Przygotowanie środowiska programistycznego ..................................................................21
Instalowanie Node.js ........................................................................................................21
Instalowanie pakietu @vue/cli ........................................................................................22
Instalowanie narzędzia Git ..............................................................................................23
Instalowanie edytora ........................................................................................................23
Instalowanie przeglądarki ...............................................................................................24
Tworzenie projektu .................................................................................................................24
Struktura podkatalogów w projekcie .............................................................................24
Uruchamianie narzędzi deweloperskich .......................................................................25
Zamiana treści zastępczych .................................................................................................... 26
Dodawanie frameworka do obsługi stylów CSS ...........................................................28
Stylowanie elementów HTML ........................................................................................29
Dodawanie treści dynamicznych ...........................................................................................29
Wyświetlanie listy zadań .................................................................................................31
Dodawanie przycisku wyboru (checkbox) ....................................................................33
Filtrowanie zakończonych zadań ...................................................................................34
Tworzenie nowych zadań ................................................................................................36
Trwałe przechowywanie danych ....................................................................................38
Ostatnie szlify ....................................................................................................................40
Podsumowanie .........................................................................................................................42
Kup książkę
Poleć książkę
SPIS TREŚCI
Rozdział 2.
Zrozumieć Vue.js ......................................................................................... 43
Czy warto korzystać z Vue.js? ................................................................................................ 44
Zasada działania aplikacji wielostronicowych ............................................................. 44
Zasada działania SPA ....................................................................................................... 44
Złożoność aplikacji ........................................................................................................... 46
Co muszę wiedzieć? ................................................................................................................. 46
Jak skonfigurować swoje środowisko programistyczne? ................................................... 46
Jaki jest układ treści w tej książce? ........................................................................................ 46
Część I. Zaczynamy pracę z Vue.js ................................................................................ 47
Część II. Vue.js pod lupą ................................................................................................. 47
Część III. Zaawansowane funkcje Vue.js ...................................................................... 47
Czy znajdę tu dużo przykładów? ........................................................................................... 47
Gdzie znajdę przykładowe kody? .......................................................................................... 49
Podsumowanie ......................................................................................................................... 49
Rozdział 3.
Podstawy HTML i CSS .................................................................................. 51
Przygotowania do rozdziału .................................................................................................. 51
Jak działają elementy języka HTML? .................................................................................... 53
Element a jego treść .......................................................................................................... 54
Jak działają atrybuty? ....................................................................................................... 55
Analiza przykładowego dokumentu HTML ....................................................................... 56
Jak działa Bootstrap? ............................................................................................................... 58
Stosowanie podstawowych klas Bootstrapa ................................................................. 58
Stosowanie Bootstrapa do tworzenia siatki .................................................................. 60
Stosowanie Bootstrapa do stylowania tabel .................................................................. 60
Stosowanie Bootstrapa do stylowania formularzy ....................................................... 62
Podsumowanie ......................................................................................................................... 63
Rozdział 4.
Elementarz JavaScriptu ................................................................................ 65
Przygotowania do rozdziału .................................................................................................. 66
Stosowanie instrukcji .............................................................................................................. 68
Tworzenie i używanie funkcji ................................................................................................ 68
Definicja funkcji z parametrami .................................................................................... 70
Tworzenie funkcji zwracających wyniki ....................................................................... 71
Przekazywanie funkcji przez argument ........................................................................ 71
Zmienne i typy ......................................................................................................................... 72
Typy prymitywne ............................................................................................................. 74
Operatory języka JavaScript ................................................................................................... 76
Instrukcje warunkowe ..................................................................................................... 77
Operator równości a operator identyczności ............................................................... 77
Jawna konwersja typów ................................................................................................... 78
Obsługa tablic .......................................................................................................................... 79
Literały tablicowe ............................................................................................................. 80
Odczyt i modyfikacja zawartości tablicy ....................................................................... 80
Przeglądanie zawartości tablicy ...................................................................................... 81
Operator rozwinięcia ....................................................................................................... 81
Wbudowane metody do obsługi tablic .......................................................................... 82
6
Kup książkę
Poleć książkę
SPIS TREŚCI
Obsługa obiektów ....................................................................................................................82
Literały obiektowe ............................................................................................................84
Stosowanie funkcji jako metod .......................................................................................85
Kopiowanie właściwości pomiędzy obiektami .............................................................85
Moduły w języku JavaScript ...................................................................................................86
Tworzenie i używanie modułów ....................................................................................86
Tworzenie wielu mechanizmów w jednym module ....................................................88
Łączenie wielu plików w jeden moduł ...........................................................................89
Zasady działania obietnic .......................................................................................................90
Problemy z asynchronicznym wykonywaniem operacji ............................................91
Przykład z użyciem obietnic ............................................................................................91
Uproszczenie kodu asynchronicznego ..........................................................................92
Podsumowanie .........................................................................................................................93
Rozdział 5.
Sklep sportowy: prawdziwa aplikacja ......................................................... 95
Tworzenie projektu Sklep sportowy .....................................................................................95
Dodawanie dodatkowych pakietów ...............................................................................96
Przygotowanie REST-owej usługi sieciowej .................................................................98
Uruchamianie narzędzi projektowych ........................................................................100
Tworzenie magazynu danych ..............................................................................................101
Tworzenie magazynu produktów .......................................................................................103
Tworzenie listy produktów ...........................................................................................104
Dodawanie listy produktów do aplikacji .....................................................................106
Przetwarzanie cen ...........................................................................................................106
Obsługa stronicowania listy produktów .....................................................................108
Obsługa wyboru kategorii .............................................................................................114
Zastosowanie REST-owej usługi sieciowej ........................................................................117
Podsumowanie .......................................................................................................................119
Rozdział 6.
Sklep sportowy: rozliczenie i zamówienia ................................................. 121
Przygotowania do rozdziału .................................................................................................121
Tworzenie zastępczej treści dla koszyka .............................................................................121
Konfiguracja trasowania adresów URL ..............................................................................122
Wyświetlanie trasowanego komponentu ....................................................................123
Implementacja funkcji koszyka ...........................................................................................124
Dodatkowy moduł w magazynie danych ....................................................................125
Obsługa mechanizmu wyboru produktów .................................................................126
Wyświetlanie zawartości koszyka .................................................................................128
Tworzenie globalnego filtru ..........................................................................................131
Testowanie podstawowych funkcji koszyka ...............................................................132
Utrwalanie koszyka ........................................................................................................132
Dodawanie widżetu podsumowania koszyka .............................................................135
Obsługa rozliczenia i dodawania zamówień ......................................................................137
Tworzenie i rejestracja komponentów rozliczenia ....................................................138
Dodawanie formularza walidacji ..................................................................................141
Dodawanie pozostałych pól i walidacji .......................................................................144
Podsumowanie .......................................................................................................................147
7
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin