Описание навыка
Профессиональная задача:
Анализируя графический макет, нужно разделить интерфейс на компоненты и спроектировать их структуру по методологии БЭМ.
Зачем нужен этот навык:
Методология БЭМ (Блок, Элемент, Модификатор) — широко распространённый в веб-разработке компонентный подход к...
Описание навыка
Профессиональная задача:
Умение верстать типовые навигационные элементы: линейное и многоуровневые меню, «выпадающие» подменю, пагинацию, «хлебные крошки», сложные списки и другие.
Зачем нужен этот навык:
С вёрсткой навигационных элементов верстальщик сталкивается в работе...
[HTML Academy]Профессиональныйнавык. Вёрстка карточных элементов интерфейса. Тариф "Полный комплект"
Описание навыка
Профессиональная задача:
Умение верстать различные карточные и плиточные элементы интерфейса (карточки товаров, преимуществ и так далее).
Зачем нужен этот навык:
Список...
Профессиональная задача:
Опираясь на графический макет, нужно спроектировать информационную архитектуру страниц и написать корректную, семантичную и выразительную HTML-разметку.
Зачем нужен этот навык:
Вёрстка любой веб-страницы начинается с написания HTML-кода, то есть с её разметки...
Описание навыка
Профессиональная задача:
Умение верстать типовые многослойные элементы: слайдеры, «всплывающие» попапы, модальные окна, тултипы-подсказки, прокручивающиеся вместе со всем сайтом «липкие» меню, выпадающие элементы интерфейса, «прелоадеры» и подобные элементы.
Зачем нужен этот...
Описание навыка
Профессиональная задача:
Нужно получить из макета всё необходимое для стилизации: параметры шрифтов, размеры и отступы, параметры теней и скруглений и так далее. Также нужно экспортировать всю графику, в оптимальном формате и оптимальном соотношении качество/вес.
Зачем нужен этот...
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии.
И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.
Продолжительность: 23:47:46
Изучаем основы HTML и CSS. На практике разбираемся с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.
Глава 1: Основы HTML и CSS
25 минут теории, 20 минут практики
В этой главе мы под руководством инструктора Кекса познакомимся с основами вёрстки на примере...
Описание профессиональной задачи
Нужно получить из макета всё необходимое для стилизации: параметры шрифтов, размеры и отступы, параметры теней и скруглений и так далее. Также нужно экспортировать всю графику, в оптимальном формате и оптимальном соотношении качество/вес.
Материалы комплекта...
Описание профессиональной задачи
Умение создавать, удалять, перемещать, управлять элементами HTML-страницы и отображать данные в шаблонах с помощью JavaScript.
Материалы комплекта
Методика
4 кейса легкого уровня сложности.
Доп. материалы
Описание профессиональной задачи
Опираясь на графический макет, нужно спроектировать информационную архитектуру страниц и написать корректную, семантичную и выразительную HTML-разметку.
Материалы комплекта
Углублённая теория, общий объём 54 страницы.
9 кейсов: 3 лёгкого, 3 среднего и 3...
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
Первая неделя
Раздел 1
React
Рассмотрим схему работы на курсе. Познакомимся с популярной библиотекой React. Узнаем какие проблемы она решает и...
Описание проекта
Большой и пушистый макет
В этой инструкции вы найдёте шаги по вёрстке макета «Питомник Мейн-Кунов», а также список ссылок на полезные материалы. Макет создан в программе Figma и представляет собой три варианта одной страницы с примером отображения на разных разрешениях экрана...
*** Скрытый текст: у вас недостаточно прав для просмотра скрытого текста. Посетите ветку форума! ***
Описание профессиональной задачи
Умение верстать многослойные интерфейсы — необходимое звено в наборе навыков верстальщика. Освоив этот навык, вы будете уметь верстать «всплывающие» попапы...
Программа МК:
Четкая архитектура
Способы определения Точек начала (близко-далеко расположенные глаза)
Линия переносицы
Золотое сечение
Хвост
Апекс
Как определить ширину бровей
Верхняя линия
Нижняя линия
Козелок
Схема переносицы
Схема перпендикуляров
Схема разметки определения формы по...
Описание навыка
Профессиональная задача:
Опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием технологии CSS Grid Layout. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнения контентом, изменения количества колонок) и...
21 ноября 2022 — 6 февраля 2023
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом.
Он подойдёт для работающих людей, у которых мало времени.
Программа курса:
Раздел 1
Введение
Понедельник с 19:00 до 21:00Лектор: Николай Шабалин
Познакомимся с...
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после...
Пройдя данный курс, вы научитесь верстать сайты и адаптировать их под мобильные устройства.
Кому подойдет этот курс?
Курс для тех, кто только начинает изучение веб-разработки для заработка, либо для достижения глобальной цели
Программа курса
Первые шаги в вебе
Изучите что такое HTML & CSS, а...
Уровень 2. 18 ноября 2019 - 29 января 2020
Программа курса
Неделя 1
Раздел 1
ECMAScript
Рассмотрим схему работы на интенсиве и узнаем, какие инструменты нам понадобятся. Познакомимся с последними версиями стандартом ECMAScript, разберём какие проблемы он решает и чем отличается от ECMAScript 5...