[Stepik] HTML CSS (pro) (2024)

[serafim]

[Stepik] HTML CSS (pro) (2024)

Чему вы научитесь

• В разделе HTML: создавать веб-страницы, добавлять изображения, изменять цвета и строить списки. Также объяснят про теги и ссылки, атрибуты и формы, и многое другое. В разделе CSS: стилизовать веб-страницы, изменять цвета и размеры шрифта, добавлять поле содержимого на веб-страницу, селекторы, дисплеи, псевдоклассы и псевдоэлементы. В разделе GitHub: узнаете как pushить свои проекты, познакомитесь с синтаксисом Markdown, сделайте уникальное оформление профиля. В разделе Figma: сможете почувствовать себя дизайнером и сверстать свой первый проект по макету, освоите базовые конструкции при работе с дизайн-приложением. Решите мега огромную базу решенных практических задач Получите хороший опыт работы с различными приложениями для работы с web-разработкой По окончанию курса пополните портфолио из 6 проектов с личным feedback-ом по каждому проекту и практике от создателей курса Верстать сайты и приложения для всех типов устройств Оформлять решения, как это делают опытные разработчики Создавать свои собственные дизайны сайтов

Для кого этот курс
1) Для начинающих

• С нуля освоите востребованную профессию и научитесь создавать сайты Cтруктурируете имеющиеся знания и освоите инструменты для работы на уровне Junior

2) Для профессионалов
Расширите профессиональные компетенции, сможете повысить свою ценность на рынке труда

Программа курса
Общая информация о курсе
Секретная информация
Вливаемся в web-разработку

• Что такое создание сайтов? Фронтенд и бэкенд URL-адреса Хостинг

Редактор кода

• Что такое редактор кода? Установка VS Code Плагины Функции редактора VS Code

HTML Начало

• HTML: Знакомство HTML: Синтаксис HTML: Документ HTML: Онлайн компилятор для тестов

HTML Теги

• HTML: Заголовки и параграфы HTML: Комментарии HTML: Вложенность тегов HTML: Блочные и строчные элементы HTML: Списки HTML: Тег переноса, тег pre HTML: Div HTML: Итоговая контрольная работа №1

HTML атрибуты

• HTML: Атрибуты HTML: Универсальные атрибуты HTML: Ссылки HTML: Изображения HTML: Атрибут style HTML: Цвета и спецсимволы HTML: Кнопки HTML: Input HTML: Формы HTML: Таблицы HTML: Итоговая контрольная работа №2

CSS Начало

• CSS: Знакомство CSS: Подключение CSS к HTML CSS: Синтаксис CSS: Селекторы CSS: Итоговая контрольная работа №3

CSS Основы

• CSS: Псевдоэлементы CSS: Единицы измерения CSS: Работа c изображениями CSS: Работа с текстом CSS: Рамки и границы CSS: Выбор цвета CSS: Подключение внешних шрифтов CSS: Отступы CSS: Display CSS: Свойства списков CSS: Итоговая контрольная работа №4

GitHub

• GitHub: Знакомство GitHub: Установка GitHub: Первые команды GitHub: Ветки GitHub: Push GitHub: Удаление репозитория GitHub: Синтаксис Markdown GitHub: Clone GitHub: Описание профиля GitHub: Контрольная работа №5

Figma

• Figma: Знакомство Figma: Установка Figma: Регистрация Figma: Создание проекта Figma: Фишки

Практика HTML и CSS

• Практика №1 Практика №2 Практика №3

Многостраничность
6 проектов в портфолио

• Пишем проект вместе Проект №1: Бургерная Проект №2: Музыкальный плеер Проект №3: Магазин одежды Проект №4: Автосалон Проект №5: Сайт ВУЗа Проект №6: Личный блог

Полезные материалы

1. Полезные материалы

Финал

1. Итоги

ИСТОЧНИК
HTML CSS (pro)
СКАЧАТЬ

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.