Leanpub Header

Skip to main content

Величие Vue.js 2

Изучите Vue.js 2 с нуля!

Эта книга проведет вас по пути популярного JavaScript-фреймворка Vue.js!

К концу этой книги вы сможете быстро создавать фронтенд-приложения и повышать производительность существующих проектов с помощью интеграции Vue.js 2.

Следуйте за нами в Twitter, чтобы быть в курсе последних новостей!

This book is a translation into Russian of The Majesty of Vue.js 2 which was originally written in English

Minimum price

$8.99

$15.99

You pay

$15.99

Authors earn

$12.79
$

...Or Buy With Credits!

You can get credits monthly with a Reader Membership
PDF
EPUB
WEB
294
Pages
16,369Words
About

About

About the Book

Важно!!!

К сожалению, я бы рад распространять эту книгу бесплатно, но это перевод, и не от меня это зависит :(

Но я сделал всё, чтобы цена была доступнее, по крайней мере перевод книги дешевле оригинальной версии, которая уже не актуальная, в отличие от перевода ;)

Также я состою в замечательном сообществе Translation Gang, и вместе с другими участниками поддерживаю русскую документацию по Vue.js в актуальном состоянии. Можете рассматривать покупку книги как мою дальнейшую поддержку документации, которая постоянно улучшается!

✴ ✴ ✴

Happy coding with Vue.js! ;)

Примечание к русскому изданию
В переводе используется на данный момент последняя версия Vue (2.5.17), а также переведены все упражнения, примеры кода, русифицированы скриншоты, исправлены некоторые ошибки в оригинальной книге.
* * *
Настоятельно рекомендую включить уведомления на электронную почту о новых версиях книги, так вы не пропустите важные обновления. При покупке книги я показал, где это можно сделать, смотрите скриншот.

● ● ●

TL; DR: Это книга — обновленная версия «The Majesty of Vue.js 1» , которая была продана тиражом более 800 экземпляров и считалась одним из первых и лучших учебных ресурсов по изучению Vue.js. Данная книга будет постоянно обновляться, чтобы идти в ногу с изменениями Vue.js 2, и новые главы будут добавлены в течение длительного времени.

Эта книга адресована всем, кто интересуется изучением Vue.js. Она будет полезной для разработчиков, только начинающих во Vue.js, а также для тех, кто уже использует Vue.js и хочет расширить свои знания. Она также пригодится тем разработчикам, которые хотят перейти на Vue.js 2.

20% от каждой продажи этой книги будут передан Эвану Ю (Evan You) для поддержки его отличной работы, которую он делает для экосистемы Vue.

Если вы ищете более продвинутые темы, такие как Vuex, Firebase и т.д., посмотрите на Vue School.

Эта книга проведет вас по пути быстро растущему JavaScript-фреймоворка под названием Vue.js!

Некоторое время назад мы начали новый проект, основанный на Laravel и Vue.js. После тщательного ознакомления с руководством Vue.js и несколькими учебниками мы обнаружили нехватку ресурсов по Vue.js во всём интернете. Во время разработки нашего проекта мы приобрели большой опыт, поэтому мы придумали идею написать эту книгу, чтобы поделиться нашими приобретенными знаниями с всем миром. Теперь, когда Vue.js 2 вышел, мы решили, что пришло время обновить нашу книгу, опубликовав вторую версию, где все примеры и их относительное содержимое переписаны.

Книга написана в неформальном, интуитивно понятном и удобном для чтения формате, в котором все примеры достаточно подробны для обеспечения адекватного руководства для всех. Мы начнем с самых основ с помощью демонстрации многих примеров, мы рассмотрим наиболее важные особенности Vue.js 2.

Лучший способ научиться писать код — это писать код, поэтому мы подготовили по одному упражнению в конце большинства глав, чтобы вы могли проверить себя и на самом деле узнать, действительно ли вы освоили каждую главу. Мы также обновили упражнения и решения для Vue 2 и настоятельно рекомендуем вам как можно больше попытаться их решить для лучшего понимания Vue.js.

К концу этой книги вы сможете быстро создавать фронтенд-приложения и повышать производительность существующих проектов с помощью интеграции Vue.js 2.

Для кого эта книга

Каждый, кто потратил время на изучение современной веб-разработки, работал с Bootstrap, JavaScript и c множеством JavaScript-фреймворков.

Эта книга предназначена для всех, кто интересуется легким и простым JavaScript-интерфейсом.

Никаких особых знаний не требуется, хотя было бы хорошо знать основы HTML и JavaScript. Если вы не знаете, какая разница между строкой и объектом, возможно, вам сначала нужно поучиться основам веб-разработки.

Эта книга также будет полезна для любого, кто уже знаком с Vue.js и хочет расширить свои знания.

Share this book

