Курс разработки сайтов на HTML, CSS и jQuery

Стек технологий

HTML5

HTML 5

HTML 5 – Стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML. Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.

Проще говоря, с помощью HTML мы создаем каркас будущей web-страницы, расставляя на ней нужные нам блоки, изображения и прочее.

CSS

CSS 3

CSS 3 – Формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG) или XUL.

Если говорить простыми словами, то CSS используется для стилизации элементов, расставленных на web-странице с помощью HTML, в том числе изменение цвета элементов, положения, размеров, поведения и пр. Например, то, что этот текст белого цвета установлено у нас в CSS.

BEM

Методология BEM

BEM – (Block, Element, Modifier) Методология, используемая для структурирования кода. В основе лежит принцип разделения интерфейса на независимые блоки. BEM позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая «Copy-Paste».

С помощью BEM мы будем писать код таким, который будет понятен в дальнейшем любому разработчику.

GRID

Новое направление в CSS для построения сложных шаблонов в виде сеток.

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

Bootstrap

Bootstrap – самый популярный CSS - фреймворк, служащий для ускорения разработки адаптивных сайтов.

В Bootstrap прописаны готовые стили для сайта и специальные скрипты, для применения которых необходимо всего лишь прописать необходимые стилевые классы и атрибуты html-элементам.

Javascript

JavaScript — это язык программирования, с помощью которого страницы сайтов в браузере становятся интерактивными, отзывчивым на действия пользователя. Например, при наведении указателя мыши появляется контекстная подсказка, меняется фон или размер фотографии, при отправке формы проверяется заполнение обязательных полей и многое другое. На нашем сайте мы активно используем javascript, например логику смены описания технологии при наведении на нее мышкой мы сделали как раз с помощью javascript

PHP 7

PHP – Это серверный язык программирования, созданный специально для разработки сайтов. Мы его используем, чтобы отправлять в базу данных и нам на почту ваши заявки на участие в курсе:)

Помимо этого php необходим для организации структуры url страниц, реализации регистрации/авторизации и для многих других задач.

MySQL

MySQL - это популярная система управления базами данных (СУБД), очень часто применяемая в сочетании с PHP.

Говоря проще, с помощью MySQL мы получаем возможность работать с данными, которые находятся в специальном храниище(базе данных). К таким данным могут относится: товары интернет-магазина, список зарегистрированных пользователей, совершенные клиентами заказа и многое другое. Мы в ней храним ваши заявки на курсы.

jQuery

jQuery – Библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML.

Если говорить простыми словами, то библиотека - это набор готовых решений(функций) на определенном языке программирования, в данном случае это Javascript. jQuery - самая популярная библиотека для языка javascript, позволяет значительно сократить код и быстрей разрабатывать полезные "фишки" на нашем сайте.

AJAX

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

GIT

GIT – система контроля версий. В одном месте хранит все версии вашего кода, позволяя довольно быстро "откатить" ваши изменения. Также обладает большими возможностями для организации командной разработки - это когда много людей работают над одним кодом. Мы ее используем для совместной работы над нашими сайтами и проектами.

HTML 5

HTML 5 – последняя версия гипертекстовой разметки, открывающая еще больше возможностей. Например, в пятой версии появились новые элементы, помогающие сделать лучше взаимодействие между сайтом и поисковыми системами, – это оказывает положительное влияние на продвижение веб-проекта. Качественное обучение HTML верстке в Москве предлагается в школе "Nordic IT School".

Этого стека достаточно, чтобы сделать современный сайт.

Данные технологии разделяются на FrontEnd и Backend части. Frontend - это все, что относится к технологиям, с которыми пользователь сайта непосредственно взаимодействует, условно говоря, он их может почувствовать (HTML, CSS, JS, jQuery). Данные технологии выполняются в браузере пользователя.

Backend часть - это все что работает на сервере, обеспечивая работу сайта, распределение контента по страницам, сохранения в базу данных, регистрацию и другие важные и нужные вещи. (PHP, MySQL, Apache, Nginx).

На наших онлайн-курсах по веб-разработке вас ждут

Видео-уроки

