icon png

Alexander Tsymbalyuk

FRONT-END / WEB-DEVELOPER

О себе НАВЫКИ / ЦЕЛИ О себе НАВЫКИ / ЦЕЛИ

Всем привет! Меня зовут Александр я Front-end developer. С тех пор как впервые увидел на экране «Hello world!» понял, что это то чему хочу посвятить всего себя! Немало строчек кода утекло. Сейчас я работаю в команде. Мы создаем все от Landing page до eCommerce проектов.

Моими ключевыми функциональными обязаностями является:

  • Верстка новых страниц из PSD макетов, верстка писем
  • Адаптация новых и готовых страниц под мобильные устройства
  • Реализация JavaScript логики (слайдеры, попапы, анимации, AJAX и т.д.)
  • Интеграция новых модулей в готовые проекты

В ежедневной работе использую:

html logo png

HTML5 последние тенденции, валидность, семантика, кроссбраузерность.

css logo png

CSS3 свойства transition, transformation, animation. Media queries, box model и т.д.

javascript logo png

JavaScript объектно-ориентированный код, DOM манипуляции, оптимизация

Коротко о себе

На данном этапе моей жизни главная моя задача и цель — это достижение вершин в Web-разработке. Для этого я все время познаю новые технологии и тем самым улучшаю свои навыки и знания.
И конечно, немного о личных качествах:

  • Целеустремленность
  • Настоичивостъ
  • Ответственность
  • Коммуникабельность
  • Умение работать в команде
  • Внимательность к деталям

Скачать резюме в PDF Скачать резюме в PDF

Этапы работы ПЛАН / РАБОТЫ Этапы работы ПЛАН / РАБОТЫ

Обсуждение

Основа создаваемого приложения? Главные задачи сайта? Целевая аудттория? Какие результаты вы хотите получить с его помощью? Основная тематика? Ответы на эти и другие вопросы определяют то, каким будет наш продукт.

Создание концепта

Где удобнее расположить элементы дизайна сайта? Как сделать, навигацию как можно проще и удобнее? Как достичь максимального юзабилити. Решение этих вопросов приводит к появлению нескольких
вариантов дизайна.

Разработка

Ух! Это самый отчаянный этап. На котором кодят, педалят, програмируют, пилят код, ругаются бывает… В итоге получаем красивый, кроссбраузерный, адаптивный, быстрый удобный сайт.

Довольный клиент

Остается только радоваться результату. Клиенту наполнять тематическим контентом ресурс для дальнейшего процветания и продвижения его бизнеса в сети.

Портфолио ПРИМЕРЫ / РАБОТЫ Портфолио ПРИМЕРЫ / РАБОТЫ

Greenmeadows.com.ua

Верстка шаблона из PSD макета, адаптация под мобильные устройства, SEO-оптимизация, кроссбраузерность.

Technologies:

  • HTML5
  • CSS3 (SASS)
  • JS
  • jQuery
  • Full Responsive

Ykarservis.com.ua

Разработка уникального трендового дизайна, верстка, адаптация под мобильные устройства, SEO-оптимизация, кроссбраузерность, посадка на WordPress, техническая поддержка и обучение по наполнению и продвижению сайта.

Technologies:

  • HTML5
  • CSS3 (SASS)
  • JS
  • jQuery
  • Full Responsive

studiorivoli.net

Разработка уникального трендового дизайна, верстка, адаптация под мобильные устройства, SEO-оптимизация, кроссбраузерность.

Technologies:

  • HTML5
  • CSS3 (SASS)
  • JS
  • jQuery
  • Full Responsive

iwait.biz

Проектирование сайта, создание современного дизайна, верстка, адаптация под мобильные устройства, SEO-оптимизация, кроссбраузерность, посадка на WordPress, техническая поддержка и обучение по наполнению и продвижению сайта.

Technologies:

  • HTML5
  • CSS3 (SASS)
  • JS
  • jQuery
  • Full Responsive

10news.info

Верстка шаблона из PSD макета, адаптация под мобильные устройства, SEO-оптимизация, кроссбраузерность.

Technologies:

  • HTML5
  • CSS3 (SASS)
  • JS
  • jQuery
  • Full Responsive

блог ЗАПИСИ / СОВЕТЫ блог ЗАПИСИ / СОВЕТЫ

Первые шаги после установки wordpress

Underscores - грамотная посадка на wordpress

Хотелось бы осветить следующий момент. В ежедневной работе не редко приходиться устанавливать wordpress на хостинг или локально без разницы. Важно то что я не раз видел как люди начинают разработку сайта и делают ошибки в самом начале процесса. Я бы хотел поделиться своим виденьем того какие первые шаги после установки WordPress необходимо выполнить. Первые шаги […]

Как определить страну и город по IP адресу, javascript?

Настройка proxy, зайти с другой страны.

Как узнать страну по IP? Прежде всего необходимо подключить jQuery. Далее делаем запрос к Geolocation API. получаем ответ в формате JSON циклом перебираем объект и помещаем в таблицу с id #GeoResults данные ответа. Таблицу с таким id вы можете поместить во front-end в любое место.

Инфографика в портфолио, блоге

Плагин jquery-circle-progress

На сегодняшний день практически не один веб проект не обходиться без инфографики будь то портволио, блог или корпоративный сайт.Для реализации етой задачи для front-end разработчика на данный момент существует огромное множество javascript библиотек и jquery плагинов я остановился на jquery-circle-progress из ряда причин.

PhpStorm синхронизация с ftp

Ускоряем работу с сервером

Руководство по настройке рабочего пространства для front-end разработчика. PhpStorm создание нового проекта, устанавливаем связь с сервером по ftp.

все записи все записи

Контакты СВЯЗАТЬСЯ / НАПИСАТЬ Контакты СВЯЗАТЬСЯ / НАПИСАТЬ