мое порт
olio

Портфолио веб-разработчика Леонида Зычкова: верстка, натяжка на Вордпресс, разработка js/jQuery скриптов

  • Ценности
    У меня, как у каждого настоящего веб-разработчика есть ценности, которые я обязательно явлю миру, потенициальным клиентам и работодателям.
  • Цели
    У меня, как у каждого настоящего веб-разработчика есть цели, которые я обязательно явлю миру, потенициальным клиентам и работодателям.
  • Хобби
    У меня, как у каждого настоящего веб-разработчика есть хобби, которое я обязательно явлю миру, потенициальным клиентам и работодателям.
Обо мне

Всем привет. Меня зовут Леонид. Я - веб-разработчик.

Мою деятельность можно разделить на такие направления.

  • Html+css
    Верстаю адаптивно, семантично, кроссбраузерно, Pixel perfect.
  • Js / jQuery
    Интегрирую на сайт популярные плагины или пишу несложные скрипты.
  • Php
    Знаю php на уровне, чтобы натянуть верстку на сайт на cms Wordpress, установить нужный плагин или доработать функционал.
  • Wordpress / Woocommerce
    Превращу html-верстку в Wordpress-тему. Установлю Woocommerce и внесу правки "под клиента".

Мои навыки

  • верстка из PSD/Figma/Avocode в HTML (адаптивная, семантическая, PixelPerfect);
  • HTML(БЭМ, pug)/CSS (scss);
  • js/jQuery на уровне написания скриптов / интеграции популярных плагинов;
  • node, gulp, webpack, git и т.п.
  • работа с PHP на уровне интеграции верстки;
  • интеграция верстки на cms Wordpress;
  • установка Woocommerce, доработка интернет-магазина под пожелания клиента;
  • HTML+CSS
  • js/jQuery
  • PHP
  • Wordpress

Резюме

Здесь надо написать пару слов о том, что у меня есть резюме. Наверное не всем удообно просматривать этот сайт о моих достижениях, поэтому резюме можно скачать, нажав на кнопку ниже.

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

