Обучение

Обучение идеально подойдет для тех, кто хочет стать веб-разработчиком и начать карьеру в 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 для загрузки файлов
  • Подведение итогов
  • Итог: Знакомство с серверными технологиями

Контакты LeadEffect

Работаем онлайн со всеми регионами
+7 (4912) 52-93-39 hello@leadeffect.ru
г. Рязань, ул. Мервинская д.30

    Отправляя заявку, вы соглашаетесь на обработку персональных данных в соответствии с Политикой конфиденциальности

      Отправляя заявку, вы соглашаетесь на обработку персональных данных в соответствии с Политикой конфиденциальности

        Отправляя заявку, вы соглашаетесь на обработку персональных данных в соответствии с Политикой конфиденциальности

          Отправляя заявку, вы соглашаетесь на обработку персональных данных в соответствии с Политикой конфиденциальности