Курс «Вёрстка сайтов»

Разработка и оптимизация веб-страниц, адаптивная верстка, основы jQuery.

Записаться

Для кого?

Чему научитесь?

О чем?

Для кого?

Как сделать сайт для компании? Хочется сделать его надёжнее сайта на Tilda? Тогда можно пройти наш курс по верстке сайтов. Он входит в состав курса web-разработка и является его неотъемлемой частью. 15 занятий помогут вам сделать готовый, красивый и функциональный сайт своими руками, а также разобраться в основах верстки, что пригодиться сейчас любому digital-специалисту, владельцу бизнеса.

Чему научитесь?

Как сделать сайт для компании? Хочется сделать его надёжнее сайта на Tilda? Тогда можно пройти наш курс по верстке сайтов. Он входит в состав курса web-разработка и является его неотъемлемой частью. 15 занятий помогут вам сделать готовый, красивый и функциональный сайт своими руками, а также разобраться в основах верстки, что пригодиться сейчас любому digital-специалисту, владельцу бизнеса.

О чем?

Как сделать сайт для компании? Хочется сделать его надёжнее сайта на Tilda? Тогда можно пройти наш курс по верстке сайтов. Он входит в состав курса web-разработка и является его неотъемлемой частью. 15 занятий помогут вам сделать готовый, красивый и функциональный сайт своими руками, а также разобраться в основах верстки, что пригодиться сейчас любому digital-специалисту, владельцу бизнеса.

Закрыть
Преимущества
Преимущества школы

МИНИ-ГРУППЫ

Мы знаем насколько важен в обучении индивидуальный подход, личный контакт и внимание преподавателя, а также возможность что-то спросить, показать, попросить помощи. Поэтому на наших курсах обучение проходит в мини-группах по 6-10 человек.

Преимущества школы

ОПЫТНЫЕ НАСТАВНИКИ

Мы несколько лет собирали нынешнюю команду преподавателей. Они не только являются крутыми разработчиками крупных компаний, но и умеют объяснять сложные вещи простыми словами. А еще им просто нравится делиться опытом. Вы точно найдете с ними общий язык.

Преимущества школы

МАКСИМУМ ПРАКТИКИ

Уже на первом занятии вы начнете писать код, никакой воды. Преподаватели вам предоставят всю необходимую теоретическую базу для того, чтобы вы понимали принципы разработки, но основное внимание будет уделено практике. Мы готовим IT-специалистов, которые уже готовы решать реальные задачи.

Преимущества школы

ВИДЕОАРХИВ ЗАНЯТИЙ

На каждом занятии преподаватель ведет видеозапись. Записи сохраняются в вашем личном кабинете, вы всегда можете к ним вернуться и посмотреть то, что вы не поняли или забыли. Доступ к личному кабинету и записям останется с вами навсегда.

Преимущества школы

ОЧНОЕ ИЛИ ОНЛАЙН ОБУЧЕНИЕ

Можно выбрать форму обучения, которая вам удобна: посещать занятия в школе, либо подключаться к вебинарам откуда угодно. Возможно совмещать оба формата при необходимости.

Преимущества школы

СЕРТИФИКАТ

У нас есть лицензия на образовательную деятельность и по окончании курса вы получите сертификат установленного образц с указанием изученного стека технологий, формы обучения, выполненных проектов и оценки.

13%
Сэкономьте 13% от суммы за обучение!

Мы являемся официальным образовательным учреждением и имеем все необходимые документы для подтверждения этого статуса.

После окончания курса, вы сможете получить налоговый вычет - 13%

Программа курса
1

Введение в HTML

CSS. Каскадные таблицы стилей

Работа с изображениями

Анимации CSS3

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

Введение в jQuery

Подробнее
Закрыть
Программа курса
1 блок
- Для чего нужен HTML и CSS

Как работает web-страница?

Что такое HTML и что такое CSS?

Обзор редакторов кода

Структура HTML, каркас страницы

Понятие атрибутов

- Текстовые данные на странице

Синтаксис HTML

Вложенность элементов

Блочные и строчные элементы

Элементы форматирования текста

Структурные элементы разметки

Специальные символы в HTML

Влияние текста и текстовых элементов на продвижение сайтов

Практическая работа

- Гиперссылки

Понятие гиперссылок в HTML

Внешние и относительные гиперссылки

Дополнительные атрибуты гиперссылок

Роль ссылок в продвижении сайта

Практическая работа

- CSS. Каскадные таблицы стилей

Синтаксис таблиц стилей

Селекторы в CSS

Единицы измерения в CSS

Свойства шрифтов

Свойства текста

Свойства цвета и фона

Псевдоклассы и псевдоэлементы

Практическая работа

- Векторные и растровые изображения на странице

Типы изображений используемые в интернете

Векторные элементы svg

Вставка изображений на страницу

Атрибуты элемента img

Добавление фоновых изображений с помощью background

Оптимизация изображений

Практическая работа

- Основные свойства блочных элементов