Специально подготовленные Видеоархив занятий от ведущих преподавателей школы. Мы говорим понятным доступным новичку языком.

Собственный проект

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

Комфортный темп обучения

Одно из преимуществ онлайн-обучения: знакомьтесь с материалом и выполняйте задания тогда, когда у вас есть для этого время и настроение.

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

Опытные наставники

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

Чат студентов в телеграм

Мы создаём для вас эко-среду для развития в карьере верстальщика. Вы всегда можете задать вопрос куратору школы, преподавателю и своим одногруппникам.

Сертификат

Успешно завершившие обучение студенты получат документ об окончании курса.

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

Jack Dorsey

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

Для чего нужен 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

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

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

Алексей Соколов

TeamLead в Nordic IT School

подробнее

Борунов Михаил

Front-End разработчик в Rambler

подробнее

Петрухин Александр

Chief Technical Officer laatu.solutions

подробнее

Житков Тимофей

Fullstack разработчик в Penny Lane Realty

подробнее

Если вы грамотный специалист, имеете определенный опыт в своей сфере,
то работа сама Вас найдет. Талантливые разработчики требуются по всему миру!

Statistics

ЦЕНА ОБУЧЕНИЯ

easy

Онлайн-курс Верстка сайтов
15 занятий

Тарифы

	Тариф Light	Тариф Middle	Тариф Pro
Видеокурс
Сертификат
Интерактивные тесты
Чат курса в Телеграм
Менторская поддержка
Индивидуальные консультации (4 шт. по 1 часу)
Стоимость за курс 45 занятий
Стоимость за курс 45 занятий	9 900р	15 900р	21 900р

Выберите группу

26 января 2021

18:00 - 20:00

вт, пт

записаться

Учебный процесс

Видео-уроки

Контент каждого занятия поделен на теоретическую и практическую части.

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

Второе видео посвящено детальному анализу всех аспектов применения изученного инструмента в рамках решения конкретной практической задачи.

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

Интерактивные тесты

Как и было заявлено, мы предлагаем вам включиться в полноценный учебный процесс: предусмотрена система контроля и оценки успеваемости — нам важно убедиться, что все идет по плану и наш студент усваивает информацию в полном объеме. Если возникают проблемы, мы спешим на помощь.

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

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

Очевидные плюсы онлайн-формата

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

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

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

Личные консультации с преподавателем

Желающим максимизировать результаты обучения мы можем предложить индивидуальные занятия в формате онлайн (речь идет о тарифе Pro).

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

Консультации нужно планировать заранее.

Поддержка наставника

Если вы начинаете обучение с нуля, помощь специалиста будет весьма кстати.

Поддержка наставника включает в себя проверку и разбор ваших домашних заданий, полноценный code review, возможность консультироваться. Это очень ценная опция, она доступна, начиная с тарифа Middle. Рекомендуем не пренебрегать ей.

Тариф Light подойдет тем, кто уже знаком с выбранной сферой IT, имеет опыт практический работы и, в целом, чувствует себя уверенно. Если стоит задача просто упорядочить знания и попутно получить сертификат, тогда да, переплачивать нет смысла. Остальным студентам мы все же рекомендуем как минимум Middle.

Сертификат

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

стек освоенных технологий;
объем курса в академических часах;
средний балл за весь курс;
количество решенных домашних заданий;
финальный проект.

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

FAQ

Смогу ли я?

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

Чтобы стать программистом, вам не надо быть математиком или инженером и обладать каким-то особым складом ума.

Чтобы успешно завершить курс, нужно лишь перестать сомневаться в себе, не лениться и выполнять все задания.

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

Практикующие веб-разработчики, которые совмещают работу в крупных компаниях и студиях веб-дизайна с преподаванием в нашей школе.

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

посмотреть преподавателей

Очно или онлайн — вот в чем вопрос

Контент курса практически идентичен, оба формата полноценные, выбирайте между двумя разными пакетами премуществ.

Очный курс предлагает более интенсивный учебный процесс, за счет этого время обучения короче на месяц по сравнению с онлайн-вариантом.

Личное присутствие на занятиях в составе группы дисциплинирует и мотивирует студента серьезнее относиться к учебному процессу. Традиционным формам группового обучения присущ элемент соревновательности и равнение на лучших. Для многих это весьма эффективный стимул. Все зависит от вашего темперамента.

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

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

