Курс FullStack Wеb Developеr

Курс допоможе стати універсальним програмістом з нуля, після завершення якого ви зможете розробляти повноцінні IT-продукти. Програма курсу поєднує в собі backend- та frontend-розробку. На заняттях вас навчать розробляти сайти під будь-який пристрій, робити динамічні елементи сторінок, працювати з базами даних, будувати власну систему управління контентом та створити чудові додатки за допомогою Laravel.

Програма курсу

HTML5 і CSS3

• DOCTYPE
• Стандарт Unicode. Кодування.
• Структура HTML-документа. Основні елементи розмітки:
  • концепція семантичної розмітки;
  • використання коментарів;
  • атрибути й аксесуари;
  • спеціальні символи.
• Структурні елементи розмітки. Основні HTML теги.
• Текстові елементи розмітки. Основні HTML теги.
• Створення HTML сторінок.
• Основи SEO оптимізації:
  • елемент meta та його атрибути;
  • пояснююча мета-інформація;
  • мета-інформація для роботів.
• Основні CSS властивості.
• Селектори.
• Одиниці виміру в CSS.
• Властивості тексту.
• Властивості кольору.
• Шрифти.
• Основи роботи з Chrome Developer Tools.
• Таблиці.
• Списки.
• Посилання.
• Зображення.
• Робота з фоном.
• Створення макета (layout).
• Робота з margin, padding.
• Нові теги й елементи.
• Секції, винесення, статті, навігаційні, "шапка", "підвал".
• Modernizr.
• Багатостовпчаста верстка.
• Модель CSS box.
• Позиціонування елементів.
• Властивість float.
• Псевдокласи/псевдоелементи.
• Контекстні селектори.
• Каскадування.
• Успадкування.
• Елементи форм і їх атрибути.
• Використання зовнішніх об'єктів.
• Вбудовування аудіо- та відео-файлів за допомогою елементів HTML5.
• Стилі для різних типів носіїв.
• Імпорт CSS.
• Визначення технологій, підтримуваних браузером.
• Властивості CSS для друку сторінок.
• Властивості шрифтів, @font-face (веб-шрифти).
• Адаптивна верстка.
• Модель Flex-блоків.
• Bootstrap.

JavaScript Basic

Основи мови JavaScript

• Змінні.
• Типи даних.
• Приведення типів. Тривіальні типи.
• Оператори. Оператори інкременту й декременту.
• Цикли: while, do while, for.
• Керуючі конструкції if – else, else – if.
• Мітки.
• Переривання і продовження циклу.
• Керуюча конструкція switch.

Функції

• Робота з математичними функціями.
• Способи оголошення функцій.
• Область видимості.
• Анонімні функції й замикання.
• Рекурсія.

Обробка помилок і налагодження

• Консоль і dev tools.
• Обробка помилок.
• Порядок виконання коду.
• Error object.
• Workflow налагодження.

Структури даних: об'єкти й масиви

• Властивості об'єкта.
• Методи об'єкта.
• Методи функцій.
• Робота з рядками.
• Робота з масивами.

Document Object Model (DOM)

• Робота з елементами HTML сторінки.
• Структура документа.
• Вибірка елементів документа.
• Навігація по вузлах документа.
• Створення, вставка й видалення вузлів.
• Html-форми.

Події

• Як працює механізм подій.
• Робота з обробниками подій.
• Події завантаження документа.
• Події миші.
• Події клавіатури.

Дата й таймери

• Робота з датами.
• Робота з таймерами.

Browser object model (BOM)

• Об'єкт window (history, location, navigator, screen).
• Адреса документа й навігація по ньому.
• Історія відвідувань.
• Інформація про браузер і про екран (Navigator, Screen).
• Діалоги.
• Iframes.

Основи jQuery

• Селектори.
• Робота з подіями jQuery.
• Маніпуляції з DOM.
• Зміна властивостей та атрибутів.

jQuery Плагіни

• Ефекти й анімація бібліотеки jQuery.

Розробка CMS на основі PHP

Local Development Environment

• Розгортання середовища розробки (Apache, PHP і MySQL).
• Основи PHP.
• Вбудовування PHP у HTML.
• Використання динамічних даних.
• Вставка коментарів у PHP.
• Типи даних. Змінні й константи.
• Операції над числовими, логічними й рядковими змінними.
• Вирази, оператори й засоби управління процесом виконання програми в PHP.