This book is a translation into Russian of The Majesty of Vue.js 2 which was originally written in English

Author

About the Authors

Alex Kyriakidis

Alex Kyriakidis is an ambitious, award winner developer, software engineer perfectionist and currently addicted to Laravel and Vue.js. He has worked with several teams delivering high quality cross-platform applications, APIs and websites.

Alex spends his time learning cutting edge technologies every day, striving to make the best developer out of himself.

Alexey Pyltsyn

Web developer (mostly PHP and JavaScript). Maintainer of official Russian documentation on PHP. Translate articles on web development into Russian for devSchacht.

Roman Sadzhenytsia

Python/Javascript enthusiast

Contents

Table of Contents

Предисловие к русскому изданию

  1. Введение

Про Vue.js

  1. Обзор Vue.js
  2. Что говорят люди о Vue.js
  3. Сравнение с другими фреймворками

Добро пожаловать

  1. О книге
  2. Для кого эта книга
  3. Как с нами связаться
  4. Домашние задания
  5. Код примеров
  6. Опечатки
  7. Принятые обозначения
  8. Это предупреждение
  9. Это совет
  10. Это информационный блок
  11. Это примечание
  12. Это подсказка
  13. Это команда в терминале
  14. Это текст сравнения
  15. Это ссылка на GitHub.

О русском издании

  1. Немного о переводчике
  2. Опечатки
  3. Обновления
  4. Благодарности
  5. Принятые соглашения
  6. Примечание к отображению блоков кода
  7. Обратная связь
  8. IОсновы Vue.js

1.Установка Vue.js

  1. 1.1Автономная версия
  2. 1.2Загрузка с помощью NPM
  3. 1.3Загрузка с помощью Bower

2.Приступаем к работе

  1. 2.1Привет, Мир
  2. На заметку
  3. 2.2Двусторонняя привязка
  4. 2.3Сравнение с jQuery
  5. Примеры кода
  6. 2.4Домашнее задание
  7. Примечание
  8. Возможное решение

3.Вкус директив

  1. 3.1v-show
  2. На заметку
  3. На заметку
  4. 3.2v-if
  5. Предупреждение
  6. 3.3v-else
  7. Предупреждение
  8. 3.4v-if по сравнению с v-show
  9. Примеры кода
  10. 3.5Домашняя работа
  11. Подсказка
  12. Возможное решение

4.Отрисовка списков

  1. 4.1Установка и использование Bootstrap
  2. На заметку
  3. Совет
  4. 4.2v-for
  5. Предупреждение
  6. Примечание
  7. 4.3Отрисовка массива
  8. Атрибут key
  9. На заметку
  10. 4.4Объект v-for
  11. На заметку
  12. Примеры кода
  13. 4.5Домашняя работа
  14. Возможное решение

5.Интерактивность

  1. 5.1Обработка событий
  2. На заметку
  3. Предупреждение
  4. 5.2Модификаторы событий
  5. Примечание
  6. 5.3Модификаторы клавиш
  7. Подсказка
  8. 5.4Вычисляемые свойства
  9. Примечание
  10. Примеры кода
  11. 5.5Домашняя работа
  12. Подсказка
  13. Возможное решение

6.Фильтры

  1. 6.1Отфильтрованные результаты
  2. На заметку
  3. На заметку
  4. Примечание
  5. 6.2Отсортированные результаты
  6. 6.3Пользовательские фильтры
  7. 6.4Служебные библиотеки
  8. Синтаксис
  9. Подсказка
  10. Примеры кода
  11. 6.5Домашняя работа
  12. Подсказка
  13. Возможное решение

7.Компоненты

  1. 7.1Что такое компоненты?
  2. 7.2Использование компонентов
  3. Примечание
  4. 7.3Шаблоны
  5. На заметку
  6. 7.4Входные параметры
  7. Предупреждение
  8. На заметку
  9. 7.5Повторное использование
  10. На заметку
  11. Примечание
  12. Подсказка
  13. Предупреждение
  14. 7.6Всё вместе
  15. Примеры кода
  16. 7.7Домашняя работа
  17. Возможное решение

8.Пользовательские события

  1. 8.1Генерация и обработка событий
  2. Предупреждение
  3. 8.2Взаимодействие родительского и дочернего компонента
  4. 8.3Передача аргументов
  5. На заметку
  6. 8.4Взаимодействие не между родительским и дочерним компонентом
  7. Предупреждение
  8. 8.5Удаление обработчика событий
  9. 8.6Обратно к историям
  10. На заметку
  11. Примеры кода
  12. 8.7Домашняя работа
  13. Подсказка
  14. Подсказка
  15. Возможное решение

