Персональный блог Игоря Антонова aka "spider_net"

JavaScript

Подписаться на эту рубрику по RSS

Фронтенд. Куда пойти учиться (презентация + запись доклада)


Рубрика: Программирование -> JavaScript
Метки: | |
Просмотров: 184
Фронтенд. Куда пойти учиться (презентация + запись доклада)

Из-за своей вечной занятости не успел рассказать на блоге о большом событии, к которому я чертовски долго шел (в одиночку еще бы столько же шел) - организация и проведение первого митапа для фронтенд-разработчиков Хабаровска (Ha.js). Вместе с моим другом, Денисом Ткаченко мы смогли организовать и запустить это мероприятие в production. Об этом обязательно будет отдельная публикации (все не могу ее дописать), но пока готов опубликовать презентацию и запись моего доклада: "Куда пойти учиться. Билет на фронтенд-экспресс". Это мой первый доклад по фронтенду и прошел он не идеально (на мой придирчивый взгляд). Над ошибками я уже поработал и на втором митапе, который состоится 22.07.17 выступлю лучше.

Под катом презентация и видеозапись. Качество видиозаписи не очень, снимали внезапно, без подготовки на iPhone.

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

Fuse. Библиотека для реализации неточного поиска на ванильном JavaScript


Рубрика: Программирование -> JavaScript
Метки: | |
Просмотров: 691
Fuse. Библиотека для реализации неточного поиска на ванильном JavaScript

В одном из проектов мне требовалось реализовать поиск неточный поиск по коллекции объектов (JavaScript). Под неточным поиском я подразумеваю: поиск по первым буквам слова, без учета регистра, поиск сразу в нескольких свойствах объекта (в зависимости от условий), возможность установить совпадения с определенными ключами и рядом других условий. В прошлый раз эту задачу решил частично. Не все удалось, но реализация была пригодна для использования в рабочем проекте.

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

Вышел React 15.4.0


Рубрика: JavaScript
Метки: | |
Просмотров: 412
Вышел React 15.4.0

Давно слежу за популярным фреймворком React. Как слежу, читаю новости и разглядываю демки. Времени изучить и опробовать его в деле пока нет. Фреймворк однозначно стоящий и в следующем году есть планы с ним поковыряться. А пока буду продолжать наблюдать и следить за битвой между Angular 2 и React. Возможно, к следующему году Angular 2 догонит или даже обгонит по популярности React. У обоих проектов огромные сообщества и оба в стадии активного развития.

Во время чтения анонса новой версии, сразу бросилось в глаза рекомендация устанавливать с помощью yarn (сначала приводится вариант с yarn, а потом с npm) - альтернативного клиента для менеджера пакетов.

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

gron. grep для JSON. Разбираем JSON в консоле


Рубрика: Без рамки -> JavaScript
Метки: | | |
Просмотров: 472
gron. grep для JSON. Разбираем JSON в консоле

Читаю еженедельную рассылку с новостями из мира JavaScript и заинтересовался анонсом нового модуля - gron. Как гласит лозунг репозитория проекта: “Make JSON greppable!”. Не знаю как правильно перевести фразу на наш великий и могучий, но думаю, можно ограничится: “Сделаем JSON более пригодным для разбора”. Слово “greppable” в данном контексте образуется от “grep” - название известной консольной утилиты в Unix-like системах.

Итак, что же умеет gron и для чего он может понадобиться. Автор проекта дает четкий ответ на этот вопрос: "gron поможет вам разобраться с плохо документируемым API, возвращающими большие JSON пакеты".

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

clipboard.js. Как скопировать текст в буфер обмена без помощи Flash


Рубрика: Программирование -> JavaScript
Метки: | | |
Просмотров: 949
clipboard.js. Как скопировать текст в буфер обмена без помощи Flash

Иногда возникает необходимость реализовать в web-приложении возможность копирования определенного текста в буфер обмена. Например, вы делаете какой-нибудь форматтер текста (вроде jsonformatter) и хотели бы чуточку облегчить вашему пользователю жизнь, позволив путем нажатия одной кнопки, поместить результат преобразования в буфер обмена. Согласитесь, отличный кейс?! Подобные задачи периодически возникают, но не всегда их удается быстро решить. Для ускоренного внедрения возможности работы с буфером обмена, Zeno Rocha создал замечательный модуль clipboard.js.

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

Эмулятор терминала на JS/HTML/CSS? Вполне реально!


Рубрика: JavaScript -> Без рамки
Метки: | | | |
Просмотров: 738
Эмулятор терминала на JS/HTML/CSS? Вполне реально!

Кто там считает, что JavaScript несерьезный язык программирования? Посмотрите, что на нем пишут особо креативные разработчики. Hyper.app – эмулятор терминала, созданный при помощи web-технологий. Предвижу вопрос: «Зачем»? Во-первых, показать, что нет ничего невозможного, а во-вторых, дать web-разработчикам возможность самостоятельно разрабатывать плагины, не прибегая к изучению других языков программирования/технологий. Пока «Hyper.app» доступен сугубо для macOS и Linux, но разработчики обещают представить Windows версию в ближайшем будущем.

Пока эта штука больше подходит для демонстрации, но начало положено хорошее. Под катаом коротенький ролик с демонстрацией.

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

Испытал matreshka.js в маленьком проекте


Рубрика: JavaScript -> Программирование
Метки: | | | | |
Просмотров: 679
Испытал matreshka.js в маленьком проекте

Как-то я уже рассказывал о JavaScript фреймворке с необычным названием – matreshka.js. Я даже брал большое интервью у автора этого проекта (см. Интервью с автором matreshka.js). С тех пор ничего об этом фреймворке не писал, но это не означает, что я его не использую. Матрешка (так писать проще) хороша там, где нужна легкость и скорость.

Недавно у меня была задача разработать простенький front для мобильного кабинета курьеров. По факту нет ничего сложного, главные требования от заказчика были: сделать быстро и качественно, работать должно шустро даже на не сильно производительных смартфонах. Первую версию я запилил достаточно быстро на ванильном JavaScript. Все протестировали, посмотрели производительность и ко второй версии (потребовалось добавить ряд интересных фич) решил перевести проект на метрешку.

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