Цель курса:

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

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

Урок 1 - Бесплатный

• Знакомство учащихся
• Что такое Web программирование
• Подготавливаем рабочее окружение к работе над курсом
  • Установка IDE, cmd(обёртка), Node.js, Git и других рабочих утилит. Рабочая среда в классе Windows
• Установка и развертывание локального сервера на компьютере. Выбираем версию PHP; выбираем версию Apache; настраиваем доступ к локальному сайту (http://mysite.mydomain); как понять, что всё настроено правильно и работает; используем редактор Visual Studio Code
• На локальном сайте пишем первый кода на php, html ‘Hello World’
• Что такое CMS
• Работа с CMS, создание базы данных, установка, настройка, PhpMyAdmin
• Устанавливаем тестовую версию CMS интернет магазина
• Подключаем платёжную систему
• Введение в контроль версий git, node.js, npm, package.json
• Работа с Node.js. Создаём проект на JavaScript, упаковываем в package.json, пишем первый код на JavaScript ‘Hello World. Запуск приложения с консоли
• Зарегистрируемся в системе управления проектами Trello

Программа курса Web программирование

HTML, CSS, Веб-вёрстка.

• Базовый HTML
• Базовый CSS
• HTML-разметка
• Работа с макетом
• Препроцессоры и постпроцессоры - Less, SCSS
• Адаптивность. Десктоп и планшет
• Адаптивность. Мобильные устройства
• Кроссбраузерность
• Анимация
• Сборщики
• БЭМ. Разметка элементов страницы
• Работа с макетом Bootstrap 5
• Оптимизация и процесс загрузки
• Chrome developers tools -> Elements
• jQuery для верстальщика

JavaScript

• Введение. Современный JavaScript, ES6+
• Переменные и работа с числами
• Строки, boolean и условные операторы
• Массивы и циклы
• Функции
• Объекты
• Введение в DOM
• Константы, области видимости и замыкания
• Преобразование типов и нестрогие сравнения
• Обработка событий и пользовательский ввод
• Объектная модель документа (DOM = Document Object Model)
• Методы объекта и прототипы
• Обработка ошибок
• Общение с сервером, async/await
• События
• ООП и его реализация в JavaScript
• Работа с массивами и строками
• Напишем свой маленький чат на Websocket, socket.io в которой сможет общаться вся группа
• Напишем мини игру
• Рассмотрим Postman Json api
• Chrome developers tools
• Подключение плагинов jQuery
• Запуск приложения на React.js
• Работать с API
• Основы socket.io
• Напишем свой Chrome Extension и научимся копировать, редактировать и запускать существующие расширения с Google Web Store

PHP

• Введение в PHP и запуск локального сервера
• Переменные, типы данных, константы
• Условные операторы
• Массивы и строки
• Циклы foreach, For, While, Do While
• Функции и область видимости
• Работа с файлами (запись, чтение)
• Работа с cookies
• Классы, методы и объекты
• Работа и обработка GET и POST запросов
• Познакомимся с основами PHP. Научимся внедрять PHP в вёрстку, работать с веб-сценариями и адресной строкой, запрограммируем страницы сайта
• Научимся работать с основными концепциями: с переменными, циклами, условиями и прочими конструкциями
• Также мы научимся работать с пользователем: обрабатывать формы, отправлять почту
• Работа с хостингом
• Знакомство с Laravel, запуск приложения из коробки

SQL и базы данных

• Введение в базы данных, PhpMyAdmin
• Создание базы данных, табличек и подключение к ней
• Выборка значений из базы данных
• Добавление данных в таблицу (INSERT, UPDATE, DELETE)
• Затронем на примерах не реляционные базы NoSQL, MongoDB

Разработка мобильного приложения

• Знакомство с React Native
• Знакомство с утилитой, которая облегчает создание аппликаций на JavaScript для Android и iOS
• Рассматриваем готовые приложения
• Делаем первое приложение `Hello World`

Git - контроль версий

• Системы контроля версий, знакомство с Git
• Основы работы с Git
• Работа с удалёнными репозиториями
• Работа с ветками
• Другие инструменты Git
• Создаём репозиторий на github

QA - Тестирование проекта

• Что такое тестирование и для чего оно нужно
• Тестирование на кроссбраузерность
• Самые популярные методы выявления ошибок на сайте
• Использование утилиты Developers Tools
• Выявление XSS injection на странице
• Тестирование сайта на Emulated Devices (iPhone, iPad, Pixel, Samsung)
• Проверка на responsive design
• Выявления ошибок по Lighthouse tool for improving the performance (Mobile, Desktop)
• Автоматическое выявления ошибок сборки сайта на Wordpress
• Работаем с WpScan, для поиска критических ошибок и уязвимость взлома сайта Wordpress

По прохождению курса вы получите:

• Теоретический материал для прочтения
• Домашние задания
• Самые свежие утилиты для работы с фронтендом и бэкендом
• Сделаем простые приложения на javascript (игру перепрыгивание через барьер, сайт видео каталог, запустим React.js и создадим чат)
• Сделаем сайт на чистом PHP с вашим созданным дизайном
• Поработаем с Node.js сервером и дополнительными утилитами
• Установка Laravel приложения с демо страницами, логином и регистрацией
• Создадим интернет магазин на Wordpress
• Создадим сайт на конструкторе сайтов Tilda