Портфолио
Airplanet
Сайт
Исходники
Задачи:
- Статичная верстка на флоатах,
- Исользование BEM-naming,
- PixelPerfect до 5px
Технологии: HTML, CSS, GIT, Animate.CSS
Burgers лэндинг
Сайт
Исходники
Задачи:
- адаптивная и резиновая верстка на flexbox,
- исользование BEM-naming,
- одностраничный сайт с перелистыванием по секциям,
- самописный слайдер,
- меню-аккордионы вертикальный и горизонтальный,
- подключить Яндекс-карты и установить метку,
- отправка сообщения на электронную почту
Технологии: HTML, SCSS, jQuery, Gulp, GIT, Animate.CSS, fullPage.JS, AJAX, MAMP, PHPmailer
Mountains
Сайт
Исходники
Задачи:
- адаптивная и резиновая верстка на flexbox,
- исользование BEM-naming,
- два вида эффекта параллкас,
- блур-фильтр на форме отправки сообщения,
- слайдер, используя возможности анимации Vue.JS,
- подключение стилизованой карты Google
- лоадер-спиннер,
- анимированное появление скиллов,
- меню в блоге на мобильных устройствах вытягивается и прячется свайпом
Технологии: Pug, SCSS, JavaScript, Gulp, WebPack, GIT, Animate.CSS, Vue.JS
Tic-tac-toe game + text chat
Сайт
Исходники
Задачи:
- Когда пользователь открывает страницу, он видит экран для ожидания второго игрока. На экране он видит ссылку, которую нужно отправить второму игроку.
- Открыв ссылку приглашения в браузере, второй игрок видит игровой экран. Первый игрок также отправляется на экран игры.
- Игрок, который отправил приглашение, будет первым.
- Игроки играют поочередно. Игровой процесс должен сопровождаться простой анимацией и, возможно, звуками.
- В конце игры результаты должны отображаться на экране.
- Несколько пар игроков могут играть одновременно.
- Текстовый чат, позволяющий игрокам общаться в чате друг с другом во время игры.
Технологии: JavaScript, React, Animate.CSS, Materialize CSS, Node.JS, Express, Socket.io