Курс разработки сайтов на 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-разработке в нашей школе это:

Видео-уроки

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

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

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

Свой темп занятий

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

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

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

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

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

Сертификат

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

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

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

подробнее

Профессия программиста является одной из самых востребованных в мире!
Средняя заработная плата составляет от 80 000 до 150 000 руб.

Statistics

СТОИМОСТЬ

easy

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

Тарифы

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

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

27 октября 2020

18:00 - 21:00

вт, пт

записаться

Процесс онлайн-обучения программированию

Видео-уроки

Каждое занятие доступно вам в виде нескольких видео-уроков.

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

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

Занятия выкладываются каждый понедельник и четверг.

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

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

Тесты состоят как из теоретических, так и из практических вопросов. Первые направлены на закрепление знаний, а вторые практических умений и понимания принципов работы.

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

Свой темп обучения

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

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

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

Занятия выкладываются каждый вторник и пятницу.

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

В тарифе 3 включены личные консультации в формате онлайн с преподавателем, вашим наставником.

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

Консультация также записывается и доступна вам в личном кабинете.

Предусмотрены 4 консультации в месяц по 1 часу. Расписание консультаций утверждается с менеджером Nordic IT School

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

В рамках 2-3-го тарифов для вас включена поддержка наставника.

Наставник - это один из преподавателей-практиков Nordic IT School. Наши преподаватели работают в крупнейших IT-компаниях Яндекс, Мегафон, Сбертех, Альфа-Банк, что помогает им быть на острие технологии и доносить до студентов только самые свежие и актуальные знания.

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

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

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

Мы рекомендуем вам обратить внимание именно на тариф 2 и 3, так как с наставником качество обучения сильно повышается

Сертификат об обучении

У нашей школы есть образовательная лицензия и по окончании любого из курсов вы получаете сертификат об обучении, в котором указан:

Стек освоенных технологий
Общий объем курса
Средний балл за весь курс (1-10)
Количество решенных домашних заданий
Финальный проект

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

Сразу развеем сомнения

Смогу ли я?

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

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

Кто преподает на курсе?

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

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

Что я получу по окончании обучения?

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

У вас также есть очный формат? Куда лучше пойти?

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

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

В онлайн-курсе вы сами можете регулировать интенсивность своих занятий и риск отстать от группы намного меньше.

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

Что я получу по окончании обучения?

Могу ли я платить помесячно?

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

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

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

Записи остаются навсегда?

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

А если я прохожу курс в течении года, я должен платить за каждый месяц?

Основная проблема для тех, кто только окончил IT курсы заключается в том, что на рынке очень мало работодателей, которые готовы принять на работу новичка. После окончания курса Вы можете вступить в IT-community, с которым сотрудничает Nordic IT School, и найти свою будущую работу. Так же преподаватель составит на Вас рекомендацию на основе Ваших достижений и активности работы на курсе.

Если Вы хотите продолжить обучение, то рекомендуем пройти курс JavaScript-разработчик.

Помогаете ли Вы с трудоустройством по окончании курса?

Наша школа сотрудничает с рекрутинговыми агентствами и коммьюнити в IT-сфере. Поэтому лучшим студентам, окончившим курс и успешно защитившим дипломную работу, мы содействуем в поиске работы веб-разработчиком.

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

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

Предоставляете ли вы налоговый вычет?

Да, школа работает под лицензией на образовательную деятельность №035452 и мы подготавливаем для вас пакет документов на получение налогового вычета.

ОСТАЛИСЬ ВОПРОСЫ?

Если у Вас появились вопросы курсу, процессу обучения и не только, будем рады на них ответить!

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

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

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

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

Очень здоровские преподаватели. Несмотря на обучение 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, так как сам уже прошёл там нескольку курсов. Онлайн формат обучения позвонил мне не тратить время на дорогу, что заметно увеличило мою эффективность в освоении курса, а обучение в группе заметно эффективнее, так как появляется возможность разобрать различные кейсы. Спасибо педагогом за доходчивое изложение материала и готовность ответить на все вопросы даже во внеучебное время. Хочу отдельно отметить нетривиальные домашние задание, которые заставляли хорошо поразмышлять, отчего становилось ещё интереснее. Я уже активно применяю свои знания в работе и пул моих обязанностей заметно увеличился, что мотивирует меня на новые достижения!

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

НОВОСТИ ШКОЛЫ

15 октября 2020

TypeScript — новый тренд во фронтенд-разработке

TypeScript — это надстройка над языком программирования JavaScript, созданная корпорацией Microsoft. На данный момент TypeScript востребован более чем в трети вакансий Frontend-разработчика, и потребность в нём будет только расти. Так зачем он нужен и почему все хотят разрабатывать именно на нём? подробнее...

08 октября 2020

Svelte — многообещающий новичок

Сегодня мы хотим рассказать про Svelte: новый фреймворк для создания Single Page Application. Он появился совсем недавно, но уже успел получить любовь сообщества и поддержку TypeScript. подробнее...

20 сентября 2020

Pascal устарел?

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