План Курса

Введение в разработку web-приложений

Основные параметры курса

- Уровень: начальный, базовый
- Тема: программирование, интернет сайты
- Название: Введение в разработку web-приложений
- Описание: Получение навыков верстки (HTML5, CSS), программирования (JavaScript, C#, ASP.NET Core), пользования средой разработки (Visual Studio) и системой контроля версий (TFS), публикации на продакшн
- Цель: С нуля научиться самостоятельно разрабатывать веб-сайты. Ознакомиться с технологиями и языками программирования и разметки, необходимыми для работы
- Кол-во часов обучения: 32 ак. часа (по 45 мин), 16 занятий

Занятие №1. Создаем и публикуем сайт за 90 минут.

- Среда разработки Visual Studio
- Темплейты - из чего состоит сайт и первые правки
- Хостинг, домен и публикация сайта в интернет

Занятие №2. Основы верстки. HTML. Базовые понятия и теги.

- Страница сайта. Txt, Html, Media, другие (js, css и тп)
- Теги
- Каркас HTML документа
- Блок Head. Заголовок, стили, скрипты
- Блок Body. Теги <div>, <p>, <hN>, <img>, <a>, <br>, <b>, <i>, <span>

Занятие №3. Основы верстки. CSS. Базовые понятия и стили.

- Пример применения стилей - цвет и полужирный шрифт
- 3 способа внедрения стилей
- 3 способа применения стилей. Селекторы
- Наследование и переопределение
- Примеры стилей. Отступы, управление цветом, границы, текст и шрифт, позиционирование

Занятие №4. Основы верстки. HTML. Формы взаимодействия с пользователем.

- Пример простой формы - текстовое поле и кнопка.
- Тег <form>
- Тег <input>
- Тег <button>
- Тег <select>
- Тег <textarea>

Занятие №5. Основы языка JavaScript. Базовые понятия.

- Пример использования JavaScript - калькулятор (умножение одного числа на другое)
- Способы внедрения JavaScript
- Пользовательские функции
- Консоль
- Привязка событий
- Переменные

Занятие №6. Основы языка JavaScript. Ключевые понятия.

- Типы данных
- Массивы
- Область видимости
- Комментарии
- Условные операторы
- Циклы

Занятие №7. Основы языка JavaScript. Понятия окна и документа. Исключения.

- Объект window и его свойства
- Методы объекта window
- Объектная модель документа (DOM)
- Обработка ошибок

Занятие №8. Основы языка JavaScript. Объекты и JSON.

- Объекты в JavaScript
- Сериализация и десериализация в/из JSON
- Синтаксис JSON

Занятие №9. Библиотека JQuery. Базовые понятия.

- Подключение и начало использование
- Селекторы и поиск элементов
- Атрибуты и стили
- События
- Анимация

Занятие №10. Библиотека JQuery. Работа с формами и DOM. Ajax.

- Манипуляции с DOM
- Взаимодействие с элементами интерактивных форм
- Динамическая загрузка данных через ajax

Занятие №11. Рисование в браузере. SVG и Canvas.

- Векторное рисование SVG
- Растровое рисование Canvas

Занятие №12. Браузерная игра на JavaScript и Canvas. Гоночки.

- Понятие алгоритма и бизнес логики
- Реализация игры на основе полученных в предыдущих занятиях знаний

Занятие №13. Основы разработки web-приложений. Базовые понятия.

- Создание проекта ASP.NET Core и запуск под отладчиком
- Развертывание под IIS
- Добавление методов действия и представлений
- Модели
- Мастер-страницы

Занятие №14. Основы программирования на C#. Базовые понятия.

- Пример программы на C# - формирование текста по переданным на вход параметрам
- Переменные
- Типы данных
- Методы

Занятие №15. Основы программирования на C#. TFS и работа с файлами.

- Создание аккаунта в visualstudio.com и нового проекта
- Работаем с репозиторием через Visual Studio
- Просмотр изменений, check in, undo, get latest version
- Чтение и запись в файл

Занятие №16. Основы разработки web-приложений. Интернет-магазин.

- Создание товарного ассортимента в файле .json
- Вывод товарного ассортимента на страницу каталога
- Кнопка добавления в корзину
- Хранение данных о корзинах и заказа в файлах .json
- Страница корзины и кнопка оформления заказа