Границы элемента. Свойство border

Внутренние отступы элемента. Свойство padding

Наружные отступы элемента. Свойство margin

Скругление углов элементов

Практическая работа

- CSS для макетирования

Новые элементы разметки страниц в HTML5

Фиксированная и резиновая верстка

Свойство Display

Позиционирование элементов. Свойство position

Свойства top, right, left, bottom

Практическая работа

- Flex модель блоков (flexbox)

Концепция гибкой разметки flex

Свойства flex-блоков

Равномерное распределение контента: свойство justify-content

Свойство margin в модели flex

- Анимации CSS3

Простые анимации @animation

2D трансформации: rotate, scale, skew, translate, matrix

Плавные изменения свойств: свойство transition

Практическая работа: добавление анимированных элементов на страницу

- Адаптивная верстка (верстка под мобильные устройства)

Принцип работы медиа-запросов

Виды запросов.

Мета-тег viewport

Практическая работа: адаптивная верстка сайта

- Введение в jQuery

Интерактивность на сайте

Принципы работы библиотеки jQuery

Эффекты fadeIn, fadeOut, slideUp, slideDown

Анимации на jQuery

Практический результат:

Сверстанный многостраничный сайт компании.

Преподаватели
Петрухин Александр
Chief Technical Officer laatu.solutions
подробнее
Житков Тимофей
Senior Fullstack разработчик в Московской Бирже
подробнее
Технологии
Javascript

Это язык программирования, позволяющий задавать сложные интерактивные модели поведения для элементов веб-страницы. JS оживляет ваш контент, делает процесс взаимодействия с ним более привлекательным, разнообразным и содержательным.

Наведите на технологию, чтобы получить подробную информацию о ней

Javascript
HTML 5
CSS 3
jQuery

Мы сотрудничаем с компанией JetBrains.

Весь установленный софт в Школе лицензионный.

Учебный процесс
Процесс обучения

Обучение в центре Москвы

Занятия проходят в компьютерных классах по адресу: Москва, ул. Большая Спасская, д. 12. Главное преимущество очного формата — моментальная обратная связь от преподавателя по всем вопросам. На своем экране в режиме реального времени вы увидите, как пишется программный код. Лекций мы не читаем.

Процесс обучения

Видеоархив
занятий

Все учебные материалы и записи занятий сохраняются в личном кабинете и будут доступны вам даже после окончания обучения.

Процесс обучения

Преподаватель ведет группу на всех этапах

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

Процесс обучения

Разбор домашних заданий

В конце каждого занятия вы будете получать задания для самостоятельной работы дома. Преподаватель лично проверяет, комментирует и оценивает вашу работу по 10-балльной шкале. Вы получаете Code Review и рекомендации для качественной доработки кода. Предусмотрена возможность пересдачи.

Процесс обучения

Готовое портфолио

На каждом курсе студенты выполняют реальные проекты, которые можно добавить в свое портфолио, что станет отличным подспорьем при поиске работы.

Процесс обучения

Чат группы

Для каждой мини-группы создается чат в telegram или slack, в котором вы можете задать все ваши вопросы по обучению. Всегда можно получить оперативную обратную связь от преподавателя или пообщаться со своей группой.

Процесс обучения

Трудоустройство

Мы помогаем нашим студентам с составлением резюме, преподаватели готовы дать рекомендации. Мы сотрудничаем с IT-рекрутингом и предоставляем им резюме и контакты успешных студентов. Наш партнер Сколково регулярно проводит наборы на стажировку.

Процесс обучения

Сертификат

У нас есть лицензия на осуществление образовательной деятельности. По окончании обучения вы получите документ, в котором будут указаны: - стек освоенных технологий; - объем курса в академических часах; - средний балл за весь курс; - количество решенных домашних заданий; - финальный проект

Трудоустройство

Регулярно проводим наборы на стажировки в Технопарке Сколково.

Мы работаем с крупнейшим центром подбора IT-специалистов - SymbioWay, который ищет программистов для крупнейших компаний России.

Помогаем в составлении резюме

Даем рекомендации

Сотрудничаем с рекрутинговыми агентствами в сфере IT!

Условия обучения
Стоимость
16900 руб.
полный курс
19900 руб.
Длительность курса - 1 месяц (60 ак. час.)
Занятия проходят 2 раза в неделю, длительность каждого занятия - 4 ак. часа.
В стоимость также входит: - доступ к личному кабинету студента с записями занятий и материалами - поддержка преподавателя во внеурочное время (проверка заданий и помощь с проектами)

от 1658 руб/мес.

при рассрочке на 12 месяцев

Группа приступила к занятиям

19 октября 2021 (19.00 - 22.00 вт, пт)

Вас также может заинтересовать
Nordic IT School

Москва, ул. Большая Спасская 12

+7 925 632-21-47

+7 495 626-46-00

moscow@inordic.ru

Контакты и соцсети

День открытых дверей

Black Friday

26-30 ноября скидка 15% на любой курс

Записаться