Моя фотография

Артём Завалей Junior Frontend developer

Открыть резюме

Привет, меня зовут Артём, мне 21 год и я junior Frontend разработчик с желанием расти в карьере. Чтобы достичь цели я смотрю обучающие ролики на YouTube, читаю статьи на Habr и Medium, а также при любой возможности консультируюсь у более опытных коллег.
На данном этапе я совершенствуюсь в JavaScript, обучаюсь React и занимаюсь наполнением портфолио. Считаю, что работа — это непрерывное образование, поэтому всегда ищу возможности для саморазвития.

Навыки

HTML

  • HTML 5
  • Pug/Jade
  • Доступность
  • Handlebars

JS

  • JQuery
  • Подключение плагинов
  • ES6
  • React (beginner)

CSS

  • CSS 3
  • SASS
  • Less
  • Flexbox
  • Кроссбраузерная вёрстка
  • Адаптивная вёрска
  • Табличная вёрстка
  • Базовые CSS анимации
  • Bootstrap 3/4

Другое

  • BEM
  • SMACSS
  • SVG
  • Git
  • CSS спрайты
  • Gulp

Программы и сервисы

  • Adobe Photoshop

  • Adobe Illustrator

  • Adobe InDesign

  • Figma

  • Avocode

  • FileZilla

  • PageSpeed Insights/Audits

  • TinyPNG/Squoosh

Опыт

- настоящее время

General Soft

HTML-верстальщик

В этой компании в мои обязанности входила вёрстка лендингов, многостраничных сайтов с командой разработчиков. Работал над такими проектами как TransparentBusiness и Axia.
Я работал с HTML, Pug/Jade, CSS, SASS, Less, JavaScript, JQuery, Git. Так же обучался React, в основном верстал.
Компания дала мне возможность устояться, как специалист, дала возможность попробовать новые для меня технологии, такие как Pug/Jade и React. Блягодаря этому я точно знаю, в каком направлении хочу двигаться дальше.

  • HTML
  • Pug/Jade
  • CSS
  • Sass
  • Less
  • JavaScript
  • JQuery
  • React
  • Git

-

htmllessons.ru

Контент-менеджер

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

Примеры моих статей:
  1. Статья 'CSS счётчики' "CSS счётчики" В данной статье мы узнаем, что же такое CSS счётчики и зачем они вообще нужны
  2. Статья 'DRY для верстальщиков' "DRY для верстальщиков" В данной статье мы познакомимся с принципом “Не повторяйся” на примерах SASS, Pug и JS.
  3. Статья 'Свойство box-sizing' "Свойство box-sizing" В этой статье мы рассмотрим одно из самых интересных и полезных CSS свойств.
  4. Статья 'Рекомендации написания CSS-кода' "Рекомендации написания CSS-кода" В данной статье мы рассмотрим основные рекомендации стилизации CSS-кода и исправим «нечитаемый» CSS.
  • HTML
  • CSS

-

OziTag

HTML-верстальщик

В этой компании по разработке ПО в мои обязанности входила вёрстка лендингов, корпоративных сайтов, электронных писем вместе с командой разработчиков.
Я работал с HTML, Handlebars, CSS, SASS, Gulp, Git, GitLab.
Компания дала мне первый коммерческий опыт разработки и помощь в развитии меня как профессионала. Я закрепил основные знания вёрстки, познакомился с шаблонизатором Handlebars, научился работать с Gulp и Git. Так же появился практический опыт вёрстки электронных писем.

  • HTML
  • Handlebars
  • CSS
  • Sass
  • SVG
  • npm/yarn
  • BEM
  • Git
  • Gitlab

Образование

-

Курс "JavaScript/​DOM/​Интерфейсы" для новичков

Курсы от learn.javascript.ru.

Главные темы:
  1. Базовый JavaScript;
  2. Документ, генерация интерфейса;
  3. События, взаимодействие с посетителем;
  4. Проект;
  5. Сетевая коммуникация, AJAX.
Сертификат от learn.javascript.ru

-

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

  1. freeCodeCamp Сертификация алгоритмов и структур данных JavaScript; Сертификация Front-end библиотек (JQuery).
  2. Яндекс.Практикум Бесплатная часть курса front-end developer.
  3. GeekBrains Бесплатные курсы; тесты.
  4. Glo Academy Воркшопы; онлайн вебинары.
    Сертификат от Glo Academy Сертификат от Glo Academy Сертификат от Glo Academy Сертификат от Glo Academy

-

Белорусский Государственный Технологический Университет

Один курс специальности "Информационные Системы и Технологии".

Проекты

Sadcenter.by

Что было сделано:

Многостраничный сайт. Дизайн всех страниц сайта. Адаптивная верстка. Подключение плагинов, написание собственных скриптов на чистом JS и JQuery.

Код можно посмотреть на GitHub.
  • HTML
  • Pug
  • CSS
  • SASS
  • JavaScript
  • JQuery
  • slick.js
  • SVG
  • GULP
  • GIT
Sadcentr.by Sadcentr.by

Todo List на чистом JS

Что было сделано:

Дизайн. Создание Todo на чистом JS. Используется ES6. Был создан класс Todo. Практика CSS Grid.

Код можно посмотреть на GitHub.
  • HTML
  • CSS
  • SASS
  • CSS Grid
  • JavaScript
  • ES6
  • GIT
Todo List на чистом JS

Тестовая работа

Что было сделано:

Тестовая работа. Одноэкранный сайт-визитка. Адаптивная и кросс-браузерная (IE11 +) верстка. Использовались CSS-Анимации. Написан скрипт на чистом JS.

Код можно посмотреть на GitHub.
  • HTML
  • HANDLEBARS
  • CSS
  • SASS
  • CSS-Animations
  • JavaScript
  • GULP
  • GIT
Тестовая работа Тестовая работа

Тестовый проект

Что было сделано:

Адаптивная и кросс-браузерная (IE10 +) верстка на основе Bootstrap; плавная прокрутка до якоря и попап на jQuery.

Код можно посмотреть на GitHub.
  • HTML
  • SASS
  • BOOTSTRAP
  • JQUERY
Тестовый проект Тестовый проект

ByCard by Bot

Что было сделано:

Дизайн сайта (Desktop + Mobile); Адаптивная и кросс-браузерная (IE10 +) верстка на основе Bootstrap; подключение к боту.

Код можно посмотреть на GitHub (dev branch).
  • HTML
  • CSS
  • BOOTSTRAP
  • JQUERY
ByCard by Bot ByCard by Bot

Site portfolio (ver 1.0)

Что было сделано:

Дизайн сайта (Desktop + Mobile). Адаптивная и кросс-браузерная (IE11 — частично) верстка на основе Bootstrap.

Код можно посмотреть на GitHub.
  • HTML
  • CSS
  • BOOTSTRAP
  • ANIMATE.CSS
  • WOW.JS
Site portfolio (ver 1.0) Site portfolio (ver 1.0)