Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Vue 3. Что нового?

Разработка веб-сайтов *JavaScript *VueJS *

Многие из нас ждут выхода Vue 3 и похоже, что он почти здесь (релиз запланирован на второй квартал 2020 года) и уже есть возможность взглянуть или даже поэкспериментировать с бета-версией.

Читать дальше →
Всего голосов 8: ↑4 и ↓4 0
Просмотры 27K
Комментарии 4

27 августа приглашаем на онлайн-митап Hot Frontend

Информационная безопасность *Разработка веб-сайтов *ВКонтакте API *Конференции Дизайн игр *
Всем привет! В июле мы провели в Краснодаре первый митап по Backend-технологиям – а теперь самое время обсудить Frontend. Приглашаем на онлайн-митап с разработчиками SimbirSoft. Как всегда, участие бесплатное, а за самые интересные вопросы спикеры подарят полезные подарки.

Читать дальше →
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 882
Комментарии 0

Переведена документация Vue.JS 2.x

JavaScript *VueJS *
Два месяца труда одним URL: ru.vuejs.org
Кроме того, переведена документация Vuex: vuex.vuejs.org/ru
И vue-router: router.vuejs.org/ru

Огромное спасибо Konojoto и всем остальным, кто помогал переводить и вычитывать документацию (полный список контрибьюторов см. в репозиториях на github.com/translation-gang)

Документация выполнена небольшим (хотелось бы верить, что это не надолго) сообществом энтузиастов open-source перевода Translation Gang. Если вы хотели бы помочь с переводами документации какого-либо проекта с открытыми исходными кодами на русской язык, милости просим в наши ряды.
Всего голосов 58: ↑57 и ↓1 +56
Просмотры 30K
Комментарии 39

Переведена документация Nuxt.JS

Разработка веб-сайтов *Open source *JavaScript *GitHub

Всем привет от Translation Gang!


Vue.js нам показалось мало. Планов громадьё, причём даже за пределами русского языка, фронтенда и веба вообще, но на практике пока что далеко от Vue не убегали — благодаря стараниям theOnlyBoy мы оперативно перевели документацию фреймворка сверхвысокого уровня Nuxt.js.



Сам фреймворк ещё молодой и немного сырой, как и его документация — но что есть, то мы перевели, и как только обновляются оригинальные доки — тут же обновляем и перевод. Надеемся, вам понравится!

Читать дальше →
Всего голосов 27: ↑24 и ↓3 +21
Просмотры 14K
Комментарии 27

React или Vue? Выбираем библиотеку для фронтенд-разработки

Блог компании RUVDS.com Разработка веб-сайтов *JavaScript *ReactJS *
Перевод
На чём делать фронтенд? Самый верный способ найти ответ – попробовать лучшие библиотеки самостоятельно. В идеале, хорошо бы начать с самого простого и понять, как таинственные для непосвящённого конструкции превращаются в готовые к выводу страницы. Дальше же, вооружившись пониманием основ, можно осмысленно читать документацию и усложнять собственные эксперименты до тех пор, пока ответ не покажется очевидным.



Сегодня мы поговорим о React.js и Vue.js. Это – одни из самых популярных JavaScript-библиотек в мире. Взгляните на этот список, посмотрите их репозитории на GitHub. И та, и другая обладают впечатляющими возможностями и служат для создания пользовательских интерфейсов. Работать с ними довольно просто, главное – сразу понять, что к чему, сделать правильный первый шаг. Собственно говоря, этому вот первому шагу в разработке с использованием React и Vue и посвящён данный материал.
Читать дальше →
Всего голосов 47: ↑38 и ↓9 +29
Просмотры 82K
Комментарии 109

NodeJS фреймворк с синтаксисом Laravel

 (и без лапши в коде)

JavaScript *Node.JS *Laravel *
Из песочницы

Пробежавшись по Хабру с удивлением заметил, что этот фреймворк упомянут только в нескольких дайджестах, хотя по моему мнению заслуживает большего внимания. Ниже будет много кода и совсем немного комментариев к нему. И да, друзья! Это моя первая статья на хабре, просьба сильно не быть и не ругать.

Читать дальше →
Всего голосов 39: ↑27 и ↓12 +15
Просмотры 29K
Комментарии 42

Notyjs — шикарная javascript библиотека для создания уведомлений. А также готовый плагин для Vuejs

Разработка веб-сайтов *JavaScript *Node.JS *
Из песочницы

image


Простая, быстрая и производительная библиотека для создания none-block уведомлений для вашего сайта или приложения.

Читать дальше →
Всего голосов 17: ↑16 и ↓1 +15
Просмотры 14K
Комментарии 12

DDD на практике. Проектирование списка желаний

PHP *Symfony *Проектирование и рефакторинг *Doctrine ORM *ООП *
Tutorial

