Самое популярное на webdevkin.ru
Курилка. Пишу на свободные темы
Весь раздел Курилка
Подписка на новые статьи
Подписаться

Все статьи на webdevkin.ru

Админка магазина на vue.js. Урок 9. Перерабатываем фильтры

апрель 23 , 2019

Мы уже поработали и с vuex, и с компонентами vue. А сегодня затронем обе темы и займемся небольшим рефакторингом. Возможно, вы спросите зачем?

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

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

Итак, поехали.

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

Тайм-менеджмент. Рецепты пофигизма

апрель 11 , 2019

Когда будут проводить чемпионат по впустую потраченному времени, я если и не займу первое место, то сорву приз зрительских симпатий. В этом я хорош, страшно подумать, сколько времени за свою жизнь я спустил в унитаз.

Но каким бы дурачком я ни был, рано или поздно в голову начинают лезть мысли, что пора завязывать с почесыванием пуза на диване. Конечно, приятно поныть, что не хватает свободного времени из-за работы, но ведь работы меньше от этого не станет, правильно? Приходится напрягать мозг и думать, что делать.

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

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

Админка магазина на 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. Это нехорошо, нам уже сейчас непросто в нем ориентироваться, а при наращивании функционала будет еще сложнее.

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

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