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

JavaScript

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

Не начинайте изучать JavaScript с фреймворков


Рубрика: Программирование -> JavaScript
Метки: | | |
Просмотров: 5222
Не начинайте изучать JavaScript с фреймворков

Сегодня получил письмо от читателя блога с просьбой [strong]посоветовать «хороший» фреймворк для изучения JavaScript[/strong]. Письмо было достаточно длинным, но суть такая: парень не пытался изучать ванильный JavaScript, имеет базовые знания по применению библиотеки jQuery и хочет «прокачать» свои скиллы, изучив один из «крутых» фреймворков. Я начал набивать текст ответа - с подобными вопросами обращались уже неоднократно, но потом решил, что проще ответить сразу всем.

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

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

anime.js - легковесная библиотека для создания анимации


Рубрика: JavaScript -> Программирование
Метки: | |
Просмотров: 3386
anime.js - легковесная библиотека для создания анимации

В одном из дайджестов по JavaScript нашел для себя полезную библиотеку anime.js. Anime – гибкая и легковесная JavaScript библиотека, помогающая анимировать различные штуки. Если вам нужно добавить анимации, то с помощью anime.js сделать это будет легче. Проект существует не так давно, но уже успел собрать почти семь тысяч звезд на гитхабе. Посмотреть однозначно стоит. Примерок демок можно посмотреть на CodePen.

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

Sails.js – фреймворк для ленивых. Пример простого баг трекера на sails.js


Рубрика: sails.js -> JavaScript -> Программирование -> Статьи
Метки: | | | | |
Просмотров: 16058
Sails.js – фреймворк для ленивых. Пример простого баг трекера на sails.js

Мода на серверные JavaScript фреймворки только начинает зарождаться и пока здесь трудно выделить явного лидера. Одни гибко конфигурируются, другие хвастаются изящной архитектурой и примочками на все случаи жизни. А еще есть настоящие трудоголики – фреймворки, готовые взять на себя рутинную работу. Sails.js – один из таких трудяг.

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