Курс WEB
разработки
Анализ
данных
Курс JAVA
и Android
Курс C#
и .NET
React JS
Angular JS
Javascript
HTML5 и CSS3

О КУРСЕ

Курс по разработке сайтов на HTML5 и CSS3 является основой разработки любого web-ресурса и предназначен для тех, кто только начинает знакомится с разработкой сайтов, а также для тех, кто уже имеет некоторые знания.

Курс является базовым в программе Front-End разработки.

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

Ура! Подготовки к данному курсу не требуется! Вы можете начать обучение с нуля.
Занятия в мини-группах

Мини-группы

Обучение в мини-группах
8-10 человек

максимум практики для усваивания материала

Максимум практики

Все обучение построено вокруг реальных задач, с которыми сталкиваются Front-End и Back-End разработчики в настоящее время.

записи занятий курсов разработки сайтов для дальнейшего обучения

Записи занятий

Записи занятий и все материалы курса доступны студентам неограниченное время

опытные преподаватели-практики, разработчики современных web-сайтов

Опытные преподаватели

Наши педагоги - не просто преподаватели, знающие исключительно теоретический материал, но и разработчики современных систем и web-приложений.

on-line обучение в формате вебинара

On-line обучение

Нет времени посещать занятия очно? Занимайтесь удаленно в формате вебинара.

Сертификат по окончании курсов разработки сайтов

Сертификат

По окончании курса выдается сертификат.

Занимайтесь из любой точки мира!

Далеко не у всех есть возможность посещать занятия очно.

Поэтому специально для Вас мы организуем занятия и в формате вебинара с помощью профессиональной программы Clickmeeting.

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

как это работает?

Как это работает?
Лень — естественное состояние программиста,
после которого он рождает хороший алгоритм.
Народное творчество

ПРОГРАММА КУРСА

уровень 1
уровень 2
Для чего нужен HTML и CSS?
Для чего нужен HTML и CSS?
  • Как работает web-страница?
  • Что такое HTML и что такое CSS?
  • Обзор редакторов кода
  • Структура HTML, каркас страницы
  • Понятие атрибутов
Текстовые данные на странице
Текстовые данные на странице
  • Синтаксис HTML
  • Вложенность элементов
  • Блочные и строчные элементы
  • Элементы форматирования текста
  • Структурные элементы разметки
  • Специальные символы в HTML
  • Влияние текста и текстовых элементов на продвижение сайтов
  • Практическая работа
Гиперссылки
Гиперссылки
  • Понятие гиперссылок в HTML
  • Внешние и внутренние гиперссылки
  • Дополнительные атрибуты гиперссылок
  • Роль ссылок в продвижении сайта
  • Практическая работа
CSS. Каскадные таблицы стилей
CSS. Каскадные таблицы стилей
  • Синтаксис таблиц стилей
  • Селекторы в CSS
  • Единицы измерения в CSS
  • Свойства шрифтов
  • Свойства текста
  • Свойства цвета и фона
  • Псевдоклассы и псевдоэлементы
  • Практическая работа
Векторные и растровые изображения на странице
Векторные и растровые изображения на странице
  • Типы изображений используемые в интернете
  • Векторные элементы svg
  • Вставка изображений на страницу
  • Элемент figure
  • Атрибуты элемента img
  • Добавление фоновых изображений с помощью background
  • Оптимизация изображений
  • Практическая работа
Основные свойства блочных элементов
Основные свойства блочных элементов
  • Границы элемента. Свойство border
  • Внутренние отступы элемента. Свойство padding
  • Наружные отступы элемента. Свойство margin
  • Скругление углов элементов
  • Практическая работа
Представление информации на странице с помощью списков
Представление информации на странице с помощью списков
  • Маркированные списки
  • Нумерованные списки
  • Списки определений
  • CSS свойства для списков
  • Практическая работа
Представление табличных данных в HTML
Представление табличных данных в HTML
  • Основные элементы таблицы
  • CSS свойства элементов таблиц
  • Объединение ячеек таблицы. Атрибуты элементов таблиц
  • Элементы группировки
  • Редактирование строк и столбцов таблиц
  • Практическая работа
Встраивание внешних данных при помощи фрейма
Встраивание внешних данных при помощи фрейма
  • Плавающие фреймы iframe
  • Вставка видео и карт с помощью фреймов
  • Фреймы и гиперссылки
  • Практическая работа
Создание формы на сайте для передачи клиентских данных
Создание формы на сайте для передачи клиентских данных
  • Понятие веб-формы
  • Элемент form и его атрибуты
  • Типы элемента input
  • Группировка элементов
  • Текстовые поля в формах
  • Выпадающие списки
  • Понятие POST и GET запросов
  • Опасности при передаче данных
  • Практическая работа
CSS для макетирования
CSS для макетирования
  • Новые элементы разметки страницы в HTML5
  • Фиксированная и резиновая верстка
  • Свойство Display
  • Табличная верстка
  • Позиционирование элементов. Свойство position
  • Свойства top, right, left, bottom
  • Практическая работа
