Слайдер на JavaScript, без использования Jquery

Учебный код слайдера на JavaScript (без использования библиотеки Jquery) для практического обучения студентов в учебном центре Skill-Up по дисциплине «Front-End Web Development». Слайдер поддерживает следующий функционал: переходы вперед / назад, позиционирование на указанный слайд, автоматическую прокрутку при загрузке, пауза / продолжение автоматической прокрутки, управление переходами с клавиатуры, проверка JS при загрузке страницы. В рамках этого учебного […]

Шаблон для изучения верстки на гридах

Шаблон, разработанный для практического обучения студентов в учебном центре Skill-Up по дисциплине «Front-End Web Development». При верстке шаблона использованы знания HTML5, CSS3, а также самый новый, мощнейший инструмент для создания двумерной сетки — Grid Layout. Так же закрепляются умения создавать адаптивное оформление для мобильных устройств. Верстка шаблона выполняется согласно макета, созданного в Adobe XD (интерактивность, […]

Учебный шаблон интернет-магазина, Bootstrap 4

Шаблон, разработанный для практического обучения слушателей в учебном центре Skill-Up по дисциплине «Front-End Web Development». Верстка учебного шаблона интернет-магазина выполняется по предоставленному макету в формате PSD с использованием системы сеток и компонентов Bootstrap 4. Так же отрабатываются навыки адаптивной верстки и кастомизации стандартных элементов Bootstrap. Открыть шаблон

Шаблон для изучения верстки на flexbox

Шаблон, разработанный для практического обучения слушателей в учебном центре Skill-Up по дисциплине «Front-End Web Development». При верстке шаблона отрабатываются навыки работы с HTML5 и CSS3. Эмуляция сетки реализована с помощью flexbox. Так же закрепляются умения создавать адаптивное оформление для мобильных устройств. Открыть страницу шаблона