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

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

Расписание и цены Получить консультацию

Для кого?

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

О чем?

Для кого?

Как сделать сайт для компании? Хочется сделать его надёжнее сайта на 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

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

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

Преподаватели
Житков Тимофей
Senior Fullstack разработчик в Московской Бирже и Team Lead в Nordic IT School
подробнее
Петрухин Александр
Solution Architect в стартапе
подробнее
Хельвеген Хельга
Веб-программист 1С International
подробнее
Якупов Павел
FullStack разработчик в Nordic IT School
подробнее
Румянцев Александр
Frontend разработчик
подробнее
Алексей Соколов
TeamLead в Nordic IT School
подробнее
Иван Жевакин
Senior Frontend Developer в британском стартапе Dice
подробнее
Технологии
Javascript

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

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

Javascript
HTML 5
CSS 3
jQuery
Учебный процесс
Процесс обучения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чат группы

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

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

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

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

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

Сертификат

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

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

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

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

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

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

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

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

Ближайшая группа стартует

01 июня 2024 (13:30-15:45 сб, вс)

Очная группа

Преподаватель:
Александр Балабас

Сообщить о новом наборе
Вас также может заинтересовать
Q & A

А я точно смогу стать программистом?

Заниматься разработкой может каждый. Курсы начинаются с азов, поэтому никаких дополнительных знаний в сфере IT от вас не потребуется. Чтобы стать программистом, вам не надо быть математиком или инженером и обладать каким-то особым складом ума. Чтобы успешно завершить курс, нужно лишь перестать сомневаться в себе, не лениться и выполнять все задания.

Что необходимо, чтобы начать обучение?

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

Что я получу?

  • - Самые актуальные знания и возможность применять на практике самые востребованные технологии в сфере разработки;
  • - Готовые проекты для вашего портфолио;
  • - Сертификат о прохождении курса.

Кто у Вас преподает?

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

Мне понадобится ноутбук?

Нет. В наших классах есть все необходимое. Но, если вам нравится работать на своем ПК, тогда, разумеется, приносите.

Как насчет дистанционного обучения?

У Вас всегда есть возможность присутствовать на занятиях онлайн, если у вас нет возможности посещать их очно. Мы используем Zoom.
Вы виртуально присутствуете на наших очных занятиях, видите и слышите все то же самое, что и прочие студенты. Наравне с остальными вы можете участвовать в обсуждении, задавать вопросы.

Работаете ли вы с юридическими лицами?

Да, на тех же условиях, что и с физлицами, включая стоимость курсов. Обращаем внимание, что оплачивать курс нужно до его начала.
Не знаете, какой курс
подойдет именно вам ?
Наши специалисты проконсультируют и подберут для вас нужную программу.
оставить заявку
Nordic IT School

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

+7 925 632-21-47

+7 495 626-46-00

moscow@inordic.ru

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

Записаться

Бесплатный урок