Професія "Веб-розробник" -програма для майбутньої еліти веб-програмування. Програма, яка дасть учням можливість не тільки заробляти більше будь-якого іншого веб-фахівця, а й працювати над більш вагомими сервісами, аж до національних проектів, а це масштаб і статус, більш цікаві і різноманітні завдання і якісно інший рівень розвитку. Дана "професія" - повний набір інструментів, освоївши які, Вам знадобиться тільки вчасно" заточувати " їх для більш ефективної роботи.
Ключові навички
- впевнені знання парадигми ООП
- знання PHP інфраструктури та пристрої веб-додатків
- розуміння шаблону проектування MVC
- Робота з шаблонами
- Робота з файлами, сесіями, куками
- MySQL-Базовий синтаксис, об'єднання таблиць
- вміння розбиратися в чужому коді
- досвід проектування БД в нормальній формі
- знання принципів обміну інформацією з Web-орієнтованими сервісами
- Розробка веб-додатків і скриптів на node.js
- Робота з JS-фреймворком AngularJS
- побудова візуалізацій за допомогою D3.js
- Розробка веб-додатків за допомогою PHP-фреймворку Yii2
- місяць навчання та практичної роботи з курсу HTML/CSS
- місяць навчання та практичної роботи з мови PHP
- місяць навчання і практичної роботи по просунутому PHP
- місяць навчання та практичної роботи з мови Java Script
- Два місяці навчання і практичної роботи по NodeJS - технології серверного Програмування на мові JavaScript
- місяць навчання і практичної роботи популярному фреймворку Yii, написаному на мові PHP
- Два місяці навчання і практичної роботи по JavaScript-фреймворку AngularJS/D3.js
що ви будете вивчати
Ніяких нудних теорій. Сім практичних курсів.
HTML/CSS основи створення сайтів
Урок 1. Основні поняття у веб-розробці Як працює Інтернет, що таке сайт, що являє собою веб-сторінка, види сайтів, процес розробки сайту, що таке гіпертекст, теги і атрибути, підготовка робочого місця, простий приклад HTML сторінки, приклад складної веб-сторінки, гарячі клавіші для переміщення по документам
Урок 2. Основи мови розмітки документів HTML
Структура HTML документа, основні теги оформлення тексту, спецсимволи, коментарі в HTML, гіперпосилання, типи зображень для web, завантаження зображень на сторінку, Списки, форми та їх елементи
Урок 3. Основи мови оформлення стилів документа CSS
Що таке CSS, Синтаксис CSS, способи оголошення CSS, селектори (id, class, tag), селектори атрибутів, основні властивості стилів, вкладеність, спадкування і групування властивостей, пріоритети застосування стилів, Псевдокласи і псевдоелементи
Урок 4. Таблиці та таблична верстка
Створення таблиць, Об'єднання комірок, вкладені таблиці, стильове оформлення таблиць, Верстка макета сайту за допомогою таблиць
Урок 5. Робота з макетом дизайну у форматі PSD
Основні функції програми GIMP, виділення основних частин макета, нарізка макета, Верстка макета сайту за допомогою таблиць, Вставка частин макета в табличну верстку
Урок 6. Верстка шарами ( блокова верстка) - теорія
Основні теги для верстки (div і span), відступи елементів (margin і padding), обтічні елементи, позиціонування блоків
Урок 7. Верстка шарами ( блокова верстка) - практика
Створення основної розмітки сайту, застосування overflow і clear в реальній верстці, заповнення розмітки частинами нарізаного макета, прийоми позиціонування елементів
Урок 8. Стандарти web і допоміжні інструменти
Проблема "кросбраузерності", стандарти HTML/CSS, майбутнє за стандартами HTML5 і CSS3, грамотна, універсальна верстка, завантаження проектів на сервер
PHP. Рівень 1. Основи веб-розробки
Урок 1. Основи PHP
Про PHP, Базовий синтаксис, змінні, константи, типи даних, перетворення типів, оператори, операції, Резюме, домашнє завдання
Урок 2. Розгалуження і функції
Розгалуження програми, Оператор if, тернарний оператор умови, Оператор switch, функції, визначення функції, значення за замовчуванням, рекурсія, область видимості і час життя змінних, Резюме, домашнє завдання
Урок 3. Цикли і масиви
Цикли в PHP, Цикл while, Цикл do..while, Цикл for, нескінченний цикл, оператор виходу з циклу, Оператор переривання ітерації циклу, масиви, обхід масивів в циклі, функції для роботи з масивами, багатовимірні масиви, зумовлені масиви, Резюме, домашнє завдання
Урок 4. Запити HTTP, параметри URL та форми HTML
Типи запитів HTTP, URL і параметри запиту, обробка параметрів URL, обробка відправки HTML форми, Резюме, домашнє завдання
Урок 5. Cookies І сесії
Що таке Соокіеѕ і з чим їх їдять, маніпулюємо Соокіеѕ засобами PHP, що таке сесії PHP і як вони працюють, робимо авторизацію на сайті, Резюме, домашнє завдання
Урок 6. Робота з файлами
Особливості роботи з файлами в PHP, Два режими роботи з файлом, функції для роботи з файлами, Журнал відвідувань сайту, завантаження файлів на сервер, функції для роботи з каталогами, отримання списку файлів і підпапок в каталогах, Резюме, домашнє завдання
Урок 7. Робота з базою даних
Для чого потрібна база даних, відмінність БД від СУБД, реляційна база даних, мова SQL, Вставка рядків, видалення рядків, зміна рядків, вибірка рядків, засоби PHP для роботи з MySQL, Резюме, домашнє завдання
Урок 8. Концепція MVC
Архітектура програми, що таке хороший код, Архітектура MVC, реалізація MVC в PHP
PHP. Рівень 2. Професійна веб-розробка
Урок 1. Робота з базою даних
БД і СУБД, реляційні бази даних, нормальні форми, типи зв'язків, організація зв'язків, між сутностями, мова SQL, SQL: з'єднання таблиць за допомогою JOIN, робота з MySQL засобами PHP
Урок 2. Архітектура MVC
Архітектура програми, Структура програми, що таке хороший код, Архітектура MVC, реалізація MVC в PHP
Урок 3. Базовий шаблон
Базовий шаблон, вкладені шаблони, труднощі при роботі з вкладеними шаблонами, Буферизація в PHP, універсальний метод шаблонізації
Урок 4. Об'єктно-орієнтоване програмування
Клас і об'єкт, властивості і методи, Конструктор класу, спадкування, поліморфізм, інкапсуляція, модифікатори доступу, статичні властивості і методи, константи КЛАСІВ, абстрактні класи і методи, інтерфейси
Урок 5. MVC і ООП
Перевантаження властивостей і методів класу, Модель, представлення, контролер, точка входу, ієрархія контролерів, Цикл обробки запиту, автозавантаження КЛАСІВ
Урок 6. Створення класу моделі. Драйвер БД
Перетворення моделі від процедурного підходу до ООП, статичний клас, Шаблон проектування" одинак", Драйвер роботи з БД, способи підключення КЛАСІВ контролерів і моделі, вибір способів автозавантаження, як правильно називати класи
Урок 7. Робота з користувачами. Авторизація та поділ прав доступу
Користувач, сесія, привілей, Роль, механізм авторизації, механізм контролю доступу, гнучка схема поділу повноважень, Приховування сторінок сайту, особливості протоколу HTTP, шифрування паролів, md5 Генерація випадкових рядкових послідовностей, Схема БД для реалізації всього механізму, створення закінченого програмного модуля, що реалізує весь механізм
Урок 8. Міні-Фреймворк для створення сайтів ЧПУ, RewriteEngine в htaccess, готове рішення для створення сайту (пакет-збірка і правила розширення)
JavaScript. Інтерактивні веб-додатки
Урок 1. JavaScript і DOM
Що таке JavaScript і DOM, Принцип взаємодії клієнт-сервер, Як викликати JavaScript, з чим взаємодіє JavaScript, Структура Dom документа, функції і область видимості змінних, типи даних, приклад калькулятора на JavaScript, замикання, приклад годин на JavaScript, створюємо заготовку для виконання домашнього завдання
Урок 2. ООП в JavaScript і AJAX
Загальні поняття ООП, клас, Об'єкт, особливості ООП в JavaScript, класи та об'єкти на прикладі гри "Змійка", чому всередині класу слід акуратно використовувати this, що таке AJAX, робота з XMLHttpRequest, приклад функції відправки AJAX-запиту, створюємо чат з роботом на AJAX
Урок 3. jQuery (частина 1)
Навіщо потрібні фреймворки, що таке jQuery, Де завантажити і як підключити, робота з DOM за допомогою jQuery, селектори та ієрархія, проводимо аналогію з css, фільтри, приклади складних фільтрів
Урок 4. jQuery (частина 2)
Робота з формами, робота зі стилями, обробники подій, приклад обробки натискання на кнопку, приклад обробки скролінгу елемента, приклад обробки наведення курсору мишки, функція live, Анімація, прості анімаційні ефекти, Функція animate, ланцюжки з анімацій
Урок 5. AJAX в jQuery
Функція ajax, що таке асинхронність запиту, серіалізація форм, типи переданих даних, Timeout, обробники подій в рамках ajav-запиту, функція ajaxSetup, навіщо потрібні глобальні налаштування, функції post, get і load, глобальні події
Урок 6. JSON
Що таке JSON, які дані може повертати Ajax, чому правильніше, щоб Ajax повертав JSON а не HTML, JSON vs XML, робота з JSON в PHP, робота з JSON в JavaScript, приклад чату з використанням JSON
Урок 7. jQuery UI
Ніяких нудних теорій. Сім практичних курсів.
HTML/CSS основи створення сайтів
Урок 1. Основні поняття у веб-розробці Як працює Інтернет, що таке сайт, що являє собою веб-сторінка, види сайтів, процес розробки сайту, що таке гіпертекст, теги і атрибути, підготовка робочого місця, простий приклад HTML сторінки, приклад складної веб-сторінки, гарячі клавіші для переміщення по документам
Урок 2. Основи мови розмітки документів HTML
Структура HTML документа, основні теги оформлення тексту, спецсимволи, коментарі в HTML, гіперпосилання, типи зображень для web, завантаження зображень на сторінку, Списки, форми та їх елементи
Урок 3. Основи мови оформлення стилів документа CSS
Що таке CSS, Синтаксис CSS, способи оголошення CSS, селектори (id, class, tag), селектори атрибутів, основні властивості стилів, вкладеність, спадкування і групування властивостей, пріоритети застосування стилів, Псевдокласи і псевдоелементи
Урок 4. Таблиці та таблична верстка
Створення таблиць, Об'єднання комірок, вкладені таблиці, стильове оформлення таблиць, Верстка макета сайту за допомогою таблиць
Урок 5. Робота з макетом дизайну у форматі PSD
Основні функції програми GIMP, виділення основних частин макета, нарізка макета, Верстка макета сайту за допомогою таблиць, Вставка частин макета в табличну верстку
Урок 6. Верстка шарами ( блокова верстка) - теорія
Основні теги для верстки (div і span), відступи елементів (margin і padding), обтічні елементи, позиціонування блоків
Урок 7. Верстка шарами ( блокова верстка) - практика
Створення основної розмітки сайту, застосування overflow і clear в реальній верстці, заповнення розмітки частинами нарізаного макета, прийоми позиціонування елементів
Урок 8. Стандарти web і допоміжні інструменти
Проблема "кросбраузерності", стандарти HTML/CSS, майбутнє за стандартами HTML5 і CSS3, грамотна, універсальна верстка, завантаження проектів на сервер
PHP. Рівень 1. Основи веб-розробки
Урок 1. Основи PHP
Про PHP, Базовий синтаксис, змінні, константи, типи даних, перетворення типів, оператори, операції, Резюме, домашнє завдання
Урок 2. Розгалуження і функції
Розгалуження програми, Оператор if, тернарний оператор умови, Оператор switch, функції, визначення функції, значення за замовчуванням, рекурсія, область видимості і час життя змінних, Резюме, домашнє завдання
Урок 3. Цикли і масиви
Цикли в PHP, Цикл while, Цикл do..while, Цикл for, нескінченний цикл, оператор виходу з циклу, Оператор переривання ітерації циклу, масиви, обхід масивів в циклі, функції для роботи з масивами, багатовимірні масиви, зумовлені масиви, Резюме, домашнє завдання
Урок 4. Запити HTTP, параметри URL та форми HTML
Типи запитів HTTP, URL і параметри запиту, обробка параметрів URL, обробка відправки HTML форми, Резюме, домашнє завдання
Урок 5. Cookies І сесії
Що таке Соокіеѕ і з чим їх їдять, маніпулюємо Соокіеѕ засобами PHP, що таке сесії PHP і як вони працюють, робимо авторизацію на сайті, Резюме, домашнє завдання
Урок 6. Робота з файлами
Особливості роботи з файлами в PHP, Два режими роботи з файлом, функції для роботи з файлами, Журнал відвідувань сайту, завантаження файлів на сервер, функції для роботи з каталогами, отримання списку файлів і підпапок в каталогах, Резюме, домашнє завдання
Урок 7. Робота з базою даних
Для чого потрібна база даних, відмінність БД від СУБД, реляційна база даних, мова SQL, Вставка рядків, видалення рядків, зміна рядків, вибірка рядків, засоби PHP для роботи з MySQL, Резюме, домашнє завдання
Урок 8. Концепція MVC
Архітектура програми, що таке хороший код, Архітектура MVC, реалізація MVC в PHP
PHP. Рівень 2. Професійна веб-розробка
Урок 1. Робота з базою даних
БД і СУБД, реляційні бази даних, нормальні форми, типи зв'язків, організація зв'язків, між сутностями, мова SQL, SQL: з'єднання таблиць за допомогою JOIN, робота з MySQL засобами PHP
Урок 2. Архітектура MVC
Архітектура програми, Структура програми, що таке хороший код, Архітектура MVC, реалізація MVC в PHP
Урок 3. Базовий шаблон
Базовий шаблон, вкладені шаблони, труднощі при роботі з вкладеними шаблонами, Буферизація в PHP, універсальний метод шаблонізації
Урок 4. Об'єктно-орієнтоване програмування
Клас і об'єкт, властивості і методи, Конструктор класу, спадкування, поліморфізм, інкапсуляція, модифікатори доступу, статичні властивості і методи, константи КЛАСІВ, абстрактні класи і методи, інтерфейси
Урок 5. MVC і ООП
Перевантаження властивостей і методів класу, Модель, представлення, контролер, точка входу, ієрархія контролерів, Цикл обробки запиту, автозавантаження КЛАСІВ
Урок 6. Створення класу моделі. Драйвер БД
Перетворення моделі від процедурного підходу до ООП, статичний клас, Шаблон проектування" одинак", Драйвер роботи з БД, способи підключення КЛАСІВ контролерів і моделі, вибір способів автозавантаження, як правильно називати класи
Урок 7. Робота з користувачами. Авторизація та поділ прав доступу
Користувач, сесія, привілей, Роль, механізм авторизації, механізм контролю доступу, гнучка схема поділу повноважень, Приховування сторінок сайту, особливості протоколу HTTP, шифрування паролів, md5 Генерація випадкових рядкових послідовностей, Схема БД для реалізації всього механізму, створення закінченого програмного модуля, що реалізує весь механізм
Урок 8. Міні-Фреймворк для створення сайтів ЧПУ, RewriteEngine в htaccess, готове рішення для створення сайту (пакет-збірка і правила розширення)
JavaScript. Інтерактивні веб-додатки
Урок 1. JavaScript і DOM
Що таке JavaScript і DOM, Принцип взаємодії клієнт-сервер, Як викликати JavaScript, з чим взаємодіє JavaScript, Структура Dom документа, функції і область видимості змінних, типи даних, приклад калькулятора на JavaScript, замикання, приклад годин на JavaScript, створюємо заготовку для виконання домашнього завдання
Урок 2. ООП в JavaScript і AJAX
Загальні поняття ООП, клас, Об'єкт, особливості ООП в JavaScript, класи та об'єкти на прикладі гри "Змійка", чому всередині класу слід акуратно використовувати this, що таке AJAX, робота з XMLHttpRequest, приклад функції відправки AJAX-запиту, створюємо чат з роботом на AJAX
Урок 3. jQuery (частина 1)
Навіщо потрібні фреймворки, що таке jQuery, Де завантажити і як підключити, робота з DOM за допомогою jQuery, селектори та ієрархія, проводимо аналогію з css, фільтри, приклади складних фільтрів
Урок 4. jQuery (частина 2)
Робота з формами, робота зі стилями, обробники подій, приклад обробки натискання на кнопку, приклад обробки скролінгу елемента, приклад обробки наведення курсору мишки, функція live, Анімація, прості анімаційні ефекти, Функція animate, ланцюжки з анімацій
Урок 5. AJAX в jQuery
Функція ajax, що таке асинхронність запиту, серіалізація форм, типи переданих даних, Timeout, обробники подій в рамках ajav-запиту, функція ajaxSetup, навіщо потрібні глобальні налаштування, функції post, get і load, глобальні події
Урок 6. JSON
Що таке JSON, які дані може повертати Ajax, чому правильніше, щоб Ajax повертав JSON а не HTML, JSON vs XML, робота з JSON в PHP, робота з JSON в JavaScript, приклад чату з використанням JSON
Урок 7. jQuery UI
https://privatelink.de/?http://geekbrains.ru/professions/web_developer