Дополнительные свойства и возможности
Дополнительные свойства и возможности
  • Свойства курсора
  • Элемент canvas
  • Мета-информация на странице
  • Влияние мета-информации на продвижение сайта
  • Ответы сервера
Выбор хостинга и поддержка сайта
Выбор хостинга и поддержка сайта
  • Размещение сайта в интернете. Выбор хостинга.
  • Выбор и регистрация доменных имен
  • Использование FTP-клиента
  • Понятие FRONT-END и BACK-END
  • Понятие баз данных
Новые элементы и атрибуты в HTML5
Новые элементы и атрибуты в HTML5
  • Обзор новых элементов HTML 5: section, aside, article, nav, header, footer
  • Добавляем тени элементам: свойство box-shadow
  • Практикум: Разработка выпадающего меню
Селекторы в HTML5
Селекторы в HTML5
  • Сложные селекторы CSS
  • Ролловеры, спрайты
  • Приоритеты
  • Подключение внешних шрифтов
  • Практическая работа
Анимации CSS3
Анимации CSS3
  • Линейные и радиальные градиенты
  • Простые анимации @animation
  • 2D трансформации: rotate, scale, skew, translate, matrix
  • Плавные изменения свойств: свойство transition
  • Практическая работа: добавление анимированных элементов на страницу
Микроразметки
Микроразметки
  • Микроразметка OpenGraph для социальных сетей
  • Микроразметка Shema.org для отображения товаров и качественных сниппетов в поисковых системах
  • Пиктограмма сайта (favicon) для различных устройств
  • Практическая работа: добавление разметки OpenGraph на страницу.
Препроцессоры CSS на примере SCSS
Препроцессоры CSS на примере SCSS
  • Основы работы, установка
  • Объявление переменных
  • Вложенные селекторы
  • Вычисления в SCSS
  • Примеси @mixin
  • Конструкции @if @else
  • Практическая работа: SCSS для удобства редактирования сайта
Адаптивная верстка (верстка под мобильные устройства)
Адаптивная верстка (верстка под мобильные устройства)
  • Принцип работы медиа-запросов
  • Виды запросов. Плотность пикселей
  • Мета-тег viewport
  • Медиа-запросы в SCSS
  • Практическая работа: адаптивная верстка сайта
Препроцессор HTML на примере HAML
Препроцессор HTML на примере HAML
  • Основы работы c HAML
  • Синтаксис
  • Объявление переменных
  • Подключение внешних модулей
Блок 8. Flex модель блоков (flexbox)
Блок 8. Flex модель блоков (flexbox)
  • Концепция гибкой разметки flex
  • Свойства flex-блоков
  • Равномерное распределение контента: свойство justify-content
  • Свойство margin в модели flex
  • Практическая работа: увеличение изображений из миниатюр

Кликни, чтобы посмотреть программу нужного уровня:

уровень 1
уровень 2
!
i
m
p
o
r
t
a
n
t
Профессия программиста является одной из самых востребованных в мире!
Средняя заработная плата составляет от 80 000 до 150 000 руб.
Statistics

ПРЕПОДАВАТЕЛИ

СТОИМОСТЬ

easy
уровень 1
15 900 руб.
32 ак.часа (очно)
стоимость on-line занятий: 15 000 руб.
В стоимость включено
Видеозаписи занятий
Поддержка преподавателя
Сертификат
Посещение занятий с другими группами
Выберите группу
На данный момент набор в группы закончился.
В ближайшее время мы откроем набор в новые группы.
pro
уровень 2
15 900 руб.
32 ак.часа (очно)
стоимость on-line занятий: 15 000 руб.
В стоимость включено
Видеозаписи занятий
Поддержка преподавателя
Сертификат
Посещение занятий с другими группами
Выберите группу
На данный момент набор в группы закончился.
В ближайшее время мы откроем набор в новые группы.

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

"День открытых дверей в Nordic IT School" 5 сентября в 19.00

Хотим поблагодарить всех участников "Дня открытых дверей",
который прошел в стенах Nordic IT School 5 сентября.

По окончании наши преподаватели ответили на все наболевшие вопросы.

За нас говорят наши студенты!

Мы гордимся их достижениями. А так же благодарим за разработку сайта, на котором Вы сейчас находитесь! =)

Желдаков Дмитрий

Благодарен Скандинавской школе и лично преподавателю Алексею Соколову за прохождение мною обоих курсов HTML и CSS. Самое ценное даже не в том, что смог фактически с нуля получить достаточное понимание для самостоятельной разработки (хотя это только начало и нужны еще часы практики), а что я получил знания о таких вещах, о которых наверняка бы не узнал вообще при самостоятельном обучении и даже не задался бы вопросом о предпроцессорах, к примеру. Уже сейчас в качестве менеджера проектов я намного с большим пониманием общаюсь с разработчиками, и думаю, смогу применить полученные знания в жизнь в ближайшее время. Все проходило в доброжелательной атмосфере, с юмором и, что немаловажно, с печеньками. И не было вопросов, на которые я не получил бы ответ, или ошибки, которую Алексей бы не помог исправить.