Основні структури

• Константи.
• Керуючі структури.
• Робота з конструкціями if-else і switch-case.
• Порівняння й логічні оператори.
• Робота з циклами "foreach, for, while".
• Робота з математичними функціями.

Функції в PHP

• Вбудовані функції PHP.
• Функції для роботи з файловою системою й каталогами.
• Функції для користувача.
• Визначення функцій.
• Область видимості змінних. Глобальні й локальні змінні.
• Параметри функцій.
• Значення, що повертаються з функцій.
• Вкладені функції.
• Рекурсивна функція.

Масиви

• Індексований масив.
• Асоціативні масиви.
• Багатовимірні масиви.
• Функції для роботи з масивами.
• Стеки й черги.
• Сортування масиву.

Введення в HTTP-запити

• Принципи роботи протоколу HTTP.
• Робота з формами.
• Методи GET і POST.
• Перевірка форми. Обробка помилок.
• Витяг інформації з форми.

Робота з файлами

• Робота з файлами.
• Відкриття та створення файлів.
• Запис файлів.
• Читання файлів.
• Видалення файлів.
• Передача файлів на сервер.
• Робота з каталогами.
• Створення каталогів.
• Видалення каталогів.

Вбудовані функції і змінні

• Функції для роботи зі змінними.
• Математичні функції.
• Робота зі строковими функціями.
• Сімейство print.
• Функції substr, str_replace.
• Функції explode і implode.
• Функції дати й часу.
• Перетворення рядка.
• Суперглобальні змінні.
• Підключення файлів.
• Робота з регулярними виразами.

Основи роботи з базами даних

• Основи роботи з базами даних.
• Введення в PhpMyAdmin.
• Проектування бази даних. Створення бази.
• Таблиці.
• Основні поняття мови SQL. Оператори SELECT, INSERT, UPDATE, DELETE.
• Первинні ключі. Нормалізація.
• Дамп.
• Інтерфейс PDO.
• Функції PHP для роботи з MySQL. Підключення до бази даних. Виконання запитів. Вибірка наборів даних.
• Команди ORDER BY, LIMIT, COUNT, LIKE в SQL.

Сесії та Cookie

• Принципи роботи Cookie.
• Cookie-файли.
• Відправка Cookie клієнту.
• Прийом Cookie на стороні сервера.
• Cookie з тимчасової міткою.
• Сегментація Cookie.
• Функції авторизації.
• Перевірка пароля.
• Загальне поняття хешу.
• Хешування пароля.
• Сеанси. Механізми роботи сесій.
• Відкриття сесій.
• Змінні сесії.
• Сесійні Cookie.
• Закриття сесій.
• Передача заголовків HTTP.

Концепція об'єктно-орієнтованого програмування (ООП)

• Класи та об'єкти.
• Інкапсуляція.
• Створення класу.
• Конструктор і деструктор.
• Успадкування.
• Модифікатори доступу.

Гетери й сетери

• Поліморфізм.
• Перевизначення властивостей.
• Перевизначення методів.
• Фінальні методи і класи.
• Статичні методи і властивості.
• Константи класу.
• Абстрактні класи.
• Інтерфейси.
• try ... catch.
• InstanceOf.

Введення в CMS

• Створення бази даних і таблиць для CMS.
• Підключення до бази даних.
• Вставка даних у таблиці та їх відображення.
• CRUD.

CMS – Авторизація

• Авторизація через файли.
• Авторизація через cookie.
• Авторизація через бази даних.
• Створення таблиці користувачів і вставка даних.
• Відображення користувачів в адмінці.
• Додавання користувачів.
• Видалення користувачів.
• Зміна ролей користувачів.
• Оновлення користувача.

Аутентифікація

• Реєстрація та авторизація одночасно.
• Створення сторінки входу.
• Права доступу користувачів до сайту.
• Установка сесії.
• Вихід.
• Створення профілю.
• Відображення призначених для користувача даних.
• Оновлення даних користувача.

CMS – Dashboard

• Розбивка на сторінки.
• Коментарі.
• Додавання WYSIWYG Editor.
• Шифрування паролів користувачів.
• Фільтрація та валідація форм.
• Криптографічні функції.
• Безпека роботи з БД.
• SQL Injection – як запобігти.
• Захист від XSS.

