• 2
  • 3
  • 4
  • 5
  • 6
  • 7
Курс включает в себя:
  • HTML5 и навыки работы с API различных сервисов
  • CSS3, адаптив, респонсив и анимации
  • Работа с PSD в Adobe Photoshop
  • Работа с препроцессорами CSS
  • Основы JavaScript и jQuery
  • Работа с SVG-элементами
  • Основы работы с консолью и пакетными менеджерами
  • Подготовка к устройству на работу

Чему вы научитесь, пройдя курс

  • Настраивать свою рабочую среду

    Современные разработчики знают, что до 30% эффективности в работе обеспечивают правильно подобранные программы и инструменты.
  • Основам JavaScript и jQuery

    Подробно рассмотрим механизмы работы языка JavaScript и научим работать с самой популярной библиотекой «jQuery», написанной на его основе.
  • Работать с сервером и хостингом

    Размещать свои сайты и проекты в интернете, на удалённом сервере, а также осуществлять базовые настройки сервера.
  • Работать с векторной графикой

    Векторная графика дает большой функционал для работы с ней, и прекрасно выглядит на любых экранах и браузерах.
  • Делать адаптивную вёрстку

    В век портативных технологий, необходимо обеспечивать пользователям возможность удобно сидеть на сайтах с мобильных устройств.
  • Обрабатывать формы

    Основной способ общения с пользователем - это формы. И их нужно уметь правильно обрабатывать, и отправлять информацию с них.
  • Верстать модульно и масштабируемо

    Сократить до минимума рутину по написанию одного и того же кода. Максимально переиспользовать сверстанные элементы как в рамках одного проекта, так и в своих последующих проектах.
  • Строить карьеру или фрилансить

    Правильно вести себя на собеседовании - для тех, кто хочет строить карьеру, или искать клиентов самостоятельно, если фриланс - ваш путь.
Владимир
Главный преподаватель курса

Решив заняться веб-разработкой, очень важно черпать знания из проверенного источника. Зачастую научить человека с нуля гораздо проще, чем переучивать тех, кто нахватался "знаний" из курсов или статей 5-ти или 10-ти летней давности. Веб-разработка - это одна из самых быстро развивающихся отраслей в АЙТИ сфере. Вот почему, именно здесь так важна свежесть и актуальность знаний.

Я тщательно слежу за актуальностью преподаваемого материала. Если какой-то инструмент или подход устарел или появился более новый и эффективный аналог - мы тут же, прямо во время курса можем скорректировать программу.

Что вы получите, выбрав наш курс?

  • Программа курса
    Изюминка курса - его программа. Вы получите полноценные и структурированные знания, поданные простым и понятным языком. В нужных пропорциях и под нужным соусом ;)
  • Преподаватели и наставники
    Преподаватели и наставники Loftschool - практикующие разработчики как с опытом разработки в крупных студиях, так и с опытом заработка на биржах фриланса. Поэтому знания, переданные вам, будут разносторонними.
  • Рабочий процесс
    Максимальная эмуляция рабочего процесса - командная разработка и реальные инструменты, которые используют ведущие IT-компании.
  • Команда
    Вы станете частью команды заряженных энтузиазмом единомышленников. Вместе с наставниками и преподавателями рука об руку пройдёте огонь и воду!
  • Личный наставник
    У вас будет личный наставник, который поможет решить все возникающие вопросы как во время обучения, так и после окончания курса.
  • Актуальные технологии
    Вам предстоит изучить только самые востребованные и актуальные технологии. Только те, что действительно используют в топовых мировых IT-компаниях.
  • Вебинары
    Насыщенные и интересные вебинары от лучших преподавателей Loftschool и возможность в режиме реального времени задавать вопросы и получать на них ответы.
  • Записи вебинаров
    Записи вебинаров доступны в личном кабинете студента неограниченное время, поэтому всегда можно вернуться и пересмотреть любую интересующую тему.
  • 2 месяца обучения
    Мы сэкономим больше года вашей жизни, которые вы потратили бы на самообучение. Вам предстоит 2 супер-интенсивных месяца. Нет другого пути, чтобы прокачать такой набор скиллов в столь короткое время. Но мы уже делаем, и будем делать то, что другие называют невозможным!
  • Индивидуальный подход
    Мы знаем как это - быть новичком, пройти весь путь от нуля до профессионала, в одиночку, без поддержки. Миссия нашей школы - окружить каждого ученика заботой, сделать частью команды, дать силы и мотивацию вырасти в крутого специалиста!
  • Необходимые знания
    Мы были по обе стороны баррикад. Проходили собеседования сами и собеседовали других разработчиков. Мы знаем, что именно нужно вашим будущим работодателям и даем вам именно это.
  • Реальные проекты
    По окончании курса вы получите портфолио с реальными проектами, так как обучение в Loftschool - это максимум практики. Никакой воды.
  • Мы — создатели самого крупного IT-портала видеоуроков в русскоязычном интернете Loftblog. Именно там вы сможете оценить уровень, манеру и способы подачи информации наших преподователей по их открытым урокам, вебинарам и курсам.
  • Наши выпускники
    Мы выпустили более 1200 успешных выпускников и очень гордимся этим!
  • Нас знают
    Нас и наших выпускников знают в ведущих российских IT-компаниях. Специалисты этих компаний также смотрят наши видеоуроки и обучаются на курсах.

