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

О КУРСЕ

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

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

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

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

Мини-группы

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

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

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

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

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

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

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

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

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

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

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

On-line обучение

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

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

Сертификат

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

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

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

уровень 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

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

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

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

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

On-line занятия экономят Ваше время и деньги, так как стоимость on-line занятий значительно ниже очного обучения.

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

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

СТОИМОСТЬ

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

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

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

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

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

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

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

Анна Старик

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Истории успеха наших студентов или как создавался новый сайт Nordic IT School.
Автор статьи: Мария Симонова

Сегодня мы хотим поделиться историей Ивана Жилина, который успешно прошел обучение в Nordic IT School и сразу же получил свой первый заказ, коим оказался сайт, на котором Вы сейчас находитесь! подробнее...
02 марта 2018

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

МЫ РЯДОМ

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