Обучение
Обучение идеально подойдет для тех, кто хочет стать веб-разработчиком и начать карьеру в web студии или фрилансером. Обучение включает весь путь разработки сайтов и верстку нескольких макетов, в том числе адаптивных под мобильные устройства. В курс включено изучение HTML и CSS, а также основы JavaScript и PHP.
МНОГО ПРАКТИКИ
Курс практический. Большую часть времени вы будете самостоятельно отрабатывать информацию и получите первый опыт разработки сайтов уже во время обучения
БЕЗ НАЧАЛЬНОЙ ПОДГОТОВКИ
Курс рассчитан на быстрый и качественный старт в профессии web разработчика. Обучение подойдёт даже для тех, у кого нет никакой начальной подготовки
ПРЕПОДАВАТЕЛИ — ДЕЙСТВУЮЩИЕ РАЗРАБОТЧИКИ
Наши специалисты продолжают работать в сфере web разработки. В процессе обучения они делятся собственным опытом, личными наработками и инсайдерской информацией
ПОМОЩЬ В ТРУДОУСТРОЙСТВЕ
На курсе вы узнаете, как грамотно составить резюме, пройти собеседование, где набраться опыта, как засветиться на рынке фриланса, а также получите возможность работать и развиваться в сфере web технологий
Подробный план курса
1. Знакомство и основы веб технологий
- Постановка личных целей на курс
- Типы сайтов, функциональность
- Этапы создания сайта, основные
профессии индустрии
- Сетевые технологии и протоколы Интернета:
TCP/IP, HTTP, HTTPS, FTP
- Хостинг и домен, система DNS
- Модель «Клиент и сервер»
- Роль браузера. Особенности
разных обозревателей
- Итог: Понимание общего процесса создания
сайта и базовых технологий постановка
личных целей на курс
2. Знакомство с HTML
- Знакомство с HTML: Понятие тега и атрибута
- Кодировка текста HTML
- Теги для формирования текста
- Гиперссылки и адреса файлов
- Якорные ссылки
- Внедрение изображений
- Таблицы в HTML
- Итог: Понимание основных понятий и базовых
HTML тегов и их атрибутов
3. Погружение в CSS
- Основы синтаксиса CSS
- Основные виды селекторов: идентификаторы,
классы, псевдоклассы
- Баллы специфичности и приоритеты правил
- Каскад и наследование свойств
- Контекстный и универсальный селектор
- Свойства текста и шрифта в CSS
- Подключение внешних шрифтов
- Итог: Глубокое понимание основ CSS
4. Блочная модель и макет веб страницы
- Понятие блочных и строчных элементов
- Ключевые свойства блоков
- Как рассчитывается размер блока и
box-sizing: border-box
- Что такое блочная модель
- Применение блоков для построения макета
- Строчно-блочные элементы
- Свойство display
- Устаревшие способы построение макета: знать,
нельзя использовать
- Итог: Умение строить полноценные веб-страницы
5. Многоколоночные макеты с flexbox
- Семантические теги для вёрстки макета
- Основы Flexbox: контейнеры и элементы
- Выравнивание элементов по основной и
поперечной оси
- Смена осей и вертикальное выравнивание
элементов
- Проблемы применения flexbox
- Итог: Умение создавать многоколоночные
макеты с flexbox
6. Большое практическое занятие
- Основы Adobe Photoshop для верстальщика
- Верстаем первый web-проект по
макету в Photoshop
- Normalize.css и нормализация стилей
- Псевдоэлементы before и after
- Псевдоклассы last-child, first-child, :nth-child:
- Иконический шрифт на примере Fontawesome
- Итог: Умение верстать макеты по картинке,
отработка знаний на практике
7. Позиционирование
- Виды позиционирования: статическое,
абсолютное, относительное, фиксированное
- Особенности разных видов позиционирования
- z-index и контекст наложения
- Когда и как использовать позиционирование
- Пример выпадающего многоуровневого меню
- Решение типовых задачи с позиционированием
- Итог: Умение строить сложные
элементы веб-страниц
8. Формы обратной связи
- Основные элементы формы: input,
select, textarea, button
- Состояние полей и псевдоклассы
- Элементы выбора checkbox, radio, select
- Группировка элементов: fieldset и legend
- Стили для псевдоэлемента placeholder
- Правила написания стилей для форм
- Стилизация кнопок
- Итог: Умение строить формы любой сложности
9. Отзывчивый и адаптивный веб-дизайн
- Понятие адаптивного и отзывчивого веб-дизайна
- Медиа-запросы
- Параметры области просмотра и тег Meta viewport
- Проблемы кроссбраузерной верстки
- Валидность кода, валидаторы
- Особенности многостраничных сайтов
- Правила вёрстки для seo-продвижения
- Внедрение карт и видео
- Итог: Умение верстать адаптивные
веб-страницы
10. Анимация с помощью HTML5 и CSS3
- Плавные переходы для создания
анимационных эффектов
- Анимация с помощью keyframes
- Трансформация элементов
- Итог: Умение добавлять базовые элементы
анимации
11. Основы JavaScript и jQuery
- Какие задачи решает JavaScript
- Основы программирования: переменные,
условия, функции
- Внедрение скриптов на сайт для создания
интерактивных элементов
- Знакомство с jQuery: когда он нужен, а когда нет
- Подключение плагинов: слайдер, галерея,
всплывающие окна, аккордеон
- Итог: Понимание назначения более сложных
front-end технологий
12. Основы PHP программирования
- Назначение серверных технологий
- Локальный веб-сервер и домен
- Создание динамических веб-страниц
- Понятие CMS-систем
- Размещение сайта на хостинге
- Протокол FTP для загрузки файлов
- Подведение итогов
- Итог: Знакомство с серверными технологиями