5 заметок с меткой jQuery
📅 2 марта 2020

Титов Иван Андреевич

37 лет, Москва, м. ВДНХ

Образование

МФТИ · факультет радиотехники и кибернетики (неполное высшее)

МИЭТ · кафедра телекоммуникационных сетей

Опыт работы

Создание сайтов «под ключ» и веб-сервисов — с 2005 года.

Где и кем работал:

• Creative People (флешер, верстальщик),
• казино Бакара (дизайнер полиграфии),
• рекламные агентства Diaclub, LineWeb (дизайн и вёрстка сайтов),
• ресторан Дружба народов (разработка сайта, дизайн полиграфии),
• Safetybox (анимация обучающих курсов),
• Автодети (разработка сайта, с 2010 года по н.в.)

Предыдущее значимое место работы

С 2010 по 2018 год работал в компании Ивановъ и партнеры (строительство загородных посёлков, продажа участков).

Чем занимался:

— Создание и поддержка сайта и собственной CMS.
— Развитие внутренней CRM системы.
— Дизайн мобильной версии CRM.
— Разработка удобных инструментов для продавцов.
— Повышение конверсии в продажи за счёт сайта.
— Интеграция сайта с CRM, Яндекс.Метрикой, Calltouch и т.п.
— Построение уникальных отчетов, которых нет в Яндекс.Метрике.
— Проведение сложных А/Б-тестирований.
— Дизайн полиграфии и наружной рекламы.

Для организации работы мы использовали планировщик задач Мегаплан. Есть опыт в постановке и ведении коллективных задач.

Компания «Ивановъ и партнеры» прекратила своё существование в 2018 году, в связи с этим я ищу новую стабильную работу на долгосрочную перспективу (желательно с возможностью работать удалённо).

Примеры моих работ

Сайт загородных посёлков
Сайт компании Автодети
Сайт компании NENCOM
Калькулятор стоимости переезда
Химический редактор
Электронное строение атома
3D-вращение во флеше
Сервис проверки зрения
Панель управления фарами
Калькулятор вероятностей

Остальные работы можно посмотреть в разделе Работы.

Основные умения

• Увлекаюсь алгоритмами со средней школы, люблю сложные интересные задачи.

• В основном, использую чистый javascript, PHP, MySQL, jQuery, API Яндекс карт.

• Быстро осваиваю новые библиотеки, используемые в проекте.

• Люблю оптимизировать сайты в плане юзабилити и расходования ресурсов.

• Анализирую и замечаю сильные и слабые места в интерфейсах.

• Небольшие сайты пишу с нуля, используя собственные наработки.

• Аккуратно рисую техническую графику (иконки, пиктограммы) в SVG.

• Разбираюсь в хитростях и современных фишках в CSS.

• Умею быстро вникать в чужой код на различных языках программирования (как front-end, так и back-end).

Например, часто встречается такая задача: исправить ошибку на сайте или добавить новый блок на сайт по ftp, где сотни файлов лежат беспорядочно, а код переделывали много раз случайные фрилансеры.

• При необходимости быстро изучаю новые средства разработки.

Например, в 2019 году получил заказ на разработку обучающего курса для сотрудников Сбербанка в среде adapt. Внешне это простое приложение типа Microsoft Power Point, но работа включала доработку имеющихся плагинов для этой среды (типа навигации по меню). Для этого пришлось развернуть adapt на локальном компьютере, минимально освоить grunt, git, установку npm-пакетов.

• При решении нестандартных задач всегда пользуюсь песочницей с примерами или stackoverflow, чтобы не изобретать велосипед, и сделать какую-то вещь быстро и более современно.

• Владею графическими и мультимедиа редакторами: Photoshop, Illustrator, Corel, Flash, After Effects, Adobe Audition, Adobe Premiere. Люблю осваивать новые современные редакторы.

Особенности работы

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

Обычно я работаю один (удалённо) или в небольшом коллективе, где умеют и не боятся отстаивать свою точку зрения.

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

Иностранные языки