Преподаватели курса

Учебная программа

Мы запланировали для вас более 24 вебинаров и мастер-классов, разделив их на блоки по темам:

  • 1. Открытие курса

    Открытие курса

    • Владимир Сабанцев

    • Ковальчук Дмитрий

    • Знакомимся
    • Правила поведения в чате
    • Привила работы с кодом
    • Правила работы с наставниками
    • Необходимые программы
    • Как пользоваться материалами для подготовки
  • 2. Как устроен интернет

    Как устроен интернет. Браузеры

    • Твердохлеб Игорь

    • Основы HTTP
    • Модель клиент/сервер
    • Хостинг, хостер
    • Регистратор, домен, IP
    • FTP
    • FTP-клиенты
    • robots.txt
  • 3. HTML

    HTML #1

    • Сергей Михалевич

    • Что такое html
    • Структура html-документа
    • Теги и их атрибуты
    • Частоипользуемуе теги
    • Форматирование кода
    • Комментарии
    • Ссылки
    • Атрибуты

    HTML #2

    • Сергей Михалевич

    • Работа с формами
    • Отправка формы
    • Рассмотрение тегов форм
    • Стилизация элементов формы
    • Таблицы. Структура и атрибуты
    • Стилизация таблиц
  • 4. CSS

    CSS #1

    • Сергей Михалевич

    • Пишем CSS различными способами
    • Работа CSS с цветами (hex, word, rgb, rgba)
    • Создаем стркутуру проекта
    • Разбираем типы селекторов
    • Parent & child
    • Работа со шрифтами
    • Работа с путями

    CSS #2

    • Владимир Сабанцев

    • Разбираемся с препроцессорами
    • Преимущества препроцессоров
    • Препроцессор SASS
    • Программа Препрос
    • Вложенности
    • Наследования
    • Работа с переменными

    CSS #3 - CSS3

    • Сергей Михалевич

    • Транзишны
    • Анимации
    • Градиенты
    • Бордер радиус
    • Префиксы
    • Трансформации

    Адаптивная верстка

    • Сергей Михалевич

    • Медиазапросы
    • Относительные единицы и их применение (em, rem, %)
    • Правильное использование vh, vw, vmin, vmax
    • Оптимизация картинок под дисплеи "ретина"
    • Построение лейаута под адаптивные сайты
    • Понятие "Брейкпоинтов"
  • 5. Верстка

    Верстка #1

    • Владимир Сабанцев

    • Блочная верстка
    • Блочные и строчные элементы
    • Div и span. На чем держится весь интернет
    • Блочная модель элемента
    • Флоаты и проблемы с ними
    • Инлайн-блоки и проблемы с ними
    • Позишны
    • Айди и классы
    • Точные и относительные единицы измерения

    Верстка #2

    • Владимир Сабанцев

    • Построение лэйаута
    • Логические блоки
    • Модульная, независимая верстка
    • Методологии именований классов и создания структуры
    • БЕМ-нейминг
    • Pixel Perfect

    Верстка #3

    • Владимир Сабанцев

    • Интерактивные элементы
    • Особенности центрования
    • Особенности позиционирования
    • Распространенные приемы верстки
    • Работа с анимированными элементами
    • Универсальные решения для частых проблем верстки
  • 6. ПО для верстальщика

    Photoshop для верстальщика

    • Владимир Сабанцев

    • Как правильно работать с дизайн-макетом
    • Нарезка PSD-макета. Подробное пошаговое руководство
    • Подробно про JPEG и PNG: их отличия не только в прозрачности фона
    • Лучшие практики по работе со слоями
    • Панель “История” – настройка и корректный “откат” действий
    • Горячие клавиши и приёмы

    Пакетные менеджеры и основы работы с консолью

    • Юрий Кучма

    • Работа с консолью (терминалом)
    • Базовые команды консоли
    • Пакетные менеджеры
    • Навигация по файловой системе при помощи консоли
    • NPM
    • Bower

    GULP

    • Юрий Кучма

    • Установка и настройка сборщика GULP
    • Сборка проекта
    • DEV и PROD
    • Слежка за изменениями файлов
    • Настройка локального сервера на node.js
  • 7. Мастерклассы

    Основы SVG

    • Юрий Кучма

    • Работа с векторными иконками
    • Работа с геометрическими фигурами
    • Масштабирование векторной графики
    • Анимации
    • Трансформации векторных объектов

    Обработка форм (PHP + AJAX)

    • Твердохлеб Игорь

    • Основы Ajax
    • Ajax средствами jQuery
    • Обработка форм
    • Валидация форм
    • Сбор данных с форм
    • Отправка данных на сервер
    • Локальный сервер

    Основы работы CMS (на примере MODX)

    • Захаров Игорь

    • Создание баз данных
    • Установка CMS
    • Настройка .htaccess
    • Подключение динамических элементов
    • Вывод контента на страницу
    • Загрузка изображений
  • 8. JavaScript

    JavaScript #1

    • Владимир Сабанцев

    • Переменные, функции
    • Типы данных (перевод одних типов в другие)
    • Хостинг, scope
    • Условия
    • Циклы
    • Объекты

    JavaScript #2

    • Владимир Сабанцев

    • События
    • Работа с DOM
    • Манипулирование элементами
    • Таймеры
    • Работа со строками
    • Работа с массивами

    JavaScript #3

    • Владимир Сабанцев

    • Практический вебинар
    • Написание простых виджетов
    • Применение языка javaScript в реальных условиях
    • Работа с разметкой
    • Работа с интерфейсами браузера
  • 9. JQuery

    jQuery #1

    • Владимир Сабанцев

    • События
    • Селекторы
    • Манипуляции с DOM
    • Работа с набором элементов
    • Изменение свойств и атрибутов
    • Фильтры

    jQuery #2

    • Владимир Сабанцев

    • Создание разметки
    • Измерения элементов
    • Готовые анимации
    • Написание собственных анимаций
    • Циклы
    • Подключение и настройка jQuery плагинов

    jQuery #3

    • Владимир Сабанцев

    • Практика написания виджетов
    • Скользкие места jQuery
    • Отладка анимаций
    • Применение функций jQuery
    • Параметры функций jQuery
    • Частоиспользуемые приемы
  • 10. Завершение курса

    Устройство на работу

    • Владимир Сабанцев

    • Ковальчук Дмитрий

    • Подготовка к прохождению собеседования: что нужно иметь, прежде чем устроиться в хорошую компанию
    • Виды собеседований и особенности каждого
    • Какие вопросы чаще всего задают на собеседованиях (для backend и frontend разработчика)
    • Стратегия работы на фрилансе
    • Какие подводные камни могут вас подстерегать при работе на фрилансе
    • Стратегия ведения проектов
    • Как правильно искать клиентов

