Евгений Иванов, веб-разработчик, клиентский javascript-разработчик, интерфейсы - портфолио

Контакты

• Евгений Юрьевич Иванов
• День рождения 1978.08.21
• Место жительства: Нижний Новгород
• Телефон: +7 951 91 457 21
• WWW: e-ivanov.com
• E-mail: eugene.ivanov@gmail.com
• Skype: eugeneivanov

Профессиональные навыки

Javascript, jquery & plugins, prototype, css2, css3, usability, firefox extensions, google chrome extensions, php, mysql, smarty-quicky, ajax, svn etc.

Список выполненных проектов

• Проекты
• Блоки управления и интерфейсы
• Проекты в М2Медиа

Проекты

Разработаны в свободное время или во время фриланса.

Сайт-портфолио для дизайнера Тани Ожередовой. Вёрстка и JS

http://tanyao.ru

Семантическая вёрстка, много js, ajax.
Картинки-работы можно двигать мышой по экрану.
По желанию заказчика страницы сайта грузятся без полной перерисовки экрана - для того, чтобы картинки всгда оставались на том месте, куда их перетащили. Даже язык переключается без перегрузки. При этом все url можно передавать другим людям - откроется данная страница.
История перемещений ajax, кнопки "назад-вперёд" работают без проблем.
Роботов-поисковиков тоже не забыли - они отлично и правильно всё закешируют. Также сайт без проблем работает без JS.

Tanyao.ru - работы

Сайт аренды недвижимости Novoebenevo.ru. Вёрстка и JS

http://novoebenevo.ru

Семантическая вёрстка, немного js.

Графический фильтр в вид карты города и метро.Редактор меток для карт. Вёрстка и JS

Пример использования (к редактору нужен пароль)

Вёрстка карт - метро и города. На карте есть объекты - метки. Они представляют собой фильтр для поиска, но визуально (это скрытые checkbox).
Для данной вёрстки был создан редактор меток на JS.
Также использовался мой редактор областей на canvas для обводки областей на карте.
Над каждой меткой или область. при наводке мыши появляется блок-поплавок с информацией.
Метки можно выбрать мышой и они будут выделены, показывая, что галка включена.
Работает во всех браузерах, даже в осле 6 (а прозрачки работают через фильтры).
На карте метро Москвы видны белые подложки под названием меток. Это тоже свёрстано и подкладывается под текст там, где нужно (настраивается в редакторе).
В общем, можно редактировать любые карты с метками - перемещать их в нужную точку, менять текст, свойства.

Карта. Движок

http://tatre.ru/map/?map (http://e-ivanov.com/map)
Разработана от сервера до верстки, также клиентская часть на JavaScript. Применяю canvas для рисовки районов на карте, есть редактор районов. Универсальный движок для карты. Подробнее »

Форум. Движок на javascript

Разрабатываю собственное представление, как должен выглядеть форум, какие функции и удобные возможности должны в нём присутствовать.
На текущий момент проект находится в стадии первичной полностью работоспособной версии и активно развивается, дополняется новыми возможностями.
Подробнее »

Фотогалерея. Движок на javascript

Обычная галерея, всё на Ajax. Сами галереи показываются в "окошках", которые можно перемещать, изменять размер. При открытии картинки запускается просмотрщик картинок (автопрокрутчик встроен в него). Картинки грузятся предварительно. Есть slide show.
Подробнее »

RSS-сборщик и просмотрщик

На текущий момент работает сборщик rss-потоков на сервере. Есть админка для редактирования потоков.
Сборщик позволяет использовать авторизацию для потоков с паролями (этого на текущий момент не может даже Google-Reader).
Потоки по очереди проверяются, новые записи сохраняются.
С определённой частотой новые записи сжимаются в архив и отправляются почтой на электронный ящик. При получении они автоматически заносятся в БД и уже локально просматриваются.
Просмотрщик написан на Autohotkey, в планах создать его на javascript по мере появления свободного времени.

ExactMouse

Программа для Windows (win32, полностью на Ассемблере).
Программа работает с любой мышью. Предназначена для увеличения и сжатия части экрана, для регулировки скорости мыши и других действий. Но если будет мышь с дополнительными кнопками, то их тоже можно использовать. Страница программы ».

Расширение для Mozilla FireFox

https://addons.mozilla.org/ru/firefox/addon/8000

Spylex

Поисковая система (JS,  php, ajax)
Был подхвачен мной (находился на стадии сборщика информации: написан на Perl) и я занимался клиентской частью (полностью была создана мной) и серверной частью для новых возможностей.
Объединяет поисковый результат от выбранных поисковых систем и предоставляет удобный вывод итоговой информации пользователю.
Например, показывает найденные картинки по данному запросу на странице. Позволяет искать в найденном.

