Курс по веб-разработке с нуля до pro

• Основы верстки
• Codestyle и codeguide
• CSS flexbox
• CSS Grid
• Chrome DevTools
• БЭМ — методология.
• Адаптация сайтов под мобильные устройства
• Оптимизация
• Сборка проекта на Gulp

• Введение в JavaScript.
• Введение в Git.
• Типы данных и переменные.
• Преобразование типов и операторы сравнения.
• Изучение условных и логических операторов.
• Циклы.
• Знакомство с функциями и функциональными выражениями, стрелочные функции.
• Особенности при работе примитивами и объектами.
• Массивы и их методы, объекты (копирование, перебор), spread, rest операторы.
• Продвинутая работа с функциями, ключевое слово this, контекст и работа с ним (call/apply/bind), замыкания.
• Изучение прототипной модели, функции конструкторы и классы.
• Изучение методов манипуляции DOM.

• Введение в PHP
• Основы синтаксиса и числовые типы данных
• Типы переменных
• Преобразование типов
• Операторы языка
• Логические выражения и условный оператор в PHP
• Строки (виды строк, форматированный вывод, функции для обработки строк)
• Массивы в PHP (способы задания массива, функции для обработки массивов, многомерные массивы)
• Циклы (алгоритмическая структура цикл, массивы и циклы)
• Глобальные массивы (метод GET, метод POST, массив REQUEST)
• Пользовательские функции
• Создание баз данных в PhpMyAdmin
• Сессии в PHP (создание и использование сессии, безопасность вводимых данных)
• Файл конфигурации сервера .htaccess
• Объектно-ориентированное программирование в php (инкапсуляция, наследование, статические методы)

Изучаем современные подходы к веб-дизайну, подробно работаем над каждым этапом разработки веб-интерфейсов:

• разрабатываем основу
• разрабатываем информационную архитектуру веб-сайта;
• прототипируем интерфейс;
• визуализируем интерфейс – получаем готовый дизайн-макет сайта

.Для успешной реализации каждого из этапов работы над дизайн-проектом подробно изучаем Figma.

• Основы Linux.
• Инициализация react-приложения, структура приложения и работа с пакетным менеджером npm.
• Изучение базовых концепций React. Основы работы с функциональными компонентами. Знакомство с понятиями props и state.
• Основные этапы и методы жизненного цикла компонентов (initialize, mount, update, unmount)
• Сравнительный анализ классовых и функциональных компонентов
• Знакомство с React-Hooks. Правила и особенности использования хуков.
• Реализация роутинга в react-приложении. Знакомство с History API.
• Подключение и настройка менеджера состояний Redux. Настройка ReactDevTools и ReduxDevTools. Базовая концепция и основы работы с Redux.
• Настройка подключения к серверу с помощью http-клиента axios на примере открытого API.
• Оптимизация рендера React приложений. Знакомство с React.memo. Хуки useMemo и useCallback.

Знакомство с Node.js

• Что это и для чего нужен Node.js
• Как работает Node.js
• Консольный интерфейс
• Переменные окружения
• Встроенные модули (path, fs)
• Подключение модулей (require, import и т.д.)
• npm и установка зависимостей
• Typescript

Асинхронность в Node.js

• Callback function
• Promise

• Async и await

Создание API

• Что такое API
• HTTP
• Проектирования API
• REST
• CRUD

Введение в Hapi.js

• Что это и для чего нужен Hapi.js
• Создание сервера
• Обработка входящих запросов.
• Маршрутизация
• Валидация входных данных (Joi)
• Авторизация

• hapi-swagger

Базы данных

• Что такое бд и зачем они нужны?
• Реляционные СУБД и язык SQL.
• Нереляционная БД NoSQL.
• Сравнение баз данных SQL (реляционных) и NoSQL (нереляционных).
• Проектирование БД, нормальные формы, консистентность данных, отношение между таблицами
• Типы данных и типы таблиц
• Основные SQL-команды

Основы работы с PostgreSQL

• typeORM
• Хранение и обновление данных в таблицах
• Простые связи (один ко многим)
• Сложные связи (многие ко многим)
• Индексы и ключи
• Нормальные формы (коснуться)

• Миграции

Практика работы с Hapi.js и PostgreSQL

• Создания API для проекта с использованием Hapi.js и PostgreSQL

• Основы тестирования
• Знакомство с работой мануального тестировщика
• Классификация тестирования
• Дефекты
• Тест-кейсы

• Установка и настройка WordPress
• Создание сайта на WordPress с помощью готовой темы
• Наполнение контентом: добавление страниц и записей
• Меню и Виджеты
• Плагин Elementor (установка, интерфейс, компоненты)
• Создание темы сайта с помощью шаблонов Elementor
• Создание элементов темы
• Создание интернет-магазина с помощью плагина Woocommerce
• Настройка интернет-магазина
• Формы обратной связи
• Онлайн-калькулятор
• Разработка собственной темы для WordPress

• Основные функции интернет маркетолога, функциональные связи маркетолога и веб. разработчика
• Маркетинговая оценка юзабилити сайта, комплексный анализ клиентского и корпоративного использования сайта. Создание интернет сервиса
• Характеристика целевой аудитории, портрет, аватар, профиль клиентов. Адаптация инструментов воздействия под целевую аудиторию.
• Основы контекстной рекламы
• Основы SEO-продвижения