Фоновый баннер

Основы Web программирования HTML5, CSS3, JS, PHP

Подробнее о курсе

Краткое описание курса
Курс представляет собой практическое обучение «с нуля» технологиям Веб-программирования. На курсе рассматриваются базовые технологии, применяемые в веб-разработке. Рассматриваемые технологии:HTML5, CSS3, Среда разработки VSCode, Система контроля версий git, Docker, JavaScript (ES6), Веб-сервер Nginx, PHP, Сервер баз данных MySQL.
Данный курс является альтернативой курсу «20480: Программирование в HTML5 с JavaScript и CSS3»

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

Целевая аудитория курса
Этот курс предназначен для начинающих разработчиков, желающих изучить принципы создания приложений на HTML5 с JavaScript, CSS3 и PHP

Получаемые знания и навыки
По окончании курса слушатели смогут

  • Уверенно использовать среду разработки VSCode
  • Использовать git для контроля версий кода
  • Использовать Docker для запуска необходимых контейнеров
  • Создавать разметку страниц на HTML5
  • Использовать CSS3 для верстки страниц
  • Использовать JavaScript для программирования на стороне клиента
  • Понимать работу Веб-сервера
  • Использовать PHP для программирования на стороне сервера
  • Использовать базы данных на сервере MySQL
Необходимая предварительная подготовка
Для успешного прохождения курса слушатели должны иметь начальную подготовку по следующим темам
  • Уверенная работа с компьютером
  • Умение устанавливать и настраивать приложения и компоненты Windows 10
  • Навыки программирования на любом языке программирования

Краткое содержание курса
Модуль 1 — Введение в веб-разработку

  • Основы работы Веб
    • Протокол HTTP
    • Инструменты разработчика в браузере
    • Подготовка среды разработки
    • Работа с системой контроля версий git
  • Введение в HTML
    • Разметка документа
    • Элементы и атрибуты
    • Создание страницы
  • Основные элементы разметки
    • Элементы форматирования
    • Списки
    • Изображения
    • Ссылки

Модуль 2 — HTML разметка

  • Таблицы
  • Фреймы
  • Формы
  • Другие элементы разметки

Модуль 3 — Введение в CSS

  • Поднятие стилевой разметки
  • Подключение стилей
  • Свойства текста
  • Модели блоков

Модуль 4 — CSS3 продолжение

  • Границы блоков
  • Позиционирование
  • Media Query

Модуль 5 — Введение в JavaScript

  • Платформа для разработки — Docker (введение)
    • Установка и запуск Docker
    • Обзор контейнеров
    • Создание файла docker-compose
    • Запуск docker-compose
  • Основная информация о JavaScript и его версии
  • Подключение JS к странице
  • Основы языка программирования
    • Переменные
    • Операторы
    • Управляющие конструкции
    • Объекты

Модуль 6 — JavaScript продолжение

  • Объектная модель браузера
    • window
    • navigator
    • location
    • history
    • screen
    • document
  • Объектная модель документа
    • Основы DOM
    • Получение объекта
    • Работа с объектом
  • События
    • Модель событий и пузырьки
    • Обработка событий
  • AJAX

Модуль 7 — Основы серверного программирования

  • Способы генерации страниц на сервере
    • Обзор PHP FPM
    • Подключение контейнера PHP в Docker
    • Запуск страниц PHP
  • Настройки и модули PHP (обзорно)
  • Основы языка PHP
    • Переменные
    • Операторы
    • Управляющие конструкции
    • Объекты

Модуль 8 — Работа с формами и файлами

  • Способы передачи формы
  • Обработка форм на сервере
  • Сохранение результатов форм

Модуль 9 — PHP и хранение данных

  • Понятие сессионной обработки и ее проблемы
    • Запуск сессий
    • Работа с сессиями
  • Работа с файлами
    • Чтение файлов
    • Запись файлов
  • Базы данных
    • Краткое введение в базы данных
    • Обзор сервера MySQL
    • Подключение контейнера MySQL к Docker

Модуль 10 — Работа c MySQL

  • Работа с MySQL
    • Подключение к базе данных
    • Выполнение запросов в БД
    • Обработка результатов запросов
    • Некоторые аспекты работы с БД
  • Создание учебного AJAX-приложения «Журнал успеваемости студентов»
  • Подведение итогов курса и обзор курсовой работы

Отзывы по курсу

Январь 2023 года
Слушатель: Дмитрий (Главный специалист)
Отзыв: Очень квалифицированный и профессиональный преподаватель, очень доброжелательные менеджеры, все отлично