Мое образование

  • В 1996 г. я закончил Херсонский Государственный педагогический институт имени Н.К.Крупской по специальности "Физика-информатика" и получил право преподавать оные предметы в средней школе.

  • Это было не последнее мое образование, о чем я, конечно же, детально написал.

    • Курсы javascript
      easycode.com.ua
      онлайн
       / 
      2018
      5 месяцев

      Основы работы с javascript.

    • Курсы верстки 2.0
      Курсы верстки
      онлайн
       / 
      2017
      4 месяца

      Основы верстки сайтов. Адаптивность, кроссбраузерность, pixel perfect.

    • Курсы SEO
      Wezom
      оффлайн
       / 
      2015
      3 месяца

      Основы поисковой оптимизации сайтов.

    • Php на примерах
      basic.com.ua
      онлайн
       / 
      2014
      4 месяца

      Основы php, работа с фреймворком CodeIgniter.

    Опыт работы

  • После вуза работал преподавателем информатики в Текстильном техникуме. До того как, ушел в частный бизнес, 7 лет проработал оператором ЭВМ в ПМТО "Агро-Комплект".

  • Но, поскольку HRы рекомендуют указывать 3 последних и наиболее релевантных места, то именно они отображены в списке.

    • Web-разработчик
      DSG
      удаленно
       / 
      2020, Apr
       - 
      2020, Feb
      меньше 1 года
      • - верстка отдельных страниц;
      • - интеграция верстки на cms Wordpress;
      • - установка Woocommerce;
      • - доработка функционала интернет-магазинов;
    • HTML-верстальщик
      New Wave
      удаленно
       / 
      2020, Feb
       - 
      2019, Feb
      меньше 1 года
      • - адаптивная верстка сайтов/лендингов;
      • - разработка js/jQuery скриптов;
      • - натяжка сайтов/лендингов на cms Wordpress;
      • - верстка/сборка отдельных страниц для сайта на cms Drupal.
    • Контент-менеджер
      Viweb
      Херсон
       / 
      2019, Feb
       - 
      2016, Feb
      меньше 1 года
      • - работа с контентом интернет-магазинов на движках Prestashop, Shop-Script;
      • - работа с контентом сайтов на CMS Joomla, Wordpress.

    “Давно приглядываюсь к работам Леонида. Делал тестовое задание на одну из наших вакансий. Старательный, дотошный, исполнительный. Перспективный верстальщик. Необходимо подтянуть javascript и расти дальше до фронтенд-разработчика.”

    Алексей Зайцев, "Z-media"

    “Давно приглядываюсь к работам Леонида. Делал тестовое задание на одну из наших вакансий. Старательный, дотошный, исполнительный. Перспективный верстальщик. Необходимо подтянуть javascript и расти дальше до фронтенд-разработчика.”

    Артур Попрыгайцев, "P-media"

    “Давно приглядываюсь к работам Леонида. Делал тестовое задание на одну из наших вакансий. Старательный, дотошный, исполнительный. Перспективный верстальщик. Необходимо подтянуть javascript и расти дальше до фронтенд-разработчика.”

    Артем Добивайцев, "D-media"

    Портфолио

    Верстаю psd шаблоны, которые доступны в сети или приходят в рассылках различных курсов и тренингов

    • Лендинг Miami Condo Kings

      Что делалось:  верстка

      Кодинг/разметка:  scss

      Плагины/библиотеки:  jQuery

      Сборка проекта: gulp

    • Лендинг Автошколы

      Что делалось:  верстка

      Кодинг/разметка:  scss

      Плагины/библиотеки:  jQuery

      Сборка проекта: gulp

    • Сайт питомника служебных собак

      Что делалось:  верстка

      Кодинг/разметка:  scss

      Плагины/библиотеки:  jQuery

      Сборка проекта: gulp

    • Страница интернет-магазина

      Что делалось:  верстка

      Кодинг/разметка:  pug, scss

      Плагины/библиотеки:  jQuery, vanilla-text-mask, jquery.maskedinput, jquery-validation, vex-js, toastr.js, select2

      Сборка проекта: gulp

    • Лендинг отеля

      Что делалось:  верстка

      Кодинг/разметка:  pug, scss

      Плагины/библиотеки:  jQuery, vanilla-text-mask, jquery.maskedinput, jquery-validation, vex-js

      Сборка проекта: gulp

    • Страница консалтинговой фирмы

      Что делалось:  верстка

      Кодинг/разметка:  pug, scss

      Плагины/библиотеки:  jQuery, vanilla-text-mask, jquery.maskedinput, jquery-validation, vex-js

      Сборка проекта: gulp

    • Лендинг Шейкеры

      Что делалось:  верстка

      Кодинг/разметка:  pug, scss

      Плагины/библиотеки:  jQuery, slick-carousel

      Сборка проекта: gulp

    • Страница турагентства

      Что делалось:  верстка

      Кодинг/разметка:  pug, scss

      Плагины/библиотеки:  jQuery, vanilla-text-mask

      Сборка проекта: gulp

    • Лендинг по продаже обогревателей

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery, vanilla-text-mask, jquery.maskedinput, jquery-validation, vex-js, FlipClock

      Сборка проекта: gulp

    • Мое портфолио

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery, vanilla-text-mask, jquery.maskedinput, jquery-validation, slick-carousel, vex-js

      Сборка проекта: gulp

      Cms, плагины:  Wordpress, Custom Field Suite

    • Лендинг

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery, Bootstrap3, Vue.js

      Сборка проекта: webpack

    • Сайт "Ателье одежды для мам и дочек"

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery, Bootstrap3, fullPage.js

      Сборка проекта: webpack

    • Многострочный адаптивный слайдер

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery, slick-carousel

      Сборка проекта: webpack

    • Сайт "Запчасти для грузовиков Белаз"

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery, vanilla-text-mask, jquery.maskedinput, jquery-validation, vex-js, Bootstrap3

      Сборка проекта: gulp

    • Детский отдых с турагентством "7 континентов"

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery, vanilla-text-mask, jquery.maskedinput, jquery-validation, slick-carousel, Bootstrap4

      Сборка проекта: gulp

    • Еще одна версия резюме

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  noUiSlider

      Сборка проекта: gulp

    • Лендинг о ховербордах

      Что делалось:  верстка, интеграция верстки, доработки сайта/интернет-магазина

      Кодинг/разметка:  scss, nunjucks

      Плагины/библиотеки:  jQuery, slick-carousel

      Сборка проекта: gulp

      Cms, плагины:  Wordpress, Advanced Custom Fields

    • Интернет-магазин посуды

      Что делалось:  верстка, интеграция верстки, доработки сайта/интернет-магазина

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery, slick-carousel

      Сборка проекта: gulp

      Cms, плагины:  Wordpress, Advanced Custom Fields, Wocommerce

    • Сайт бухгалтерского агентства

      Что делалось:  интеграция верстки, доработки сайта/интернет-магазина

      Cms, плагины:  Wordpress, Advanced Custom Fields, Wocommerce, Contact Form 7

    • Сайт переводчика

      Что делалось:  интеграция верстки, доработки сайта/интернет-магазина

      Плагины/библиотеки:  jQuery, slick-carousel

      Cms, плагины:  Wordpress, Custom Field Suite, Contact Form 7

    • Сайт маркетолога

      Что делалось:  интеграция верстки, доработки сайта/интернет-магазина

      Плагины/библиотеки:  jQuery, slick-carousel

      Cms, плагины:  Wordpress, Custom Field Suite

    • Сайт по продаже роботов-пылесосов

      Что делалось:  интеграция верстки, доработки сайта/интернет-магазина

      Плагины/библиотеки:  jQuery, slick-carousel

      Cms, плагины:  Wordpress, Wocommerce, Custom Field Suite

    • Сайт антикварных подарков

      Что делалось:  интеграция верстки, доработки сайта/интернет-магазина

      Плагины/библиотеки:  jQuery, slick-carousel

      Cms, плагины:  Wordpress, Wocommerce, Custom Field Suite, Contact Form 7

    • Магазин детских товаров

      Что делалось:  доработки сайта/интернет-магазина

      Плагины/библиотеки:  jQuery, slick-carousel

      Cms, плагины:  Wordpress, Wocommerce, Ajax Cart AutoUpdate for Woo, Checkout Field Editor for Woo, Qty Increment Buttons for Woo, Contact Form 7

    • Сайт продажи кованых изделий

      Что делалось:  интеграция верстки, доработки сайта/интернет-магазина

      Плагины/библиотеки:  jQuery, slick-carousel

      Cms, плагины:  Wordpress, Wocommerce, Custom Field Suite, Ajax Cart AutoUpdate for Woo, Checkout Field Editor for Woo, Qty Increment Buttons for Woo

    • Сайт отеля

      Что делалось:  доработки сайта/интернет-магазина

      Плагины/библиотеки:  jQuery, slick-carousel

      Cms, плагины:  Wordpress

    • Киноафиша

      Что делалось: 

      Кодинг/разметка:  JSX

      Плагины/библиотеки:  React, Material-UI

      Сборка проекта: webpack

    • Портал о домашних заботах

      Что делалось:  верстка, интеграция верстки

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery

      Сборка проекта: gulp

      Cms, плагины:  Wordpress, Custom Field Suite

    • Страница 404

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery

      Сборка проекта: gulp

    • Лендинг многоотраслевой фирмы

      Что делалось:  верстка

      Кодинг/разметка:  handlebars

      Плагины/библиотеки:  jQuery, vanilla-text-mask, jquery.maskedinput, jquery-validation, slick-carousel, vex-js, Bootstrap4

      Сборка проекта: gulp

    • IT-landing

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery

      Сборка проекта: gulp

    • Соц сеть для ИТ-шников

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery, slick-carousel, vex-js

      Сборка проекта: gulp

    • Лендинг магазина сантехники

      Что делалось:  верстка

      Кодинг/разметка:  handlebars, less

      Плагины/библиотеки:  jQuery, owlCarousel2

      Сборка проекта: webpack

    • Страница обмееника валютт

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery

      Сборка проекта: gulp

    • Магазин оптики

      Что делалось:  верстка

      Кодинг/разметка:  scss, handlebars

      Плагины/библиотеки:  jQuery, vanilla-text-mask, jquery.maskedinput, jquery-validation, slick-carousel, vex-js, Bootstrap4

      Сборка проекта: gulp

    Мои контакты

    Если у вас есть идеи и предложения, которые очень хочется обсудить, воспользуйтесь контактной формой.