/how-to-learn

Фронтенд проекта «Научиться учиться» — это одностраничный сайт с семантической вёрсткой. Стилизация выполнена по БЭМ. Реализованы анимации и трансформации элементов, медиа-фреймы. Stack: HTML5, CSS3, БЭМ, Flexbox, Figma.

Primary LanguageHTML

Научиться учиться

Учебный проект от Яндекс.Практикум

Описание проекта

Данный учебный проект представляет типовой одностраничный сайт, который посвящен современным и эффективным подходам к обучению.

Проект создан в рамках прохождения 1-2 спринта курса Веб-разработчик.

Функционал:

  • Использование CSS-анимации;
  • Встроенные видео (YouTube IFrame Player API).

Стек технологий:

  • HTML5;
  • CSS3:
    • Flexbox;
    • Positioning;
    • Adaptive UI;
    • Media Queries;
  • Методология БЭМ;
  • Фйловая структура Nested БЭМ;
  • Работа с медиафайлами (HTML-video, iframe);
  • Вёрстка по макету в Figma.

Брифы Проектной работы:

Чеклисты Проектной работы:

Скриншот:

Развернуть

how-to-learn

Ссылка на сайт:

https://ia-stepanov.github.io/how-to-learn/