VIB - Интерактивный учебник по Vue.js

Привет! Меня зовут Александр и я опытный frontend-разработчик в области e-commerce, специализируюсь на разработке больших высоконагруженных приложений таких как маркетплейсы с высокой посещаемостью и объемной бизнес логикой. Работал в таких крупных компаниях как Коммерсантъ, Л`Этуаль, Камаз

Подробнее обо мне тут:

Подписывайтесь в телеграм

Проект только в процессе запуска, будет много интересного, подпишись чтобы ничего не пропустить :)

Vue interactive book включает в себя текстовые уроки, тестирование и практические задания - https://vib-online.ru

Пара слов о проекте

В ру сегменте интернета присутствует небольшое количество обучающих материалов по vue.js Более-менее качественными являются платные курсы и то, они дают только поверхностное представление о базовых вещах во vue. Крупные площадки по какой то причине редко делают курсы по vue, хотя фреймворк очень популярен и продолжает захватывать рынок вытесняя конкурентов за счет своих явных преимуществ. Не смотря на великолепную документацию vue, она все равно является справочником, а не самоучителем. Так и возникла идея создать собственную платформу которая позволит быстро и качественно обучаются vue, а так же поспособствует его популяризации в ру сегменте.

Цели проекты

  • Предоставить удобный сервис для качественного обучения
  • Популяризировать vue в ру сегменте

Преимущества платформы VIB

  • Источник качественной теоретической информации
  • Возможность закрепить теорию (за счет тестирования)
  • Возможность разобраться во всех деталях на практике (практические задания)

Что такое Vue

Vue.js это JavaScript-фреймворк с открытым исходным кодом для создания пользовательских интерфейсов. Легко интегрируется в проекты с использованием других JavaScript-библиотек. Может функционировать как веб-фреймворк для разработки одностраничных приложений в реактивном стиле. На данный момент поддерживается создателем Эваном Ю и остальными активными членами основной команды из различных компаний, таких как Netlify, Netguru, Baidu, Livestorm.

История

история создания одним человеком такого мощного инструмента

В 2013 году сотрудник Google Эван Ю (Evan You), работая над одним из проектов, пришёл к выводу, что не существует готовых решений для быстрого прототипирования сложных пользовательских интерфейсов веб-приложений: React тогда был на ранней стадии разработки, основными инструментами были такие сложные фреймворки, как AngularJS или ориентированный на MVC-архитектуру Backbone.js, не отличавшиеся простотой и ориентированные на разработку больших приложений. Для преодоления этого пробела Ю начал разработку Vue.js, которая, сохраняя простоту, оказалась пригодна не только для прототипирования, но и для полноценной разработки

В октябре 2015 года была выпущена версия 1.0 библиотеки, в сентябре 2016 года — версия 2.0. Начиная с версии 2.0 он поддерживает также рендеринг на стороне сервера, он же SSR (Server-Side Rendering).

Переход на 3-ю версию18 cентября 2020 года была выпущена версия Vue.js 3.0.0 «One Piece», по словам разработчиков «обеспечивает улучшенную производительность, меньший размер пакетов, лучшую интеграцию с TypeScript, новые API для решения крупномасштабных задач и прочную основу для будущих итераций фреймворка в долгосрочной перспективе»

Релиз 3.0 вобрал в себя более 2 лет усилий по разработке, включая более 30 RFC, более 2600 коммитов, 628 запросов от 99 разработчиков, плюс огромный объём работы над разработкой и документацией. Весь код был переписан на более эффективный TypeScript, что даёт преимущества в гибкой разработке. Также представлен новый набор API Composition

Мировое признание

Опрос разработчиков о JavaScript, проведенный в 2022 году, показал, что Vue удовлетворяет 77,4 % сообщества. Vue версии 2 имеет 204 тысячи звезд на GitHub, версия 3 — 38 тысяч. Является третьим по величине проектом в истории GitHubКонцепцияПодходы и структура

Разработчики называют Vue.js прогрессивным и постепенно адаптируемым по сравнению с другими веб-фреймворками. Это позволяет разработчику настроить структуру приложения в соответствии с собственными требованиями.

Эффекты перехода

Vue предоставляет различные способы применения эффектов перехода при вставке, обновлении или удалении DOM. Включает следующие инструменты: Автоматически применять CSS классы при переходах и анимации Вы можете работать со сторонними библиотеками анимации CSS, такими как Animate.css. Используйте JavaScript функции для перехвата перехода, чтобы напрямую управлять DOM Может использоваться в сочетании со сторонними библиотеками анимации JavaScript, такими как Velocity.js.

Разработчики считают Vue.js более простым в освоении, чем AngularJS, поскольку API построен намного проще в освоении. В Vue.js можно использовать только знания JavaScript и HTML. Возможно применение Typescript. У Vue.js есть собственная официальная достаточно богатая документация на многих языках, выложенная на vuejs.orgкоторая может послужить примером в объяснении проектирования и разработки в браузере.

Реактивность

Реактивность означает, что представление в модели MVC изменяется по мере изменения модели. В Vue разработчики просто привязывают представление к соответствующей модели, и Vue автоматически наблюдает за изменениями в модели и перерисовывает представление. Эта функция делает управление состоянием Vue довольно простым и интуитивно понятным.

В Vue.js реализуется шаблон MVVM, Vue.js предлагает возможность привязки данных на Javascript, так что вывод и ввод данных сопрягаются непосредственно с источником данных. Таким образом, режим ручного определения данных (например, через jQuery) из HTML-DOM не нужен. При этом нет необходимости в никаких дополнительных аннотациях, как в Knockout.js, объявленные в Vue-Element обычные переменные JavaScript включаются в качестве реактивных элементов.

Ссылка на статью:

3
8 комментариев