Подробнее о преимуществах онлайн-версии вы можете прочесть в соответствующем информационном блоке нашего сайта.

Мне нужна помесячная оплата

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

Предоставляете ли вы пробные занятия

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

Видео — мои навсегда?

Нет. У вас есть год, чтобы освоить программу обучения и выполнить все задания для самостоятельной работы. По истечении этого срока доступ к учебным материалам будет заблокирован. Вы покупаете не видео, вы покупаете знания.

Вы поможете мне найти работу?

Мы активно сотрудничаем с рекрутинговыми агенствами и IT-комьюнити. Лучшим студентам поможем трудоустроиться.

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

Да, мы работаем как с физическими так и с юридическими лицами. На стоимость курса это никак не влияет. Оплату по счету необходимо при этом производить до начала курса.

Хочу оформить налоговый вычет

Мы подготовим для вас нужные документы.

ОСТАЛИСЬ ВОПРОСЫ? СВЯЖИТЕСЬ С НАМИ!

Напишите, что бы вы хотели узнать и мы оперативно ответим.

А хотите, просто позвоните нам по телефону: +7 925 632-21-47 или +7 495 626-46-00

Нажимая кнопку «Отправить» вы даете согласие на обработку персональных данных в соотстветствии правилами политики конфиденциальности..

Слово нашим студентам!

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

Алексей Литовченко

Очень здоровские преподаватели. Несмотря на обучение step-by-step, каждому давались задания по индивидуальному уровню. Если вы решили систематизировать свои знания в сфере веб-разработки или пришли с нулевыми знаниями - этот онлайн\оффлайн университет - хороший выбор. 1-ый блок курса я занимался оффлайн, все другие блоки я занимался по записям. Побывав во всех вариациях могу с уверенностью сказать, что эта школа научит вас делать красивые сайты\даст глубокое понимание бекенда\систематизирует имеющиеся знания(главное - наличие желания и целей). Спасибо Вячеславу и Алексею за быстрый фидбек и трепетное отношение к каждому студенту!

Андрей Михайлов

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

Гордей Строкин

Мне очень понравились курсы веб-разработки Nordic IT school. Педагоги настоящие мастера своего дела. После курсов найти работу не составит вам большого труда.

Влад Сущий

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

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

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

Анна Старик

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

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

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

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

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

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

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

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

Khen-Sel

Все очень понравилось! Прошла два курса HTML и CSS, и два курса JavaScript. Преподавателем был Жуков Вячеслав. Внимательный преподаватель, очень доходчиво объясняет, дается много примеров. Дают много разной полезной информации. Я сама не гений и все, что связанно с компьютерами очень тяжело дается, но тут так хорошо подается материал, что все понятно и легко запоминается. Если, возникает проблема и нет возможности приехать в аудиторию, можно заниматься онлайн)) Спасибо ОГРОМНОЕ Nordic IT School!!! Так держать)

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

Манчук Дмитрий

Я проходил курс PHP в октябре 2017 года. Я работаю в крупной технической компании и по роду деятельности появилась необходимость в изучении программирования. Мир не стоит на месте в новых возможностях и очень важно идти в ногу со временем. Самостоятельно изучать программирование – это интересно, но это заметно увеличивает время обучения, ведь надо найти видеозаписи, установить программу, самому придумывать задания и находиться время на их выполнение. Мой коллега посоветовал мне обратиться в школу Nordic It School, так как сам уже прошёл там нескольку курсов. Онлайн формат обучения позвонил мне не тратить время на дорогу, что заметно увеличило мою эффективность в освоении курса, а обучение в группе заметно эффективнее, так как появляется возможность разобрать различные кейсы. Спасибо педагогом за доходчивое изложение материала и готовность ответить на все вопросы даже во внеучебное время. Хочу отдельно отметить нетривиальные домашние задание, которые заставляли хорошо поразмышлять, отчего становилось ещё интереснее. Я уже активно применяю свои знания в работе и пул моих обязанностей заметно увеличился, что мотивирует меня на новые достижения!

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