[Школа Программирования] Веб-Профессионал(повтор)

Складчина: [Школа Программирования] Веб-Профессионал(повтор)

Программа обучения



Программа 1-ого месяца

Спойлер: 1 месяц

Урок 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
• Грамотная, универсальная верстка
• Загрузка проектов на сервер

Для кого курс
Курс HTML и CSS. Основы создания сайтов - это первая ступень в обучении профессии “Веб-разработчик”, так как без знания этих языков невозможно изучать веб-программирование. Поэтому данный курс рассчитан на людей, которые хотят научиться делать сайты, но не знают, что им для этого необходимо изучать.

Обучение начнется с самых азов, т.е. с небольшой теоретической части, где вы узнаете как работает интернет, познакомитесь с устройством сайта и процессом разработки, установите необходимые программы для того, чтобы можно было начать процесс разработки сайта. Затем вы под четким руководством преподавателя шаг за шагом будете разрабатывать свой собственный сайт, который получится хоть и простым, но зато вы преодолеете первую ступень в столь нелегком деле, как разработка сайта.

По окончании курса вы сможете загрузить свою работу на бесплатный хостинг “Школы программирования”, и тем самым научитесь выкладывать свои будущие сайты на сервер. И еще в процессе обучения вы поймете, что еще вам нужно изучить для того, чтобы профессионально разрабатывать веб-проекты.

Чему вы научитесь
По окончании курса Вы будете уметь создавать простые статические сайты при помощи HTML и CSS, тем самым вы преодолеете первую ступень в освоении профессии “Веб-разработчик”.

После этого рекомендуется переходить на следующий уровень и начинать изучать язык программирования PHP, после изучения которого, вы уже сможете создавать довольно сложные динамические приложения.

Ключевые профессиональные навыки:

• Знание HTML, в том числе HTML5
• Знание CSS, в том числе CSS3
• Умение верстать
• Кроссбраузерная верстка
• Верстка слоями

Ориентировочная позиция: HTML-верстальщик-стажер
Ориентировочная зарплата (для Москвы): 20000 - 30000 рублей.

Программа 2-ого месяца

Спойлер: 2 месяц

Урок 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

Для кого
Минимальный уровень подготовки ученика может быть практически нулевым. Знаний PHP не требуется, обучение начинается с самых азов. Тот, кто уже знаком с основами PHP, сможет сконцентрироваться на советах авторов по грамотному оформлению скриптов. Что позволит значительно улучшить культуру написания кода и проектирования веб-приложений.

Чему вы научитесь

• Создавать и верстать HTML страницы
• Устанавливать сервер в связке Apache, PHP и MySQL
• Проектировать бизнес-логику своих веб-приложений
• Использовать парадигму функционального программирования
• Получать и обрабатывать данные пользователя через HTML формы
• Реализовывать авторизацию пользователей с использованием сессий и куков
• Работать с файлами на сервере
• Проектировать фотогалерею и работать с изображениями
• Взаимодействовать и администрировать Базы Данных MySQL
• Применять шаблон проектирования MVC
• Создавать быстрые и безопасные веб-приложения
• Грамотно применять полученные знания на практике

Программа 3-ого месяца

Спойлер: 3 месяц

Урок 1. Работа с базой данных

• БД и СУБД
• Реляционные базы данных
• Нормальные формы
• Типы связей
• Организация связей между сущностями
• Язык SQL
• SQL: соединение таблиц с помощью JOIN
• Работа с MySQL средствами PHP

Урок 2. Архитектура MVC

• Архитектура программы
• Структура программы
• Что такое хороший код
• Архитектура MVC
• Реализация MVC в PHP

Урок 3. Базовый шаблон

• Базовый шаблон
• Вложенные шаблоны
• Трудности при работе со вложенными шаблонами
• Буферизация в PHP
• Универсальный метод шаблонизации

Урок 4. Объектно-ориентированное программирование

• Класс и объект
• Свойства и методы
• Конструктор класса
• Наследование
• Полиморфизм
• Инкапсуляция
• Модификаторы доступа
• Статические свойства и методы
• Константы классов
• Абстрактные классы и методы
• Интерфейсы

Урок 5. MVC и ООП

• Перегрузка свойств и методов класса
• Модель
• Представление
• Контроллер
• Точка входа
• Иерархия контроллеров
• Цикл обработки запроса
• Автозагрузка классов

Урок 6. Создание класса модели. Драйвер БД

• Преобразование модели от процедурного подхода к ООП
• Статический класс
• Шаблон проектирования "Одиночка"
• Драйвер работы с БД
• Способы подключения классов контроллеров и модели
• Выбор способов автозагрузки
• Как правильно называть классы

Урок 7. Работа с пользователями. Авторизация и разделение прав доступа

• Пользователь
• Сессия
• Привилегия
• Роль
• Механизм авторизации
• Механизм контроля доступа
• Гибкая схема разделения полномочий
• Сокрытие страниц сайта
• Особенности протокола HTTP
• Шифрование паролей
• md5
• Генерация случайных строковых последовательностей
• Схема БД для реализации всего механизма
• Создание законченного программного модуля, реализующего весь механизм

Урок 8. Мини-Фреймворк для создания сайтов

• ЧПУ
• RewriteEngine в htaccess
• Готовое решение для создания сайта (пакет-сборка и правила расширения)

Для кого
Это самый полный профессиональный курс по освоению PHP на уровне мастера-виртуоза. Это для тех кто уже понимает что такое PHP, каковы мощь и потенциал этого языка.

Люди, завершившие курс, утверждают, что один месяц обучения по данной программе можно сравнить с ГОДАМИ обучения по книгам или материалам из интернета!

Чему вы научитесь

• Создавать сайты любой сложности
• Грамотно организовывать архитектуру баз данных
• Использовать архитектурный шаблон проектирования MVC
• Защищать скрипты от SQL-инъекций и других вариантов взлома
• Максимально использовать возможности Объектно-Ориентированного Программирования
• Пользоваться шаблонизаторами
• Использовать оптимальные шаблоны проектирования для решения поставленных задач
• Применять возможности 5-ой версии языка PHP
• Правильно организовывать процесс разработки от начала до конца
• Иметь практический опыт реализации основных современных функциональных решений: авторизация, каталог, галерея, блог, личный кабинет, лента новостей и т.п.
• Правильно осуществлять рефакторинг кода
• Работать с регулярными выражениями
• Работать с утилитой Cron
• И многое другое..

Программа 4-ого месяца

Спойлер: 4 месяц

Урок 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
• Чат с ботом с использованием сокетов

Для кого
Курс предназначен для тех, кто прошел курсы по PHP и хочет совершенствоваться, как профессиональный веб-разработчик.

А также для тех, кто не имеет опыта или имеет небольшой опыт программирования на JavaScript и хочет научиться делать это грамотно.

Чему вы научитесь
Курс охватывает основы создания интерактивных веб-страниц с помощью языка JavaScript и объектно-ориентированному программированию.

Основной упор в курсе сделан на практических заданиях, что позволяет лучше усвоить материал и закрепить полученные знания.

Вы получите навыки использования современной технологии AJAX, которые позволят вывести Ваши веб-приложения на принципиально новый уровень интерактивности, соизмеримый с лучшими представителями современных интернет-сервисов.

Использование фреймворка JQuery и JQuery UI позволит легко и элегантно организовать логику работы веб-приложений любой сложности на стороне клиента.

Вы также научитесь основным средствам коммуникации в HTML 5 с использованием новых технологий Web-sockets, Server-sent events и Web-workers.