https://github.com/elrouss/how-to-learn
Учебный проект "Научиться учиться" (изучение основ верстки)
https://github.com/elrouss/how-to-learn
bem-methodology css3 elrouss html5 yandex-praktikum
Last synced: 25 days ago
JSON representation
Учебный проект "Научиться учиться" (изучение основ верстки)
- Host: GitHub
- URL: https://github.com/elrouss/how-to-learn
- Owner: elrouss
- Created: 2022-07-07T18:24:39.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-22T13:08:27.000Z (over 2 years ago)
- Last Synced: 2024-12-10T20:37:39.583Z (5 months ago)
- Topics: bem-methodology, css3, elrouss, html5, yandex-praktikum
- Language: HTML
- Homepage:
- Size: 2.61 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# "Научиться учиться" (основы HTML и CSS)
Благодарю за проявленный интерес к [проекту](https://elrouss.github.io/how-to-learn/).
## Описание проекта
Данная проектная работа составлена в рамках образовательной программы Яндекс.Практикума. Проект представляет собой создание простого одностраничного сайта на тему современных и эффективных методов обучения.
## Методология и процесс создания
Работа выполнена в 2 этапа на базе языков HTML5 и CSS3. В ней реализованы знания, навыки и техники, изученные за первый месяц обучения профессии веб-разработчика (front-end developer).
На первом этапе было сверстано 6 блоков с использованием следующих технологий: флексбокс-верстки и позиционирования элементов; структура классов выстроена в соответствии с методологией БЭМ, применены семантические теги.
На втором этапе было добавлено 5 блоков с подключением анимаций к элементам (через кейфреймы и псевдоклассы), введены iframe. В проекте переработан способ организации файлов и кода, согласно структуре Nested по методологии БЭМ - изначально файлы группировались по своим типам.
## Усовершенствование кода
Код может быть сделан кроссбраузерным после освоения материала по подключению автопрефиксеров (прописывание ручным способом сейчас представляется нецелесообразным). Кроме того, можно сверстать форму с уникальным дизайном: через нее пользователи смогут отправлять комментарии и рекомендации разработчику страницы.
### Контактные данные
E-mail: [email protected], [email protected]