Блоки управления и интерфейсы

Разработаны на Javascript для удобства ввода информации в формах. При отсутствии скриптов элементы ведут себя стандартно. И превращаются в блоки управления по необходимости, заменяя их собой и повышая удобство работы.

SelectCombobox - список с фильтрацией

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

SelectMultiply - список со множественный выбором

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

Редактор резюме

Разработан на JS. Удобная система отображения и редактирования резюме. Можно прямо на месте отображения отредактировать элемент или систему элементов (группу). Можно удалить, добавить, отредактировать отдельные элементы в группе. К элементам привязана справочная информация. Сохранение резюме выполняется как полностью с уходом со страницы, так и сразу во время закрытия редактирования элемента. И многое другое. Подробнее »

Web-controls. UpDown

Управляющие элементы UpDown. Вот так они выглядят на странице:
→
В обычном состоянии они не видны, но когда курсор мыши подводишь к полю ввода, то появляются два треугольничка справа от поля. Если мышь увести, то через некоторое время они исчезнут. При нажатии на них значение в поле увеличивается или уменьшается на единицу.
Всё это, конечно, настраивается и можно расположить этот управляющий элемент слева, или сделать, чтобы он постоянно был на экране и т.д.

ScrollBar - элемент прокрутки блока с собственным оформлением

Посмотреть в действии »

Прокрутка для TEXTAREA

Реализовал стилизацию прокрутки для textarea в качестве расширения функционала плагина jScrollPane для jQuery.

Создание спрайтов - скрипт на PHP

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

Проекты в М2Медиа

Разработаны или доработаны мной в компании М2медиа. Проекты как серверные, так и клиентские, в том числе и вёрстка.
Замечание: серверная часть сделана на CMS SmartSite, в которой безопасность очень низкая. Я пришёл в компанию и стал поддерживать проекты и создавать новые на базе этого "движка". Переделывать всю CMS, исправлять ошибки и недочёты в безопасности не было как времени (занятость создания проектов), так и желания - cms старая и проще было поставить новый движок. Плюс ко всему я тогда только начинал в веб и многого в безопасности тогда не понимал.

Энергосбыт

Калькулятор (JS,  php, ajax) (http://www.nsk.elektra.ru/clients/?1086)
В админке можно удобно редактировать тарифы - ajax, редактирование на месте.

Пашабахче

Здесь программировал каталог и внутри этого каталога блок выбора
и заказа для покупки продукции (закрытый раздел для клиентов) (JS, php, ajax) (http://en.pasabahce.ru/)

Тойота

Блок выбора и заказа автомобиля (JS, php, ajax) (http://www.toyotann.ru/order/?2638)
Написан на JS, в админке параметры редактируются.
В админке удобный блок добавления/удаления цветов.

Юрколлегия

Программировал поиск и пометку выделенных найденных слов (PHP, Mysql)
http://www.urcollegia.ru/search/?searchstr=%D0%CC%C5%C8%C1%CE%CF%D7

Волжский погрузчик

Программировал каталог запчастей, его вывод, импорт и обновление через exel-формат, также экспорт (PHP, Mysql).
http://www.vpto.ru/spares/?292

ВолгоВятский Сбербанк (PHP)

Принимал участие в модернизации и усовершенствования сайта http://www.vvb.sbrf.ru/
Блок импорта курсов и обновления валют в админке.
Много усовершенстований в админке для удобства работы.
Интересные решения по структуре и архитектуре проекта.
Например, блок импорта монет - данные и картинки к ним.
Статистика по монетам и анализ.
Блок поиска по монетам. (http://www.vvb.sbrf.ru/services_f/index.phtml?22342)

Энзо

http://en-zo.ru/
Блок обработки заказов и вообще каталог сделаны на JS, администратор может добавлять-менять параметры продуктов самостоятельно (JS, php, ajax).

МТС

http://nnov.mts.ru/ (PHP, Mysql)
Программировал поиск, блок выделения слов. Также добавочный блок поиска по телефонам с выводом картинки.
В строке запроса можно использовать логические операторы.

Внутренний проект - клиенты компании

(php, js, ajax)
Разработан для хранения информации по проектам компании. Можно добавлять, редактировать и удалять. Хранение всех изменений при действиях и возможность просмотреть и вернуться в данную точку. Поиск. Возможность копирования и перенесения в другую папку (клиент). И многое другое. Всё работает без перегрузки и быстро.