Оригинал отзыва: otzovik.com

Прошина Татьяна

Прошла два курсы по HTML и CSS. Очень довольна результатом. Полученные знания структурированы. Доступ к видео урокам остался - имею возможность, при необходимости, подглядывать в них. На курсах была как теория, так и практика. Очень интересные домашние задания. Собираюсь развиваться в этом направлении дальше. Огромное спасибо Соколову Алексею.

Винтоняк Татьяна

Добрый день! Хочу выразить благодарность Соколову Алексею за великолепное преподавание курса HTML и CSS уровень 1. Все было рассказано доступным языком и в интересной форме, время пробегало просто не заметно. Очень уютные аудитории и группа из 4 человек, Алексей всем уделял время и с каждым разбирал ошибки. Записалась на 2 уровень - буду с нетерпением ждать продолжения занятий с Алексеем. Спасибо огромное!!!

Илья Бакланов

Во-первых, огромной спасибо за курс! Супер домашняя атмосфера! Мы занимались в небольшой группе, всего 5 человек, попались очень разговорчивые люди с разными интересами. Хорошо тем, что наш преподаватель уделял много времени каждому студенту, никаких размытых ответов и поверхностных объяснений. Да, даже я все понял. Уровень у меня был нулевой. Курс построен грамотно, Алексей не давал возможности забегать вперед, все step by step и после занятий еще отвечал на все жизненные вопросы по HTML и разработке сайтов в целом. Сразу видно, что преподаватель очень любит свое дело. Огромное спасибо!

Анна Старик

Работаю контент-менеджером уже чуть больше года. Захотелось повысить свои знания по HTML. Записалась на курс HTML и CSS. Уровень 1. Честно говоря, после пары занятий стало понятно, что мои уже имеющиеся знания – это всего лишь капля в море разработки сайтов. Очень понравился преподаватель Алексей, знает ответы на все вопросы, учит последовательно и интересно. На занятиях постоянно задерживались, так как Алексей всегда делился интересными фактами и HTML хитростями), остановить его непросто. Хочу вскоре поделиться эмоциями после второго курса.

Денис Воробьев

Я пришел на курсы с практически нулевыми знаниями по HTML и CSS. Очень понравилось то, что на протяжении каждого из курсов, а я прошел HTML первый уровень и HTML второй уровень, дается много практических заданий и разрабатываются реальные сайты (на каждом уровне свой). Поэтому понять, к чему вся теория и как ее использовать совсем не сложно. После окончания второго уровня у меня уже получился хороший современный сайт, чего от себя не ожидал). Решил продолжить обучение, хочу освоить JavaScript, без него, как получилось, дальше никак).

Галкина Мария

Прошла 1 курс обучения HTML и перешла на 2 ступень. Курс построен логично, задания основаны на пройденном материале и нет ничего невыполнимого. Преподаватель Алексей просвещал во всех интересующих вопросах, чувствуется хорошая школа, большой опыт, а главное - интерес к своему делу. Материал преподносился очень доступным языком. Мое основное образование не в технической сфере, но при обучении непреодолимых трудностей не возникало. Преимуществом так же является то, что курс не является ни затянутым, ни чрезмерно сжатым и поверхностным.

оставить отзыв

ЧИТАЙТЕ В БЛОГЕ

Nordic IT School в гостях у Avito
Автор статьи: Вячеслав Жуков

Специально для студентов курса "Веб-разработчик", 7 августа, компания Avito провела лекцию по организации фронтенд разработки. Лекцию проводил Сергей Мелюков - тим-лид одного из отделов фронтенд разработки в Avito. подробнее...
12 августа 2018

Какие книги читать начинающему программисту?
Автор статьи: Вячеслав Жуков

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

Сколько зарабатывают программисты?
Автор статьи: Вячеслав Жуков

Все знают, что разработчики получают много, это не секрет. Многие идут в программисты именно из-за высоких зарплат. Давайте выясним сколько именно получает среднестатистический программист. подробнее...
29 марта 2018

Теперь интернет официально становится мобильным.
Автор статьи: Мария Симонова

26 марта 2018 года, в понедельник, Google объявил, что после полутора лет экспериментов и тестирования, начался перенос сайтов, отвечающих всем требованиям mobile-first индекса. подробнее...
27 марта 2018

Какой язык программирования выбрать?
Автор статьи: Вячеслав Жуков

Это самый популярный вопрос у тех, кто решил стать разработчиком. Действительно, языков программирования очень много: javascript, php, c++, java, с++, python, go, perl, ruby и еще сотня других. В данной статье я расскажу про эти языки и дам вам несколько советов. подробнее...
20 марта 2018

ВСЕ СТАТЬИ...

МЫ РЯДОМ

Nordic IT School
Москва, ул. Большая Спасская 12
8(495)626-46-00
moscow@inordic.ru
лицензия на образовательную деятельность
Лицензия на образовательную деятельность:
№ 035452 от 19.09.2014 года