Английский — средний уровень. Лучше всего чтение и написание технических текстов. Хороший словарный запас, но мало опыта в разговорной речи.

О себе

Женат, двое детей. С семьёй любим проводить свободное время за городом, выезжая на автомобиле в новые места.

Я интересуюсь современными тенденциями в IT: смотрю уроки, читаю статьи на Хабре. Последнее время особенно интересно почитать истории людей, у которых меняется профиль деятельности, как они адаптируются к новым условиям.

Хобби: игра на клавишных инструментах, в группе, сочинение музыки на компьютере, чтение, радиотехнические самоделки, компьютерные игры (стратегии и RPG).

Цели: самореализация, гармония с внутренним и внешним миром, разумный баланс между работой, семьёй, творчеством.

📅 18 февраля 2020

Яндекс.Карты: создание карты глубин скважин

По вопросам разработки сервисов с использованием API Яндекс.Карт обращайтесь ко мне через раздел Контакты.

Исходные условия: есть карта глубин, созданная в конструкторе Яндекс карт. Точек (меток) очень много, из-за этого карта тормозит. Задача: объединить точки в кластеры, чтобы уменьшить тормоза и улучшить внешний вид.

Кластеризация меток: было — сталоКластеризация меток: было — стало

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

Скрин ответа разработчиков Яндекс картСкрин ответа разработчиков Яндекс карт

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

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

📅 16 декабря 2018

Плавная прокрутка страницы к якорю с сохранением хеша на jQuery

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

Чтобы это исправить, будем использовать плавную прокрутку на javascript или jquery. Плавная прокрутка до элемента ясно даёт понять, что мы остались на том же сайте, и куда именно прокрутилась страница.

План скрипта

Обычная функция типа scrollTo делает прокрутку, но это было бы слишком грубо и не учитывало все нюансы. А вот что требуется от правильного скрипта:

1) отменить стандартные действия браузера при клике по таким ссылкам;
2) определить расстояние до элемента, к которому нужно прокрутить;
3) плавно, то есть, без тормозов прокрутить страницу на это расстояние;
4) изменить window.location.hash — часть адреса страницы после решётки #.

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

📅 5 февраля 2016

Калькулятор стоимости поездки

автовозов.рф/расчет-онлайн

Калькулятор нужен для того, чтобы человек прикинул, сколько будет стоить поездка из точки А в точку Б. При подсчёте учитывается марка автомобиля, количество грузчиков, время в пути, а также через какие тарифные зоны Москвы или Подмосковья проходит маршрут.

Этапы работы калькулятора

  • Главные поля — откуда и куда, а справа — карта с тарифными зонамиГлавные поля — откуда и куда, а справа — карта с тарифными зонами

Повышение доверия

Показательно, что многие посетители вводят только адрес старта и финиша. Если их устраивает цена, они не доводят заказ до конца, а сразу же звонят. Уточнив детали у менеджера, они радуются, что сумма поездки совпадает с цифрами из калькулятора. Таким образом, калькулятор работает на повышение конверсии и доверия.

📅 4 мая 2013

Сортировка таблицы на jquery без плагинов

Встала задача отсортировать таблицу на яваскрипте по любому столбику. Известный всем плагин tablesorter у меня не заработал, и я решил, что быстрее и удобнее будет написать свой скрипт. Вот, что получилось через час:

Прямая и обратная сортировка таблицы по разным столбикамПрямая и обратная сортировка таблицы по разным столбикам

Демо

Скрипт получился из 20 строк, 1 кб (готовый tablesorter весит 13 кб и дольше «усваивается»). Ещё одно отличие: подготовительные операции для сортировки происходят по клику; это имеет смысл, потому что сортировка нужна не всем.

Первым делом нужно присвоить идентификаторы каждой строчке таблицы. Это лучше сделать сразу на сервере при выводе таблицы:

<tr id="z_1" ><td> ... </td></tr>
<tr id="z_2" ><td> ... </td></tr>
...

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

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

GoGetSSL Site Seal
© 2004 – 2021