В интернете довольно много разрозненного материала по DDD. Если не считать синей книги, то в основном это короткие статьи с теорией, надёрганной из этой же книги, и которая мало пересекается с практикой. Возможно, конечно, что я просто плохо искал, но мне давно хотелось найти какой-нибудь цельный пример, что называется, «от и до». И я решил такой пример создать на Symfony 3 и VueJS. Сразу хочу сказать, что я изучаю DDD недавно, поэтому взял довольно простую предметную область — список желаний (wish list).

Читать дальше →
Всего голосов 17: ↑14 и ↓3 +11
Просмотры 43K
Комментарии 55

Создание викторины на Vue.js

JavaScript *VueJS *
Перевод
Tutorial

Vue.js


Я не понимаю Angular. Мне очень нравится React, но я все еще изучаю его основы. Давайте попробуем Vue. Я расскажу, как я сделал микро-викторину.

Читать дальше →
Всего голосов 13: ↑12 и ↓1 +11
Просмотры 19K
Комментарии 12

Как я делал realtime рулетку на NodeJS & VueJS

JavaScript *Node.JS *

Привет друзья, хочу поведать вам, одну очень выдающуюся историю о том как я делал онлайн рулетку для одного западного заказчика. И конкретно в этой статье я по большей части коснусь разработки фронтенда.


Забегая вперед хочется показать результат:


Читать дальше →
Всего голосов 22: ↑11 и ↓11 0
Просмотры 9.9K
Комментарии 8

Миграция VueJS приложения на Vuex

Блог компании Zfort Group Разработка веб-сайтов *JavaScript *
Перевод
Всем привет! Нам бы хотелось представить вашему вниманию статью Энтони Гора о миграции Vue.js-приложения на Vuex.


Вид приложения, над которым будет вестись работа по миграции

Далее следует перевод статьи. Всех, кому интересна данная тема, приглашаю под кат.
Читать дальше →
Всего голосов 31: ↑28 и ↓3 +25
Просмотры 19K
Комментарии 10

Nuxt.js: Фреймворк для фреймворка Vue.js

JavaScript *
Из песочницы

image


Цитата с официального сайта:


25 октября 2016 команда zeit.co анонсировала Next.js, фреймворк для приложений на React с серверным рендерингом. Через несколько часов после этого объявления родился Nuxt.js — воплощение аналогичной идеи для Vue.js.

Nuxt.js — это фреймворк для создания универсальных приложений на Vue.js с использованием Node.js. С помощью него можно рендерить UI на сервере и генерировать статические сайты.

Читать дальше →
Всего голосов 16: ↑12 и ↓4 +8
Просмотры 44K
Комментарии 24

Nuxt.js: 28 килобайт пользы для веб-разработчика

Блог компании Voximplant Разработка веб-сайтов *JavaScript *Программирование *
В эту пятницу на Хабре я прочитал вводную статью про Nuxt.js, но в комментариях резюмировали, что маловато будет. Так случилось, что мы в Voximplant используем эту штуку и она приносит большую пользу. Под катом я расскажу про «киллер фичу» этого микро-фреймворка и где он может пригодиться.
Всего голосов 34: ↑31 и ↓3 +28
Просмотры 38K
Комментарии 20

Глупый JS. Делаем фильтры «по красоте»

JavaScript *Визуализация данных
Из песочницы
Привет. Мне 17 лет и я JS-разработчик. Возможно это приговор, а может быть это классическое приветствие в «Клубе анонимных JS-никовпрограммистов» — мне этого не узнать. Сейчас во многом моя работа заключается в работе с данными, их обработкой, фильтрами, сортировкой и так далее. Естественно, что я использую не нативный JS в проектах. Сегодня будем делать фильтры на чистом js-е. Увидим насколько это круто и быстро. Узнаем возможности es6 и сделаем рефакторинг кода. Заинтересованных прошу под кат.
Читать дальше →
Всего голосов 20: ↑6 и ↓14 -8
Просмотры 31K
Комментарии 64

Динамическая загрузка шаблона Vue компонента

JavaScript *Node.JS *VueJS *
Из песочницы
Доброго времени суток, уважаемые Хабровчане! С недавнего времени, мы, в нашей команде начали использовать фреймворк Vue.js включая серверный рендеринг, после чего столкнулись с рядом проблем, в частности для меня как программиста.

Любое изменение в верстке сайта, происходило через меня. Мне скидывали часть html кода, будь то изменение заголовка, или смена мест блоков, далее было необходимо вставить эту часть в требуемый компонент, подставить необходимые переменные и методы, запустить webpack, залить код на сервер.

Можно было бы использовать на сервере webpack в режиме наблюдения, или дать перечень необходимых команд своим коллегам, что для них оказывается несколько сложным.
Поэтому приняли решение сделать динамическую загрузку шаблона с помощью получения данных с сервера.
Читать дальше →
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 17K
Комментарии 11

RequireJS для приложений Vue.js + Asp.NETCore + TypeScript

.NET *ASP *Visual Studio *Системы сборки *VueJS *
Tutorial

logos


Создаем на Visual Studio 2017 модульное приложение Vue.js + Asp.NETCore + TypeScript. В качестве системы сборки вместо Webpack используем компилятор TypeScript + Bundler&Minifier (расширение к VS2017). Загрузку модулей приложения в рантайм обеспечивает SystemJS или RequireJS. Рассматриваем формат модулей AMD (asynchronous module definition), который понимает не только SystemJS, но и RequireJS.


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


Данная статья является дополнением к tutorial: Приложение Vue.js + Asp.NETCore + TypeScript без Webpack. Где в примерах использовался формат модулей SYSTEM. Делать ставку только на загрузчик SystemJS, как то, боязно. На момент написания статьи SystemJS имеет релиз 0.20, что означает вероятнось радикальных изменений в API, опциях и т.д.


Цель применения формата модулей AMD и загрузчика RequireJS – страховка от радикальных изменений в SystemJS, обеспечение возможности использования более популярного загрузчика RequireJS и формата модулей AMD.


Материал рассчитан на способных управиться с VS2017 и знакомых с прогрессивным JavaScript фрэймворком Vue.js.

Читать дальше →
Всего голосов 13: ↑12 и ↓1 +11
Просмотры 5.5K
Комментарии 11

Ох уж эти модальные окна или почему я полюбил render-функции в VueJs

JavaScript *VueJS *
Tutorial
Привет всем!
Моя первая публикация прошла с неприятным осадком. Я обещал исправить это недоразумение и на ваш суд представляю свою первую статью-урок по VueJs. Надеюсь, она окажется полезной. Мыслей много, опыта тоже немало. Всю жизнь учусь по чужим статьям, урокам. Пришло время тоже делиться знаниями.
А будем мы творить модальные окна. Да опять они. Но не такие простые, как описаны в первой моей (не моей) публикации.

Много уже их создано для Vue. Пользовался всякими. И видимо, когда достигаешь какого-то определенного уровня владения инструментом (в данном случае Vue), сразу хочется сделать велосипед, но конечно со своими прибамбасами, типа, чтобы круче всех и т.д. И я не стал исключением из правил.

Из всех доступных модальных компонентов, использовал в основном этот — Vuedals.
Но решил я его проапгрейдить. В принципе от основы остался только EventBus и взаимодействие событий связанных с открытием-закрытием окон. Основной компонент переписан и стал оберткой-контейнером и добавлен новый компонент — само модальное окно.
Но обо всем по порядку. И статья получится очень немаленькая, кто осилит, тот красавчик :)
Читать дальше →
Всего голосов 15: ↑11 и ↓4 +7
Просмотры 42K
Комментарии 21

Создатель Vue.js отвечает Хабру

Разработка веб-сайтов *JavaScript *Программирование *Интерфейсы *VueJS *


Всех с пятницей!

Как и обещали, публикуем ответы Эвана Ю (Evan You) на вопросы, которые мы долго и мучительно собирали в предыдущем посте, а также русскоязычном Vue чате в Telegram.
Читать дальше →
Всего голосов 93: ↑89 и ↓4 +85
Просмотры 55K
Комментарии 69

Пишем компонент — таблицу, не совсем обычным способом

JavaScript *VueJS *
Tutorial
Еще одна небольшая статейка попроще вдогонку. Расскажу, как я рисую таблицы во Vue.

Компонентов-таблиц для Vue наделано немало. С различными возможностями. И везде по-разному таблица собирается в template страницы или какого-то компонента.

В основном происходит это как-то так:

<template>
  <cmp-table :items="items" :columns="columns"/>
</template>

<script>
export default {
  name: 'page',
  data() {
    return {
      items: [ 
        { id: 1, name: 'Sony' } , 
        { id: 2, name: 'Apple' }, 
        { id: 3, name: 'Samsung' } ],
      columns: [ 
        { prop: 'id', title: 'ID' }, 
        { prop: 'name', title: 'Name' } ]
    }
  }
}
</script>
Читать дальше →
Всего голосов 19: ↑17 и ↓2 +15
Просмотры 18K
Комментарии 12

Vue.js + Asp.Net Core MVC + TypeScript и ещё Bootstrap4

Разработка веб-сайтов *.NET *ASP *Visual Studio *VueJS *
Tutorial

image


По стандартному шаблону Asp.Net Core MVC в Visual Studio 2017 создаем новый проект, переводим его на четвертый Bootsrtrap, встраиваем туда модульное приложение Vue.js на TypeScript.


Получаем простую, обозримую и легкую заготовку для создания своих веб-приложений на VS2017 с использованием Vue.js и TypeScript. Привычная среда разработки, в которой можно выполнять большую часть кодинга и отладки, а также быстрая пересборка приложения, делают работу вполне комфортной.


В генерации JavaScript-кода приложения принимает участие только штатный компилятор TypeScript и VS2017, что сильно сужает круг подозреваемых при возникновении глюков. А это, в свою очередь, — тоже большая экономия времени и нервов.


Материал рассчитан на способных управиться с VS2017 и знакомых с прогрессивным JavaScript фреймворком Vue.js.

Читать дальше →
Всего голосов 11: ↑11 и ↓0 +11
Просмотры 28K
Комментарии 2