Проект направлен на представление эффективных методов обучения, чтобы помочь пользователям преодолеть проблемы в учебном процессе. Он содержит секции, посвященные главным проблемам в обучении, эффективным техникам обучения, видеоматериалам для борьбы с прокрастинацией, истории успеха Барбары Оакли, методу "Фейнмана", интересным цифрам и фактам о мозге и обучении, а также информацию о вкладе Салмана Хана и принципах обучения от Джоша Кауфмана. Этот проект направлен на то, чтобы помочь пользователям понять и использовать эффективные методы обучения. Ссылка на gh-pages
-
Шапка: Логотип, заголовок и подзаголовок, привлекающие внимание и описывающие цель проекта.
-
Главная секция: Информация о главных проблемах в обучении и неэффективных методах учебы.
-
Секция с техниками обучения: Предлагает пять эффективных техник обучения, предложенных Барбарой Оакли.
-
Секция с видео: Содержит два видео на платформе TED для тех, кто прокрастинирует.
-
Секция с историей Барбары Оакли: Рассказывает историю успешного преодоления проблем в учебе.
-
Секция о методе Фейнмана: Предлагает метод "Фейнмана" для понимания и запоминания материала.
-
Секция с цифрами и фактами: Представляет интересные данные о мозге, обучении и образовании.
-
Секция о Салмане Хане: Содержит информацию о его вкладе в процесс обучения и книгу "Весь мир — школа".
-
Секция о принципах обучения от Джоша Кауфмана: Основные принципы обучения, предложенные Джошем Кауфманом.
-
Разработал структура проекта "Научиться учиться от Yandex Practicum".
-
Создал HTML и CSS файлы для построения страницы проекта.
-
Вставил изображения и контент, соответствующие каждой секции проекта.
-
Добавил интерактивные элементы для улучшения пользовательского опыта.
-
Оптимизировал загрузка и производительность страницы.
-
Реализована возможность просмотра видеоматериалов на странице через встроенные плееры с использованием технологии iframe.
-
Добавлены анимационные эффекты для улучшения визуального восприятия пользователем. Эти эффекты активируются при наведении мыши на определенные элементы или при загрузке страницы, что делает интерфейс более привлекательным.
-
Произведено форматирование текста, изображений и других элементов для создания удобного и эстетичного визуального восприятия страницы. Элементы расположены таким образом, чтобы обеспечить понятную и легко читаемую структуру контента.
- Написать оптимизированную версию сайта для устройств с разными размерами экранов, включая компьютеры, планшеты и смартфоны.
- Технология Flex-вёрстка.
- Технология @keyframes.
- Технология для вставки видео iframe.
- Технология анимации rotate с помощью @keyframes.
- Технология псевдокласса :hover.
- Технология позиционирования элементов.
- Технология БЭМ (Nested).
- Склонировать репозиторий:
git clone git@github.com:Dmitry145528/how-to-learn.git
- Перейдите в папку с проектом, затем откройте файл index.html в вашем любимом браузере.
✅ Завершено