Курс WEB
разработки
Курс JAVA
и Android
Курс C#
и .NET
HTML5 и CSS3
Javascript
PHP
Angular JS
React JS

О КУРСЕ

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

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

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

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

Мини-группы

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

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

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

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

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

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

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

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

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

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

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

On-line обучение

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

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

Сертификат

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

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

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

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

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

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

Как это работает?
Если вы дадите человеку программу, то займете его на один день.
Если вы научите человека программировать, то займете его на всю жизнь.
Waseem Latif

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

уровень 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
Если вы грамотный специалист, имеете определенный опыт в своей сфере,
то работа сама Вас найдет. Талантливые разработчики требуются по всему миру!
Statistics

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

СТОИМОСТЬ

easy
уровень 1
9 900 руб.
32 ак.часа (очно)
стоимость on-line занятий: 8 900 руб.
В стоимость включено
Видеозаписи занятий
Поддержка преподавателя
Сертификат
Посещение занятий с другими группами
Выберите группу
22 сентября 2018
10.00 - 17.10
суббота
записаться
pro
уровень 2
11 900 руб.
32 ак.часа (очно)
стоимость on-line занятий: 10 900 руб.
В стоимость включено
Видеозаписи занятий
Поддержка преподавателя
Сертификат
Посещение занятий с другими группами
Выберите группу
21 октября 2018
10.00 - 17.00
воскресенье
22 октября 2018
18.30 - 21.30
пн,чт
записаться

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

"День открытых дверей в 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 года