Курс «Веб-профессионал»: все выпуски

1-й месяц HTML и CSS. Основы создания сайтов. Урок 1. Введение Как работает интернет Что такое сайт Что представляет собой веб-страница Виды сайтов Процесс разработки сайта Что такое гипертекст, теги и атрибуты Подготовка рабочего места Простой пример HTML странички Пример сложной веб-страницы Горячие клавиши для перемещения по документам Урок 2. Основы HTML Структура HTML документа Основные теги оформления текста Спецсимволы Комментарии в HTML Гиперссылки Типы изображений для web. Загрузка изображений на страницу Списки Формы и их элементы Урок 3. Основы CSS Что такое CSS Синтаксис CSS Способы объявления CSS Селекторы (id, class, tag) Селекторы атрибутов Основные свойства стилей Вложенность, наследование и группирование свойств Приоритеты применения стилей Псевдоклассы и псевдоэлементы Урок 4. Таблицы в HTML и табличная верстка Создание таблиц Объединение ячеек Вложенные таблицы Стилевое оформление таблиц Верстка макета сайта при помощи таблиц Урок 5. Работа с psd-макетом Основные функции программы GIMP Выделение основных частей макета Нарезка макета Верстка макета сайта при помощи таблиц Вставка частей макета в табличную вёрстку Урок 6. Верстка слоями Основные теги для верстки (div и span) Отступы элементов (margin и padding) Обтекаемые элементы Позиционирование блоков Урок 7. Верстка слоями. Практика. Создание основной разметки сайта Применение overflow и clear в реальной вёрстке Заполнение разметки частями нарезанного макета Приёмы позиционирования элементов Урок 8. Стандарты Web. Вспомогательные инструменты. Хостинг. Проблема «кроссбраузерности» Стандарты HTML/CSS Будущее за стандартами HTML5 и CSS3 Грамотная, универсальная верстка Загрузка проектов на сервер

2-й месяц PHP. Уровень 1. Основы веб-программирования. Урок 1. Основы PHP О PHP Базовый синтаксис Переменные Константы Типы данных Преобразование типов Операторы Операции Резюме Домашнее заданиe Урок 2. Ветвления и функции Ветвление программы Оператор if Тернарный оператор условия Оператор switch Функции Определение функции Значения по умолчанию Рекурсия Область видимости и время жизни переменных Резюме Домашнее задание Урок 3. Циклы и массивы Циклы в PHP Цикл while Цикл do..while Цикл for Бесконечный цикл Оператор выходы из цикла Оператор прерывания итерации цикла Массивы Обход массивов в цикле Функции для работы с массивами Многомерные массивы Предопределенные массивы Резюме Домашнее задание Урок 4. Запросы HTTP, параметры URL и формы HTML Типы запросов HTTP URL и параметры запроса Обработка параметров URL Обработка отправки HTML формы Резюме Домашнее задание Урок 5. Cookies и сессии Что такое Сookies и с чем их едят Манипулируем Сookies средствами PHP Что такое сессии PHP и как они работают Делаем авторизацию на сайте Резюме Домашнее задание Урок 6. Работа с файлами Особенности работы с файлами в PHP Два режима работы с файлом Функции для работы с файлами Журнал посещений сайта Загрузка файлов на сервер Функции для работы с каталогами Получение списка файлов и подпапок в каталогах Резюме Домашнее задание Урок 7. Работа с базой данных Для чего нужна база данных Отличие БД от СУБД Реляционная база данных Язык SQL Вставка строк Удаление строк Изменение строк Выборка строк Средства PHP для работы с MySQL Резюме Домашнее задание Урок 8. Концепция MVC Архитекрута программы Что такое хороший код Архитектура MVC Реализация MVC в PHP

3-й месяц 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 Готовое решение для создания сайта (пакет-сборка и правила расширения)

4-й месяц 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 Где скачать и как подключить Взаимодействия Виджеты Эффекты Утилиты Подключение календаря Автодополнение Работа с диалоговыми окнами ThemeRoller Урок 8. HTML-5, новшества Почему появился flash Что такое сanvas Общий порядок рисования на сanvas Функции для рисования на сanvas Чем отличаются fill и stroke Примеры реализаций html5 + canvas Web-sockets Чат с ботом с использованием сокетов