9.Привязки к классу и стилю

  1. 9.1Привязка CSS-класса
  2. На заметку
  3. Подсказка
  4. 9.2Связывание стилей
  5. Информация для продвинутых
  6. 9.3Привязки в действии
  7. Примеры кода
  8. 9.4Домашняя работа
  9. Подсказка
  10. Возможное решение
  11. IIИспользование API

10.Предисловие

  1. 10.1CRUD
  2. 10.2API
  3. Примечание
  4. Подсказка

11.Работа с реальными данными

  1. На заметку
  2. 11.1Получение данных асинхронно
  3. Важная информация
  4. Предупреждение
  5. Предупреждение
  6. 11.2Рефакторинг
  7. Примечание
  8. 11.3Обновление данных
  9. 11.4Удаление данных

12.HTTP-клиенты

  1. 12.1Введение
  2. 12.2Vue-resource
  3. Важная информация
  4. 12.3Axios
  5. Подсказка
  6. 12.4Интеграция axios
  7. Важная информация
  8. 12.5Расширение функциональности
  9. Важная информация
  10. Важная информация
  11. Подсказка
  12. Подсказка
  13. 12.6JavaScript-файл
  14. 12.7Исходный код
  15. Примеры кода
  16. 12.8Домашняя работа
  17. Возможное решение

13.Пагинация

  1. На заметку
  2. 13.1Реализация
  3. 13.2Ссылки на пагинацию
  4. Примеры кода
  5. 13.3Домашняя работа
  6. IIIСоздание крупномасштабных приложений

14.ECMAScript 6

  1. Важная информация
  2. 14.1Введение
  3. Примечание
  4. 14.2Объявления переменных
  5. На заметку
  6. 14.3Стрелочные функции
  7. 14.4Модули
  8. 14.5Классы
  9. 14.6Значения параметров по умолчанию
  10. 14.7Шаблонные литералы

15.Продвинутый рабочий процесс

  1. 15.1Компиляция ES6 с помощью Babel
  2. Важная информация
  3. Что такое package.json?
  4. Подсказка
  5. Важная информация
  6. Подсказка
  7. Вторая подсказка
  8. Возможное решение
  9. 15.2Автоматизация рабочего процесса с помощью Gulp
  10. Зачем использовать менеджер задач?
  11. Gulp или Grunt
  12. Примечание
  13. Возможное решение
  14. 15.3Сборка модулей с помощью Webpack
  15. Подсказка
  16. Дальнейшее обучение
  17. 15.4Резюме
  18. Примечание

16.Работа с однофайловыми компонентами

  1. 16.1vue-cli
  2. Важная информация
  3. Подсказка
  4. На заметку
  5. Сравнение пресетов Standard и Airbnb
  6. На заметку
  7. На заметку
  8. Предупреждение
  9. На заметку
  10. Важная информация
  11. Сравнение Vue CLI 2.x и 3.х
  12. Сравнение Vue CLI 2.x и 3.х
  13. Предупреждение
  14. Заметка
  15. 16.2Формирование файлов .vue
  16. Заметка
  17. Заметка
  18. Примеры кода

17.Устранение повторяющегося состояния

  1. 17.1Совместное использование через входные параметры
  2. 17.2Глобальное хранилище
  3. Предупреждение
  4. Примеры кода

18.Замена компонентов

  1. 18.1Динамические компоненты
  2. Примеры кода

19.Vue Router

  1. Информация для дальнейшего изучения
  2. 19.1Установка
  3. 19.2Использование
  4. На заметку
  5. Подсказка
  6. Заметка
  7. 19.3Именованные маршруты
  8. 19.4Режим HTML5 History
  9. Информация
  10. 19.5Вложенные маршруты
  11. 19.6Автоматическое добавление CSS-класса на активный маршрут
  12. 19.7Объект маршрута
  13. 19.8Динамические сегменты
  14. Важная информация
  15. Заметка
  16. Заметка
  17. 19.9Псевдонимы маршрутов
  18. 19.10Программная навигация
  19. Предупреждение
  20. 19.11Переходы
  21. 19.12Навигационные хуки
  22. Примеры коды
  23. 19.13Домашнее задание
  24. На заметку
  25. Первая подсказка
  26. Вторая подсказка

20.Заключение

  1. Не оставайтесь в стороне!

21.Дальнейшее обучение

  1. 21.1Руководства
  2. 21.2Видеоуроки
  3. 21.3Книги
  4. 21.4Проекты с открытым исходным кодом
  5. 21.5Awesome Vue
  6. Полезные русскоязычные ресурсы по Vue.js
  7. Общее
  8. Статьи
  9. Лучшие практики
  10. Видео
  11. Аудио

Contributor

About the Contributors

Python/Javascript enthusiast

Get the free sample chapters

Click the buttons to get the free sample in PDF or EPUB, or read the sample online here

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earned over $14 million writing, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub