Админка магазина на vue.js. Урок 8. Vuex на практике

апрель 9 , 2019

В прошлом уроке мы разобрали общую теорию работы с Vuex, пора реализовать это на практике. Одно дело почитать документацию, а другое - писать код под свои задачи. Как всегда, появляются какие-то тонкости, на которые при поверхностном изучении не обращаешь внимания, и приходится вникать по ходу работы.

Давайте договоримся, что будем делать в этом уроке. В прошлый раз я упоминал, что идея Vuex - это вынос общих данных в отдельное хранилище. У нас есть такие данные: категории, бренды и продукты. В этом уроке мы создадим общее хранилище и научимся работать с ним в приложении.

Теперь разберем все по отдельности и увидим, как преобразовывается код по мере внедрения Vuex.

Метки:
Читать дальше

Админка магазина на vue.js. Урок 7. Flux и Vuex

апрель 4 , 2019

Сегодня речь пойдет о flux и vuex. Flux - это подход для работы с данными во фронтенде. Vuex - это реализация flux для vue.js, точно так же, как и redux для реакта. Я иногда читаю о том, что flux - это новая концепция, парадигма, сложная идея и так далее. Поразбиравшись с flux, я не проникся трепетным отношением к нему, но оценил простоту подхода.

Если вы хотите узнать о flux для того, чтобы умными словами беседовать с тимлидом на собеседовании, лучше почитайте в википедии. У меня другая цель - научиться работать с vue.js удобно и комфортно. Решать задачи с помощью технологии, а не искать себе новые проблемы. Vuex - это именно та штука, которая решает проблемы, а не создает их.

Метки:
Читать дальше

Убивая не заметив. Поворотники

март 28 , 2019

Перекресток, загорается зеленый. Из правого ряда можно прямо и направо. Первым на светофоре стоит джип, начинает трогаться. За ним вдоль обочины набирает скорость велосипедист. Он еще не подозревает, что джип повернет НАПРАВО. И что ему осталось жить всего несколько секунд.

Читать дальше

Неисправимое зло. Javascript

март 14 , 2019

— Скажи, Добрый Железный Дровосек, почему когда я засовываю руку в чайник, на ней появляются красные волдыри? Мне нужен новый чайник?
— Нет, Мудрый Страшила, тебе нужны новые мозги.

Любой эксперт с ответов мэйл.ру знает, что javascript-программисты каждый день пишут зло. Они складывают массивы со строками, сравнивают эти строки с нулями, а переменные объявляют только в объекте window. Делать говно - это их судьба. Но не они такие, жизнь такая. То есть инструмент. Именно javascript заставляет делать то, за что приходится краснеть перед правильными сишниками.

Читать дальше

Эпоха отстоя

февраль 28 , 2019

Время крутых проектов прошло. Не ждите историй взлетов, как у фейсбука или контакта.

Чтобы создать проекты такого уровня, нужны не только идея, фантастическая работоспособность и огромная удача. Есть еще одно - деньги. Я не о начальном капитале и не о поисках инвесторов. Я говорю об отношении к деньгам людей, которые способны на что-то грандиозное. Вот посмотрите.

Через 4 месяца после запуска фейсбука Марку предложили 35 млн долларов. Этот парень отказался.

Читать дальше

Админка магазина на vue.js. Урок 6. Vue-cli и vue-компоненты

февраль 26 , 2019

До этого урока мы писали код просто и сурово. Здоровенный index.html, внешние библиотеки с CDN-a, javascript-код в одном файле. Для учебного проекта сгодится, но мы же хотим быть серьезными ребятами.

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

Я выбираю второй вариант. Грамотные люди уже написали все сборщики и подготовили основу проектов vue, на которой мы и будем развивать наше приложение.

Метки:
Читать дальше

От Адольфа до аджайла

февраль 21 , 2019

Сижу на очередном промывании мозгов, называемым аджайл-тренингом. Мотивированные профессионалы рассказывают унылым программистам, как нужно взяться за руки и с душой и сердцем, непрерывно развиваясь во всех местах, делать Продукт, меняющий мир и еще чего-то там.

Слушать незайтейливую пропаганду тяжело. А еще больше скучно. Я слышал это уже тысячу раз и слышу подобное каждый день. Задаю себе вопрос: чем аджайл отличается от строительства коммунизма, свидетелей иеговых или киселевского патриотизма? "Прорывные идеи", которые вы пропагандируете, стары как мир, и это не метафора.

Вся история человечества - это поиск способов объединения и управления массами людей. Меняются только методы в зависимости от уровня развития общества и целевой группы, на которую нужно влиять.

Читать дальше

Админка магазина на vue.js. Урок 5. Разбиваем приложение на компоненты

февраль 14 , 2019

Приложение vue строится на компонентах. Сейчас у нас только один компонент ProductItem, а вся логика содержится в корневом экземпляре vue. Это нехорошо, нам уже сейчас непросто в нем ориентироваться, а при наращивании функционала будет еще сложнее.

В этом уроке мы разобьем приложение на несколько компонентов поменьше. Также добавим две новые страницы и узнаем, как переключаться между ними.

Метки:
Читать дальше

Исполняйте мечты вовремя

февраль 12 , 2019

Знаете фразу? Если у тебя сейчас есть феррари, но в детстве не было велосипеда, то все равно у тебя в детстве не было велосипеда.

Но я хочу поговорить не про детство, а про то время, когда мы уже сами определяем свою жизнь.

Когда я учился на первом курсе, то очень хотел телефон. Это середина двухтысячных, телефоны были у многих студентов. Я мечтал о Sony Ericsson К700i. Цветной экран, камера, MP3, наушники, кажется, даже блютус. Б/ушная модель стоила около 5 тысяч, а стипендия 400 рублей. Я откладывал ее больше года и наконец нужная сумма оказалась на руках.

Читать дальше

Админка магазина на vue.js. Урок 4. Правим код под новое REST API и расследуем багу

февраль 7 , 2019

Продолжаем работать над админкой vue. Перед тем, как разбивать наше приложение на компоненты, решил написать один промежуточный урок. В нем мы сделаем две вещи.

Во-первых, перейдем на новое серверное rest api, которое мы реализовали в третьем уроке.

Во-вторых, разберем багу, которая закралась в наш код. Бага интересна тем, что ее не заметили ни я, ни читатели. Нашел случайно, когда работал над третьим уроком с новым rest api.

Но обо всем по порядку.

Метки:
Читать дальше