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

JavaScript

Подписаться на эту метку по RSS

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


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

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

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

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

В htmlAcademy стартовал 9-й интенсив "Базовый JavaScript"


Рубрика: htmlAcademy -> Без рамки
Метки: | | |
Просмотров: 3273
В htmlAcademy стартовал 9-й интенсив "Базовый JavaScript"

В #htmlAcademy стартовал очередной интенсив "Базовый JavaScript". Постоянные читатели блога в курсе, что на базовом по JS я работаю наставником. Вчера подготавливал структуру каталогов для учебных проектов студентов и обратил внимание, что для меня это уже 6-й интенсив в роли наставника. Вроде только недавно начал, а уже пролетело аж пять интенсивов. Время летит с сумасшедшей скоростью.

Если вы собираетесь стать front-end разработчиком и давно подыскиваете хороший курс по изучению JavaScript, то рекомендую присмотреться к htmlAcademy. Курс обучения хорошо организован и продуман до мелочей. Здесь вам и теоретическую базу расскажут, и попрактиковаться вдоволь сможете. Программа очень насыщенная, скучать будет некогда.

P.S. Если решитесь на приобретение курса, воспользуйтесь моим партнерским кодом: 3162fcd29, получите небольшую скидку.

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


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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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

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


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

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

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

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