Для того чтобы пройти курс, его необходимо скачать себе на ПК и открыть файлы в браузере.
Vite — свежий и быстрый инструмент сборки для фронтенда и серверной части приложения.
Vite обладает собственной экосистемой с плагинами, CLI и даже фреймворком для тестирования кода Vitest. Сейчас Vite...
Описание проекта
Большой и пушистый макет
В этой инструкции вы найдёте шаги по вёрстке макета «Питомник Мейн-Кунов», а также список ссылок на полезные материалы. Макет создан в программе Figma и представляет собой три варианта одной страницы с примером отображения на разных разрешениях экрана...
Описание профессиональной задачи
Нужно получить из макета всё необходимое для стилизации: параметры шрифтов, размеры и отступы, параметры теней и скруглений и так далее. Также нужно экспортировать всю графику, в оптимальном формате и оптимальном соотношении качество/вес.
Материалы комплекта...
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
Почему курс профессиональный
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете...
Интернет-магазин
В этом проекте вам предстоит запрограммировать одностраничное приложение на JavaScipt, которое будет работать в браузере — список товаров в интернет-магазине с подробной информацией о каждом товаре. Приложение позволяет выбрать товары разных категорий, отфильтровать их по цене...
Лучший курс для изучения основ HTML5 иCSS3 с нуля. На курсе создадите несколько мини сайтов
Чему вы научитесь
Создайте любой макет веб-сайта, который вы можете себе представить
Поддержка любого размера устройства с адаптивным (удобным для мобильных устройств)
Добавляйте стильные анимациии...
Описание проекта
В этом проекте вам предстоит запрограммировать одностраничное приложение на JavaScipt, которое будет работать в браузере — список объявлений о продаже товаров и модальное окно с подробной информацией о каждом товаре. Приложение позволяет выбрать товары разных категорий...
Описание навыка
Профессиональная задача:
Анализируя графический макет, нужно разделить интерфейс на компоненты и спроектировать их структуру по методологии БЭМ.
Зачем нужен этот навык:
Методология БЭМ (Блок, Элемент, Модификатор) — широко распространённый в веб-разработке компонентный подход к...
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после...
По окончании курса Вы будете уметь:
Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами
Грамотно проектировать веб-страницы и эффективно организовывать разработку кода
Разрабатывать код HTMLиCSS в соответствии со стандартами Консорциума W3C
Создавать...
Набор лайфхаков для повседневной работы
Чему вы научитесь
Быстро набирать HTMLиCSS код, используя плагин Emmet
Вставлять изображения-заглушки
Определять приоритет селектора
Создавать заготовку для lightbox-эффекта
Создавать чередование цветов при разметке (“зебра”)
Создавать многострочную...
Программа интенсива
Раздел 1: инфраструктура
Теория:
работа с системой контроля версий Git
рабочий процесс на интенсиве
дополнительные инструменты: eslint, npm, gulp
Практика:
Клонирование репозитория
Выбор IDE
Настройка рабочего окружения
Раздел 2: ES2015
Теория:
Спецификация ECMAScript 2015...
Вёрстка — один из базовых навыков разработчиков интерфейсов
На курсе вы изучите современные тегиHTMLи свойства CSS, освоите нужные инструменты и научитесь смотреть на макет глазами опытных разработчиков.
HTMLиCSS — база, на которой основана вся разработка интерфейсов. Мода на инструменты...
С нуля за 5 недель научим верстать адаптивные сайты и сформируем первые работы в портфолио под руководством опытного наставника!
Что тебя ждет на курсе:
- 5 недель ежедневной работы в Sublime Text 3 и Photoshop;
- 30 подробнейших видеуроков по основам работы с HTMLиCSS: от настройки рабочего...
Прогноз погоды
В этом проекте вам предстоит запрограммировать приложение на JavaScipt, которое будет работать в браузере — прогноз погоды в городах России. Приложение позволяет выбрать города из списка и посмотреть погоду для избранных городов в списке и на карте.
Интерфейс конструктора включает...
Счётчик калорий
В этом проекте вы будете программировать одностраничное приложение, которое работает в браузере — счётчик калорий. Приложение позволяет рассчитать индивидуальную суточную норму калорий.
Интерфейс состоит из формы с полями ввода и полями для вывода результата. В эталонной...
Заказ доставки в интернет-магазине
В этом проекте вам предстоит запрограммировать страницу заказа доставки в интернет-магазине. Страница позволяет выбрать вид доставки (самовывоз или доставка по городу), проверить возможна ли доставка на указанный адрес, выбрать дату и время доставки, выбрать...
Чему вы научитесь
В разделе HTML: создавать веб-страницы, добавлять изображения, изменять цвета и строить списки. Также объяснят про тегии ссылки, атрибуты и формы, и многое другое.
В разделе CSS: стилизовать веб-страницы, изменять цвета и размеры шрифта, добавлять поле содержимого на...
Длительность курса 19 ч 15 мин
6 разделов • 79 лекций •
Домашние задания иисходные материалы к урокам
Для кого этот курс: Все, кто хочет научиться верстать сайты с помощью HTML5 иCSS3.
Чему вы научитесь
Изучите полностью язык HTML5 и все основные тегиИзучите таблицу стилей CSS3 и все...
Программа курса
Суть HTML, его особенности, назначение и функционал.
Разбор структуры web страницы
Изучение текстовых тегов, особенности заголовочных секций H, различные атрибуты. Структура текстовых ссылок, способы создания якорей и различных списков из текста
Как формируется изображение...