Повний стек розробки на фреймворку Laravel

Установка Laravel

• Основи Composer.
• Установка локального сервера.
• Конфігурація Virtual Hosts.
• Установка PHP оточення середовища розробки.
• Створення Git сховища.
• Створення Laravel проекту.
• Поняття Dotenv.
• Перевірка оточення середовища розробки.

Основи Laravel

• Шаблони проектування – MVC.
• Розбір парадигми MVC в Laravel.
• Контролери.
• Уявлення.
• Моделі.
• Основи маршрутизації.
• Параметри маршрутизації.
• Створення контролерів.
• Маршрутизація контролерів.
• Передача даних в контролер.
• Ресурси та контролери.

Уявлення Laravel

• Створення Уявлення.
• Передача даних в уявленнях.
• Основи Blade templating engine.
• Установка Master layout.
• Спадкування уявлень.

Робота з базами даних

• Конфігурація баз даних.
• З'єднання з базами даних.
• Driver баз даних.
• Laravel Migrations.
• Створення та видалення migration.
• Додавання полів до існуючої таблиці, використовуючи migrations.
• Команди migration.

Робота з базами даних Raw SQL

• Raw SQL.
• Вставка даних.
• Читання даних.
• Ефективно використовувати час.
• Видалення даних.
• Querybuilder.

Робота з базами даних Eloquent /ORM

• Читання даних.
• Читання/пошук даних за допомогою constraints.
• Вставка/збереження даних.
• Оновлення даних за допомогою Eloquent.
• Видалення даних.
• М'яке видалення/позначити до видалення.
• Отримання видаленого/позначеного до видалення запису.
• Відновлення видаленого/позначеного до видалення запису.
• Перманентне видалення запису.

Eloquent відносини

• Відношення one to one.
• Відношення inverse.
• Відношення one to many.
• Відношення many to many.
• Таблиця проміжний запит.
• Відношення has many through.
• Polymorphic відношення.
• Polymorphic inverse відношення.
• Polymorphic many to many відношення.
• Polymorphic many to many – retrieving відношення.
• Polymorphic many to many – retrieving owner відношення.

Crud-операції

• Створення ресурсів за допомогою artisan.
• Створення міграцій.
• Створення моделей.
• Створення сідерів.
• Створення контролерів.

Форми та валідація

• Передача даних з форми в базу даних.
• Читання даних.
• Редагування записів і перенаправлення.
• Видалення.
• Основи валідації.
• Відображення помилок.
• Завантаження файлів.

Middleware

• Створення middleware.
• Використання middlewares.
• Сесії.
• Установка та читання сесій.
• Скидання даних.
• Відправка email.
• Основи mailgun.

Створення блогу

• Проектування архітектури проекту.
• Створення таблиці користувачів.
• Створення admin контролерів і маршрутів.
• Створення сторінки списку користувачів.
• Редагування користувачів.
• Видалення користувачів.

Аутентифікація

• Вхід.
• Створення login уявлення.
• Створення login дії.
• Перенаправлення при вході.
• Привілеї.
• Скидання пароля.
• Аутентифікація користувачів.
• Сторінка profile.
• Списки доступу (access control list).
• Управління групами.
• Створення дії logout.

Пости та категорії

• Сторінки блогу.
• Створення основного layout.
• Створення сторінки списку топіків блогу.
• Створення сторінки уявлення топіка блогу.
• Відображення зображень в пості.
• Робота з категоріями.

Коментування топіків блогу

• Додавання міграцій, моделей і зв'язувань.
• Додавання уявлень.

Тестування і публікація проекту

• Тестування проекту.
• Основи unit тестування.
• Основи функціонального тестування.
• Вибір хостингу для проекту.
• Налаштування вашого хостингу.
• Робота з heroku.

Особливості курсу

• Заняття проходять у зручний час
• Закріплення отриманих знань на практиці
• Готовий проєкт для портфоліо
• Підтримка під час та після навчання
• Свідоцтво про закінчення курсу

Викладачі курсу

Іван Ніконов - керівник групи розробки веб-проектів. Володіє мовами програмування: Python, Ruby, PHP, JavaScript, Java.