Професія "Веб-розробник" - програма для майбутньої еліти веб-програмування. Програма, яка дасть учням можливість не тільки заробляти більше будь-якого іншого веб-фахівця, а й працювати над більш вагомими сервісами, аж до національних проектів, а це масштаб і статус, більш цікаві і різноманітні завдання і якісно інший рівень розвитку.
Дана "професія" - повний набір інструментів, освоївши які, вам знадобиться тільки вчасно" заточувати " їх для більш ефективної роботи.
програма курсу
Початок навчання - 20 Вересня або 4 жовтня, як встигнемо зібратися.
HTML/CSS
Урок 1. Основні поняття у веб-розробці
Що являє собою веб-сторінка; види сайтів; процес розробки сайту; що таке гіпертекст, теги і атрибути; підготовка робочого місця; структура HTML-документа; основні теги оформлення тексту; простий приклад HTML сторінки; приклад складної веб-сторінки; гарячі клавіші для переміщення по документам.
Урок 2. Основи мови розмітки документів HTML
Спецсимволи; коментарі в HTML; гіперпосилання; типи зображень для web; завантаження зображень на сторінку; списки, форми та їх елементи.
Урок 3. Основи мови оформлення стилів документа CSS
Що таке CSS; синтаксис CSS; способи оголошення CSS; селектори (id, class, tag); селектори атрибутів.; основні властивості стилів; вкладеність; успадкування і групування властивостей; Перевірка підключення файлу стилів.
Урок 4. Псевдокласи та псевдоелементи, таблична верстка
Пріоритети застосування стилів; псевдокласи і псевдоелементи; створення таблиць; об'єднання осередків; вкладені таблиці; стильове оформлення таблиць.
Урок 5. Формування блокової моделі; блокова верстка
Основні теги для верстки (div і span); відступи елементів (margin і padding); обтічні елементи; позиціонування блоків.
Урок 6. Робота з макетом дизайну в форматі PSD
Основні функції і знайомство з програмою Photoshop; виділення основних частин макета; нарізка макета; верстка макета сайту за допомогою блоків; вставка частин макета в верстку; установка плагіна PerfectPixel.
Урок 7. Розмітка сайту і знайомство з Bootstrap
Створення основної розмітки сайт; застосування overflow і clear в реальній верстці; заповнення розмітки частинами нарізаного макета; прийоми позиціонування елементів; знайомство і застосування Bootstrap.
Урок 8. Стандарти web та допоміжні інструменти
Завантаження проектів на сервер; проблема "кросбраузерності"; стандарти HTML/CSS; майбутнє за стандартами HTML5 і CSS3; грамотна, універсальна верстка; знайомство з препроцесорами на прикладі LESS.
Javascript 1
Урок 1. Основи мови Javascript
Синтаксис. Структура коду. Зовнішні скрипти і порядок їх виконання. Змінні та типи даних. Hello world. Сучасні стандарти
Урок 2. Основні оператори Javascript
Оператори та операнди. Пріоритет операцій. Операція порівняння. Побітові операції. Операції взаємодії з користувачем (alert, prompt, confirm).
Урок 3. Умовний оператор. Цикли
Умовний оператор. Тернарний оператор. Оператор множинного вибору. Логічний оператор. Короткий цикл обчислення операторів "і" і "або". Перетворення типів для примітивів.
Урок 4. Функції
Зона видимості. Замикання. Функціональні вирази. Іменовані функціональні вирази. Рекурсія.
Урок 5. Структури даних
Введення в методи і властивості. Числа, рядки, об'єкти та масиви. Перебір властивостей і передача по посиланню. Об'єкт Math. Об'єкт Date. Масив arguments.
Урок 6. Об'єкт. Контекст виклику
Методи об'єктів. Ключове слово this. Перетворення об'єктів, створення об'єктів. Статичний метод. Явна вказівка this (call, apply, bind). Декоратор.
Урок 7. DOM. Документ та об'єкти сторінки
Дерево DOM. Робота з DOM з консолі. Навігація по DOM. Властивості вузлів, атрибути, стилі, розміри, координати та інше. Додавання/видалення вузлів.
Урок 8. DOM. Події
Введення в браузерні події, порядок їх обробки. Об'єкт події. Спливання і перехоплення. Делегування подій. Генерація подій. Дії браузера за замовчуванням.
Javascript 2
Урок 1. ООП в JavaScript
Prototype. Життєві цикли об'єкта. Прототипний vs функціональний стиль. Успадкування. Вбудовані класи.
Урок 2. AJAX
XMLHttpRequest. Типи запитів. Крос-доменні запити. Завантаження файлів і індикація прогресу. CSRF і захист від нього.
Урок 3. Регулярні вирази в JavaScript
Патерни і прапори. Regexp і String. Квантифікатор . Набори та діапазони.
Урок 4. Створення графічних компонентів і ОБ'ЄКТИ HTML5
Canvas. Websockets. Графічні компоненти.
Урок 5. Вступ до jQuery
Селектор. Подія. AJAX в jQuery. Робота зі стилями і анімація.
Урок 6. jQuery UI та інші розширення jquery
Віджети. Поведінка. Додаткова анімація. Підключення та використання Об'єкта Carousel. Підключення та використання Endless Scroll.
Урок 7. Корисні бібліотеки, збирачі та шаблонізатори
Збирачі Gulp, Grunt, Webpack. Шаблонизатор Mustache. Бібліотека Underscore. Лінтер.
Урок 8. Куди далі? Нові стандарти
Огляд стандарту ES2015. Ключові фреймворки. Оптимізація скриптів. Витоки пам'яті.
PHP 1
Урок 1. Основи PHP
Пристрій мережі Інтернет. Робота web-сервера. Підготовка ПО. Перша програма-виведення вітання на екран. Змінні, константи, типи даних, операції з рядками та числами. Перетворення типів.
Урок 2. Умови та функції
Розгалуження програми. Оператор if. Тернарний оператор умови. Оператор switch. Функції: визначення, значення за замовчуванням, рекурсія. Область видимості і час життя змінних.
Урок 3. Цикли та масиви
Цикли в PHP: цикл while, цикл do..while, цикл for, нескінченний цикл. Оператор виходу з циклу. Оператор переривання ітерації циклу. Масиви: обхід масивів в циклі, функції для роботи з масивами, багатовимірні масиви, зумовлені масиви.
Урок 4. Робота з пам'яттю і файлами.
Файлова система. Читання і запис файлів. Організація зберігання файлів на сайті. Оптимізація коду та кешування. Типові формати зберігання даних. Обробка помилок.
Урок 5. Об'єктно-орієнтоване програмування, частина 1
Клас, об'єкт, інкапсуляція, поліморфізм, успадкування та інші страшні слова. Основні принципи ООП.
Урок 6. Об'єктно-орієнтоване програмування, частина 2
Абстракція, інтерфейси, простори імен, трейти. Шаблони проектування. Вчимося мислити "об'єктно-орієнтовано".
Урок 7. Робота з базою даних. Запам'ятовуємо користувача
Основи роботи з SQL: SELECT, INSERT, UPDATE, DELETE, сесії і cookie, авторизація. Створюємо форму входу на сайт. Основи безпеки.
Урок 8. Шаблон дизайну MVC
Модель-подання-контролер. Архітектура проекту. Розширюване додаток. Готуємо шаблон для майбутніх проектів.
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, готове рішення для створення сайту (пакет-збірка і правила розширення)
SQL
"Основи баз даних" -це 20 інтенсивних відео-уроків (по 10 хвилин), де ми разом пройдемо всі етапи проектування БД на прикладі інтернет-магазину з використанням мови запитів SQL. Після цього курсу ви зможете використовувати різні бази даних, такі як MS SQL та Postgre Sql, оскільки синтаксис мови SQL для них майже не відрізняється.
Чого ви навчитеся:
Урок 1. HTML5: початок
Дана "професія" - повний набір інструментів, освоївши які, вам знадобиться тільки вчасно" заточувати " їх для більш ефективної роботи.
програма курсу
Початок навчання - 20 Вересня або 4 жовтня, як встигнемо зібратися.
HTML/CSS
Урок 1. Основні поняття у веб-розробці
Що являє собою веб-сторінка; види сайтів; процес розробки сайту; що таке гіпертекст, теги і атрибути; підготовка робочого місця; структура HTML-документа; основні теги оформлення тексту; простий приклад HTML сторінки; приклад складної веб-сторінки; гарячі клавіші для переміщення по документам.
Урок 2. Основи мови розмітки документів HTML
Спецсимволи; коментарі в HTML; гіперпосилання; типи зображень для web; завантаження зображень на сторінку; списки, форми та їх елементи.
Урок 3. Основи мови оформлення стилів документа CSS
Що таке CSS; синтаксис CSS; способи оголошення CSS; селектори (id, class, tag); селектори атрибутів.; основні властивості стилів; вкладеність; успадкування і групування властивостей; Перевірка підключення файлу стилів.
Урок 4. Псевдокласи та псевдоелементи, таблична верстка
Пріоритети застосування стилів; псевдокласи і псевдоелементи; створення таблиць; об'єднання осередків; вкладені таблиці; стильове оформлення таблиць.
Урок 5. Формування блокової моделі; блокова верстка
Основні теги для верстки (div і span); відступи елементів (margin і padding); обтічні елементи; позиціонування блоків.
Урок 6. Робота з макетом дизайну в форматі PSD
Основні функції і знайомство з програмою Photoshop; виділення основних частин макета; нарізка макета; верстка макета сайту за допомогою блоків; вставка частин макета в верстку; установка плагіна PerfectPixel.
Урок 7. Розмітка сайту і знайомство з Bootstrap
Створення основної розмітки сайт; застосування overflow і clear в реальній верстці; заповнення розмітки частинами нарізаного макета; прийоми позиціонування елементів; знайомство і застосування Bootstrap.
Урок 8. Стандарти web та допоміжні інструменти
Завантаження проектів на сервер; проблема "кросбраузерності"; стандарти HTML/CSS; майбутнє за стандартами HTML5 і CSS3; грамотна, універсальна верстка; знайомство з препроцесорами на прикладі LESS.
Javascript 1
Урок 1. Основи мови Javascript
Синтаксис. Структура коду. Зовнішні скрипти і порядок їх виконання. Змінні та типи даних. Hello world. Сучасні стандарти
Урок 2. Основні оператори Javascript
Оператори та операнди. Пріоритет операцій. Операція порівняння. Побітові операції. Операції взаємодії з користувачем (alert, prompt, confirm).
Урок 3. Умовний оператор. Цикли
Умовний оператор. Тернарний оператор. Оператор множинного вибору. Логічний оператор. Короткий цикл обчислення операторів "і" і "або". Перетворення типів для примітивів.
Урок 4. Функції
Зона видимості. Замикання. Функціональні вирази. Іменовані функціональні вирази. Рекурсія.
Урок 5. Структури даних
Введення в методи і властивості. Числа, рядки, об'єкти та масиви. Перебір властивостей і передача по посиланню. Об'єкт Math. Об'єкт Date. Масив arguments.
Урок 6. Об'єкт. Контекст виклику
Методи об'єктів. Ключове слово this. Перетворення об'єктів, створення об'єктів. Статичний метод. Явна вказівка this (call, apply, bind). Декоратор.
Урок 7. DOM. Документ та об'єкти сторінки
Дерево DOM. Робота з DOM з консолі. Навігація по DOM. Властивості вузлів, атрибути, стилі, розміри, координати та інше. Додавання/видалення вузлів.
Урок 8. DOM. Події
Введення в браузерні події, порядок їх обробки. Об'єкт події. Спливання і перехоплення. Делегування подій. Генерація подій. Дії браузера за замовчуванням.
Javascript 2
Урок 1. ООП в JavaScript
Prototype. Життєві цикли об'єкта. Прототипний vs функціональний стиль. Успадкування. Вбудовані класи.
Урок 2. AJAX
XMLHttpRequest. Типи запитів. Крос-доменні запити. Завантаження файлів і індикація прогресу. CSRF і захист від нього.
Урок 3. Регулярні вирази в JavaScript
Патерни і прапори. Regexp і String. Квантифікатор . Набори та діапазони.
Урок 4. Створення графічних компонентів і ОБ'ЄКТИ HTML5
Canvas. Websockets. Графічні компоненти.
Урок 5. Вступ до jQuery
Селектор. Подія. AJAX в jQuery. Робота зі стилями і анімація.
Урок 6. jQuery UI та інші розширення jquery
Віджети. Поведінка. Додаткова анімація. Підключення та використання Об'єкта Carousel. Підключення та використання Endless Scroll.
Урок 7. Корисні бібліотеки, збирачі та шаблонізатори
Збирачі Gulp, Grunt, Webpack. Шаблонизатор Mustache. Бібліотека Underscore. Лінтер.
Урок 8. Куди далі? Нові стандарти
Огляд стандарту ES2015. Ключові фреймворки. Оптимізація скриптів. Витоки пам'яті.
PHP 1
Урок 1. Основи PHP
Пристрій мережі Інтернет. Робота web-сервера. Підготовка ПО. Перша програма-виведення вітання на екран. Змінні, константи, типи даних, операції з рядками та числами. Перетворення типів.
Урок 2. Умови та функції
Розгалуження програми. Оператор if. Тернарний оператор умови. Оператор switch. Функції: визначення, значення за замовчуванням, рекурсія. Область видимості і час життя змінних.
Урок 3. Цикли та масиви
Цикли в PHP: цикл while, цикл do..while, цикл for, нескінченний цикл. Оператор виходу з циклу. Оператор переривання ітерації циклу. Масиви: обхід масивів в циклі, функції для роботи з масивами, багатовимірні масиви, зумовлені масиви.
Урок 4. Робота з пам'яттю і файлами.
Файлова система. Читання і запис файлів. Організація зберігання файлів на сайті. Оптимізація коду та кешування. Типові формати зберігання даних. Обробка помилок.
Урок 5. Об'єктно-орієнтоване програмування, частина 1
Клас, об'єкт, інкапсуляція, поліморфізм, успадкування та інші страшні слова. Основні принципи ООП.
Урок 6. Об'єктно-орієнтоване програмування, частина 2
Абстракція, інтерфейси, простори імен, трейти. Шаблони проектування. Вчимося мислити "об'єктно-орієнтовано".
Урок 7. Робота з базою даних. Запам'ятовуємо користувача
Основи роботи з SQL: SELECT, INSERT, UPDATE, DELETE, сесії і cookie, авторизація. Створюємо форму входу на сайт. Основи безпеки.
Урок 8. Шаблон дизайну MVC
Модель-подання-контролер. Архітектура проекту. Розширюване додаток. Готуємо шаблон для майбутніх проектів.
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, готове рішення для створення сайту (пакет-збірка і правила розширення)
SQL
"Основи баз даних" -це 20 інтенсивних відео-уроків (по 10 хвилин), де ми разом пройдемо всі етапи проектування БД на прикладі інтернет-магазину з використанням мови запитів SQL. Після цього курсу ви зможете використовувати різні бази даних, такі як MS SQL та Postgre Sql, оскільки синтаксис мови SQL для них майже не відрізняється.
Чого ви навчитеся:
- проектувати бази даних;
- писати SQL-запити;
- встановлювати і працювати з СУБД MySql;
- використовувати MySql Workbench.
Урок 1. HTML5: початок
https://privatelink.de/?https://geekbrains.ru/professions/web_developer