Учебная программа: web программирование
Цель курса:
Дать представление как происходит веб-разработка. В сжатые сроки обучить веб программированию на основе примеров с использованием современных инструментов. Научиться делать проекты с нуля или 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