Основы создания одностраничных
веб-приложений с использованием
HTML, CSS, BOOTSTRAP, JS

Зачем нужен этот курс?

Этот курс поможет вам сделать быстрый старт в веб-разработке, которая сегодня проникает во все сферы нашей жизни. Обладание этим навыком скоро станет такой же необходимостью, как знание Word и Excel

Разметка

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

Стиль

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

Динамика

Вы научитесь создавать динамические страницы с применением JavaScript, благодаря чему с вашими страницами будет приятно работать любому

Как появился этот курс

Я занимаюсь обучением и наставничеством специалистов несколько лет, и у меня уже сформировалась своя собственная авторская программа, которая дает хорошие результаты, а именно - освоение большого спектра технологий, на изучение которых обычно уходит от 3 месяцев, всего за 10 часовых занятий.

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

Из чего состоит этот курс

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

30+ тем

которые вам предстоит изучить благодаря этому курсу

7 практик

записанных вживую, с комментариями и ответами на частые вопросы

30+ учеников

уже прошли именно этот материал вживую на моих занятиях.

10 часов

в среднем требуется для освоения материала и выполнения всех практик

Блок 1 - Основы языка гипертекстовой разметки HTML

1.1 Разбираемся зачем нужен этот язык и как к нему прийти
1.2 Узнаем какие виды тегов бывают
1.3 Узнаем об атрибутах тегов
1.4 Знакомимся с несколькими тегами и узнаем где можно узнать подробней про другие
1.5 Приходим к пониманию структуры HTML-документа (или страницы)
1.6 Выполняем практику - создаем свои первые HTML-страницы

Блок 2 - Основы работы со стилями CSS

2.1 Понимание проблематики необходимости стилизации текста
2.2 Осваиваем изменение стилей с атрибутом STYLE
2.3 Знакомимся с каскадными таблицами стилей (CSS), понимаем почему они называются Каскадными
2.4 Осваиваем тег STYLE
2.5 Изучаем создание стилей для тегов
2.6 Изучаем теги для конкретных элементов страницы (адресные стили)
2.7 Изучаем классы стилей
2.8 Осваиваем работу с файлами стилей
2.9 Практика работы со стилями

Блок 3 - Основы блочной верстки и знакомство с Bootstrap

3.1 Ознакомление с блоками через тег DIV
3.2 Ознакомление стилистических настроек блоков
3.3 Практика применения тегов DIV и стилей к ним для блочной верстки
3.4 Понимание проблемы блочной верстки при настройке вручную
3.5 Подключение библиотеки стилей Bootstrap - через Интернет и локально
3.6 Ознакомление с преимуществами Bootstrap, которые доступны сразу
3.7 Осваиваем таблицу верстки Bootstrap
3.8 Практика применения таблицы верстки Bootstrap

Блок 4 - Основы скриптового языка программирования JavaScript

4.1 Понимание необходимости языка программирования JavaScript
4.2 Особенность скриптовых языков, отличие от компилируемых
4.3 Запуск консоли для изучения JavaScript
4.4 Основы работы с постоянными значениями в JavaScript
4.5 Освоение математических операторов для чисел и сложения строк
4.6 Изучение и применение переменных
4.7 Знакомство с созданием функций
4.8 Ознакомление со встроенными в JavaScript функциями
4.9 Условия в JavaScript - исполнение кода с ветвлениями
4.10 Изучение цикла While
4.11 Изучение цикла For
4.12 Ознакомление с объектами
4.13 Объект страницы Document
4.14 Получение объектов страницы
4.15 Работа с массивами
4.16 Обработка событий для элементов HTML
4.17 Написание кода в файлах HTML и JS

Блок 5 - Практика работы с JavaScript

5.1 Освоение переменных JavaScript в консоли браузера
5.2 Работа с функциями в консоли браузера
5.3 Работа с элементами страницы в консоли браузера
5.4 Написание кода в HTML-документе
5.5 Создание функции для вызова по событию "Нажатие мышью"

Блок 6 - Большая практика - создание одностраничного веб-приложения "Калькулятор"

6.1 Составление блочной верстки для калькулятора
6.2 Ознакомление с элементом ввода данных - текстовое поле, тег INPUT
6.3 Настройка стилей для элементов интерфейса и поля
6.4 Создание разных стилей для разных блоков элементов
6.5 Программирование событий нажатия на текст "Плюс" и "Минус"
6.6 Создание функции для расчета результатов
6.7 Учет возможности изменения значений вручную через поля
6.8 Валидация и автоматическое исправление полей - запрет на буквы в текстовых полях

Блок 7 - Бонус: Работа с классическими таблицами, добавление таблицы результатов в Калькулятор

7.1 Ознакомление с тегами таблиц
7.2 Добавление таблицы в Калькулятор
7.3 Пример использования собственных стилей для таблицы
7.4 Пример стилей таблицы от Bootstrap
7.5 Программирование добавления новой строчки в таблицу
7.6 Освоение добавления данных в новую строчку таблицы
7.7 Упрощение кода, встраивание в существующие расчеты и проверки

Что вы получите, купив этот курс

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

Покупая этот курс, вы получаете бесплатный урок по установке, настройке и использованию отечественной операционной системы Simply Linux!
Сделайте свой первый шаг в сторону импортозамещения!

В среднем этот курс мои ученики проходят за 10 часовых занятий, за каждое из которых я беру от 1.500 ₽. Понимая, что вы можете освоить этот курс быстрее, и что ни одна, даже самая качественная видеозапись, с самым подробным рассказом, не заменит живого участия опытного наставника - я снижаю стоимость данного видеокурса, отталкиваясь от стоимости одного часа = 500 ₽

Валентин Драздов

Ваш консультант