В современном мире любая серьезная компания стремится обзавестись собственным сайтом, потому что это своего рода «визитная карточка» в Интернете, без которой ведение бизнеса уже выглядит несовременно, несерьезно и бесперспективно.
3 500₽
9 месяцев
10.09.24 — 31.05.25
Frontend-разработчик: сайты на HTML/CSS/JavaScript
Техническое
13-17 лет
Записаться на курс
Пожалуйста, заполните поля.
Нажимая на кнопку «Оставить заявку», вы соглашаетесь на обработку персональных данных.
Программирование — востребованная профессия будущего
Профессия веб-мастера за последние годы поднялась на первые строчки в рейтинге самых привлекательных и востребованных профессий в сфере IT. В связи с этим в настоящее время появляется все больше желающих пройти обучение созданию сайтов с нуля и освоить эту престижную специальность, чтобы в дальнейшем иметь стабильный и достойный заработок. Наша школа программирования CODDY предлагает не откладывать и уже сейчас записать вашего ребенка на курс «Frontend-разработчик: сайты на HTML/CSS/JavaScript»!
Для кого:
- любят творить, придумывать свои проекты
- интересуются программированием и IT-технологиями
- хотят познакомиться с профессией веб-дизайнера и веб-разработчика
- хотят научиться быстро создавать красивый сайт о себе, своем хобби
- создавать наполненный интересной информацией блог или современный интернет магазин
Вы изучите
Основы языка гипертекстовой разметки (HTML) и каскадных таблиц стилей (CSS)
Работа с фреймворком Tailwind CSS
Верстка современных веб-сайтов
Знакомство с языком программирования JavaScript
Углубленное изучение особенностей стилизации веб-страниц
Разработке и оптимизации различных видов мобильных приложений
Программа курса
9 месяцев
10.09.24 — 31.05.25
1.1 Основы разметки веб-страниц
1.2 Элемент div и атрибуты тегов
1.3 Каскадные таблицы стилей
1.4 Создание сайта Jaguar
1.2 Элемент div и атрибуты тегов
1.3 Каскадные таблицы стилей
1.4 Создание сайта Jaguar
2.1 Box model в CSS
2.2 Продвинутая работа с текстом в CSS
2.3 Позиционирование элементов в CSS
3.4 Создание страницы блога
2.2 Продвинутая работа с текстом в CSS
2.3 Позиционирование элементов в CSS
3.4 Создание страницы блога
3.1 Псевдоклассы и работа с изображениями в CSS
3.2 FlexBox в CSS
3.3 Разработка сайта Sneakers shop. Часть 1
4.4 Разработка сайта Sneakers shop. Часть 2
3.2 FlexBox в CSS
3.3 Разработка сайта Sneakers shop. Часть 1
4.4 Разработка сайта Sneakers shop. Часть 2
4.1 Grid Layout в CSS
4.2 Псевдоэлементы after и before
4.3 Анимации и трансформации в CSS
4.4 Практика в создании анимаций в CSS
4.2 Псевдоэлементы after и before
4.3 Анимации и трансформации в CSS
4.4 Практика в создании анимаций в CSS
5.1 Создание интернет магазина
5.2 Создание шапки интернет-магазина
5.3 Создание первого экрана с главным продуктом
5.4 Создание блока с популярными товарами
5.2 Создание шапки интернет-магазина
5.3 Создание первого экрана с главным продуктом
5.4 Создание блока с популярными товарами
6.1 Создание слайдера с отзывами покупателей
6.2 Работа с формами и видео-контентом
6.3 Создание отдельной страницы с галереей
6.4 Адаптация контента под все виды устройств
6.2 Работа с формами и видео-контентом
6.3 Создание отдельной страницы с галереей
6.4 Адаптация контента под все виды устройств
7.1 Тестирование сайта
7.2 Знакомство с фреймворком Tailwind СSS.
7.3 Tailwind классы для создания адаптивного сайта
7.4 Grid система в Tailwind CSS
7.2 Знакомство с фреймворком Tailwind СSS.
7.3 Tailwind классы для создания адаптивного сайта
7.4 Grid система в Tailwind CSS
8.1 Настройка проекта Manage
8.2 Создание секции с описанием приложения Manage
8.3 Создание секции FAQ для сайта-приложения Manage
8.4 Создание footer’а сайта-приложения Manage
8.2 Создание секции с описанием приложения Manage
8.3 Создание секции FAQ для сайта-приложения Manage
8.4 Создание footer’а сайта-приложения Manage
9.1 Создание первого экрана собственного сайта
9.2 Создание блока с карточками для собственного проекта
9.3 Создание footer'а и CTA для собственного проекта
9.4 Защита проекта
9.2 Создание блока с карточками для собственного проекта
9.3 Создание footer'а и CTA для собственного проекта
9.4 Защита проекта
Программа курса
9 месяцев
10.09.24 — 31.05.25
1.1 Основы разметки веб-страниц
1.2 Элемент div и атрибуты тегов
1.3 Каскадные таблицы стилей
1.4 Создание сайта Jaguar
1.2 Элемент div и атрибуты тегов
1.3 Каскадные таблицы стилей
1.4 Создание сайта Jaguar
2.1 Box model в CSS
2.2 Продвинутая работа с текстом в CSS
2.3 Позиционирование элементов в CSS
3.4 Создание страницы блога
2.2 Продвинутая работа с текстом в CSS
2.3 Позиционирование элементов в CSS
3.4 Создание страницы блога
3.1 Псевдоклассы и работа с изображениями в CSS
3.2 FlexBox в CSS
3.3 Разработка сайта Sneakers shop. Часть 1
4.4 Разработка сайта Sneakers shop. Часть 2
3.2 FlexBox в CSS
3.3 Разработка сайта Sneakers shop. Часть 1
4.4 Разработка сайта Sneakers shop. Часть 2
4.1 Grid Layout в CSS
4.2 Псевдоэлементы after и before
4.3 Анимации и трансформации в CSS
4.4 Практика в создании анимаций в CSS
4.2 Псевдоэлементы after и before
4.3 Анимации и трансформации в CSS
4.4 Практика в создании анимаций в CSS
5.1 Создание интернет магазина
5.2 Создание шапки интернет-магазина
5.3 Создание первого экрана с главным продуктом
5.4 Создание блока с популярными товарами
5.2 Создание шапки интернет-магазина
5.3 Создание первого экрана с главным продуктом
5.4 Создание блока с популярными товарами
6.1 Создание слайдера с отзывами покупателей
6.2 Работа с формами и видео-контентом
6.3 Создание отдельной страницы с галереей
6.4 Адаптация контента под все виды устройств
6.2 Работа с формами и видео-контентом
6.3 Создание отдельной страницы с галереей
6.4 Адаптация контента под все виды устройств
7.1 Тестирование сайта
7.2 Знакомство с фреймворком Tailwind СSS.
7.3 Tailwind классы для создания адаптивного сайта
7.4 Grid система в Tailwind CSS
7.2 Знакомство с фреймворком Tailwind СSS.
7.3 Tailwind классы для создания адаптивного сайта
7.4 Grid система в Tailwind CSS
8.1 Настройка проекта Manage
8.2 Создание секции с описанием приложения Manage
8.3 Создание секции FAQ для сайта-приложения Manage
8.4 Создание footer’а сайта-приложения Manage
8.2 Создание секции с описанием приложения Manage
8.3 Создание секции FAQ для сайта-приложения Manage
8.4 Создание footer’а сайта-приложения Manage
9.1 Создание первого экрана собственного сайта
9.2 Создание блока с карточками для собственного проекта
9.3 Создание footer'а и CTA для собственного проекта
9.4 Защита проекта
9.2 Создание блока с карточками для собственного проекта
9.3 Создание footer'а и CTA для собственного проекта
9.4 Защита проекта
Как проходят занятия
Партнер курса
Записаться на курс
Консультация