Программа по числам

Выпускные проекты
В процессе обучения вы выполните два выпускных проекта. Первый проект — это сайт-портфолио, который необходим каждому разработчику и в котором вы сможете размещать свои работы. А первой работой в вашей копилке станет лендинг магазина бургеров на технологии One Page Scroll и с множеством других интересных виджетов на JavaScript.
  • Сайт-портфолио
    Сайт-портфолио из четырёх страниц
    Адаптивная верстка
    FontAwesome - шрифтовые иконки
    Необычное расположение элементов
    Подготовка к интеграции с CMS
  • Лендинг
    One Page Scroll
    Резиновая верстка
    Написание виджетов на jQuery
    Работа с SVG-элементами
    Обработка форм средствами Ajax
    Сборка проекта средствами Gulp
Наши друзья
Регистрация на обучение
Cпособы оплаты
  • visa
  • mastercard
  • paypal
Старт курса по мере набора группы
Оставьте заявку на курс и мы свяжемся с вами, как будет определена дата старта
Или подпишитесь на нашу рассылку и будьте в курсе новостей!
Хотите получить мгновенный ответ на любой вопрос по курсу?
Задайте их онлайн-консультанту!
Мы онлайн 24 часа в сутки. Вы также можете написать нам на почту или в скайп: loftschool
Авторизоваться
Нет аккаунта? Зарегистрируйтесь
Регистрация
Уже зарегистрированны? Войти
Авторизоваться
Ничего страшного, введите свой e-mail и мы вышлем вам инструкции по восстановлению пароля.
Вспомнили пароль? Войти
Авторизоваться
Ничего страшного, введите свой e-mail и мы вышлем вам инструкции по восстановлению пароля.