Автор Хасан Джирдех
Мы (команда, стоящая за Fullstack React / ng-book и я) запустили Fullstack Vue 🌟!
Мы получили несколько вопросов о деталях книги, поэтому решили создать этот пост, в котором более подробно осветит, что находится внутри.
В первой половине книги рассматриваются основы фреймворка Vue в прогрессивном подходе, основанном на примерах. Сначала мы представляем библиотеку Vue через сеть доставки контента (CDN), прежде чем перейти к созданию приложений, связанных с Webpack. Мы рассмотрим примеры, в которых подробно описывается, как обрабатывать взаимодействие с пользователем, работать с однофайловыми компонентами, разбираться в пользовательских событиях, а затем изучаем различные способы управления состоянием (данными) в приложении Vue.
Вторая половина книги переходит к более сложным концепциям, которые вы часто можете встретить в крупных промышленных приложениях. Мы представляем Vuex (библиотеку, похожую на поток), интегрируем Vuex в приложение, сохраняемое на сервере, управляем расширенными формами, создаем многостраничный приложение, использующее маршрутизацию на стороне клиента, и, наконец, узнайте, как можно написать модульные тесты с помощью официальной библиотеки модульного тестирования Vue (vue-test-utils).
Fullstack Vue тесно связан с миссией Fullstack - обучения на основе проектов. Как всегда, эта книга - не просто книга - это курс с примерами кода для каждой главы.
Fullstack Vue имеет:
- Всего 8 глав и
- 8 уникальных заполненных заявок с
- более 430 страниц содержания
Вот еще немного подробностей о приложениях, созданных в этой книге.
Ваше первое приложение Vue.js
Сначала мы представляем Vue, создав приложение для голосования (названное UpVote!), Которое черпает вдохновение из популярных веб-сайтов социальных сетей, таких как Reddit и Hacker News. С помощью этого приложения мы познакомимся с экземпляром Vue, директивами Vue по умолчанию, привязкой данных и познакомимся с компоненты многократного использования.
Однофайловые компоненты и управление состоянием
Мы будем использовать уникальные однофайловые компоненты Vue, чтобы создать интерфейс приложения, который управляет событиями в недельном календаре. Мы также соберем понимание простого управления состоянием, когда будем управлять данными между различными взаимосвязями компонентов.
Встроенная корзина для покупок Vuex
Мы будем использовать похожую на поток библиотеку Vuex для управления данными для приложения корзины покупок, которое сохраняет информацию на локальном сервере. Мы познакомимся с различными элементами, из которых состоит хранилище Vuex, а также с тем, как модули Vuex можно использовать для масштабирования хранилища Vuex с ориентацией на домен.
Формы с проверками
Мы создадим различные динамические формы, которые принимают вводимые пользователем данные и будут передавать четкие сообщения, если ввод имеет недопустимый формат. Мы включим проверки на уровне полей и форм, а также поймем, как формы могут аккуратно вписаться в архитектуру на основе Vuex.
Динамические маршруты
Мы интегрируем официальную vue-router библиотеку для создания нескольких динамических маршрутов и потока аутентификации по токену, которые будут обрабатываться на стороне клиента. Мы будем использовать мощное свойство Vue watch, реализовать логин и поддерживать средства навигации для определенных маршрутов.
Пуленепробиваемое испытание
Мы будем использовать официальную vue-test-utils библиотеку Vue для создания содержательных тестов для ежедневного погодного приложения, которое взаимодействует со сторонним API. Мы создадим тесты для компонентов, которые интегрируются и взаимодействуют с магазином Vuex и маршрутизатором.
1-часовой скринкаст для начинающих (скоро)
Для покупателей полного пакета в настоящее время мы работаем над предоставлением 1-часового скринкаста о создании и развертывании приложения Vue с нуля. (Мы планируем выпустить этот скринкаст в мае или июне).
И многое другое!
Есть еще много мини-примеров, которые покажут нам, как использовать, создавать и взаимодействовать с настраиваемыми событиями, глобальной шиной событий, настраиваемым маршрутизатором и серверный API!
Скачать первую главу
Если вы заинтересованы и хотите предварительно просмотреть книгу перед покупкой, вы можете загрузить всю первую главу бесплатно с нашего веб-сайта:
Заключение
Надеюсь, это было полезно для более подробного объяснения того, что содержит Fullstack Vue. Для нас очень важно повторить, что огромное спасибо бета-версии / ранним читателям, которые своими невероятными отзывами помогли сформировать Fullstack Vue.
Есть вопросы / комментарии? Мы хотели бы услышать от вас! Напишите нам по адресу [email protected] :).
