Описание курса «Full Stack веб-разработчик (HTML и CSS, JavaScript, PHP, MySQL)»


Full Stack разработчик – профессионал, который владеет всеми платформами и принимать участие во всех этапах его разработки, при этом учитывая, как все его части будут взаимодействовать друг с другом и с внешними компонентами. Курсы Full Stack веб-разработчика помогут Вам освоить необходимые в успешной работе языки:HTML, CSS, Javascript, PHP, MySQL. Все занятия практические, их ведет молодой перспективный специалист, профессионал своего дела. У Вас всегда есть возможность ознакомиться с его работами на открытых уроках, получить у него консультацию и ценные советы.

Требование к курсу: Уверенное знание ПК. Если вы считаете свои знания персонального компьютера не достаточными, то вы можете пройти курс "ПК для начинающих".

Стоимость курса «Full Stack веб-разработчик (HTML и CSS, JavaScript, PHP, MySQL)»

РАСПИСАНИЕ ЗАНЯТИЙ

18.06.2019 В 18:30

ГРУППОВЫЕ ЗАНЯТИЯ


25810 ք

без скидки : 36870 ք

ИНДИВИДУАЛЬНЫЕ ЗАНЯТИЯ


57600 ք

без скидки : 72000 ք

Дату начала открытого урока утоняйте по телефону +7 (495) 517-03-59
Продолжительность открытого урока: 45-60 минут / количество мест ограничено

Программа курса «Full Stack веб-разработчик (HTML и CSS, JavaScript, PHP, MySQL)» (84 акад. ч.)

Основные пункты программы № темы
Знакомство с Html-разметкой. Инструментарий разработчика.
Работа с FTP клиентом. Структура страницы. Cинтаксис HTML. Обзор тегов ( head, html, body, title, meta), работа с тегами на странице.
Тема № 1
Знакомство с CSS.
Основные принципы работы CSS. Синтаксис CSS. Подключение CSS к HTML документу.
Тема № 2
Работа с CSS селекторами. Cелекторы тегов, идентификаторы и классы.
Контекстные селекторы. Наследование и каскад. Приоритеты. Работа над типовыми ошибками.
Тема № 3
Стили текста и оформления.
Работа со шрифтом. Цвет, размер, межстрочное расстояние и т.д. Работа с фоном. Цвет, изображение. Маркеры списка. Рамки и обводки.
Тема № 4
Работа с блочными и инлайновыми элементами.
Виды элементов. Различия и применение блочных и инлайновых элементов. Свойство display. Изучение поведения элемента при отрисовке. Свойство float и «плавающие» элементы. Другие виды поведения элементов. Семантическая разметка документа. Теги для работы с текстом, оформление списков, работа со ссылками и изображениями, таблицы и контейнеры (div).
Тема № 5
Стили позиционирования, отступы и размеры блоков.
Поля (padding) и отступы (margin). Положение на странице. Алгоритм расчета ширины и высоты элементов на странице.
Тема № 6
Управление блоками в потоке.
Базовые способы поведения элементов на странице (display: none, display: inline, display: block, display: inline-block, display: list-item, table*) Области применения тех или иных способов поведения элементов. Позиционирование блоков (stati, Relative, Absolute, Fixed) с «плавающими» элементами и свойство float.. Области применения тех или иных способов позиционирования.
Тема № 7
Сетка. Базовая верстка.
Построение сетки с использованием float и display: inline-block. Преимущества и недостатки построения сетки с данными свойствами. Позиционирование на странице. Отступы, фиксация ширины(центровка, 2,3 и более колонок), фиксация шапки, подвал, выносные элементы.
Тема № 8
Верстка сайта. Пошаговый алгоритм создания. Тема № 9
Обзор типовых ошибок, проблемные участки кода, отображение страниц в браузерах. Секреты профессионалов. Принципы работы и профессиональный подход к созданию сайта - оформление кода с помощью CSS, HTML, JavaScript. Тема № 10
Командная разработка.
Контроль версий кода на примере системы Git. Знакомство с системой контроля версий кода. Установка и настройка системы Git. Cоздание репозитория, контроль за его состоянием, фиксирование изменений и их история. Внешние репозитории сервисы GitHub и BitBucket. Организация рабочего процесса. Общий репозиторий. Ветки (отдельные ветки для каждой функции, для разработки, ветки для подготовки релиза, ветки для срочного исправления ошибок, форки) Обзор и особенности HTML5. Элементы HTML, DOCTYPE. Устаревшие атрибуты и теги.Использование новых тегов в HTML5. Атрибуты и их значения. Структура документа, обязательные теги, работа с метаданными.
Тема № 11
Основы JavaScript.
Синсаксис JavaScript (Тип данных, структура, циклы и переменные в коде языка, основные и условные операторы и выражения, конструкция switch) Массивы Работа с данными и их использование в разных ситуациях. Основные понятия в теме: массивы, дата, время, объекты и строки, свойства, а так же методы. Использование функций. Создание и наделение ее параметрами, результат этой работы. Работа с локальными переменными, область видимости и замыкание переменных. Рекурсия и стек.
Тема № 12
Объекты JavaScript.
Функциональные выражения и замыкания. Основные ошибки при работе с замыканиями. Синтаксис, функциональная анонимность. Работа с переменными – сохранение, вызов, передача, возврат функций. Область видимости переменных внутри функции. Объекты и их методы. Обзор возможностей и область применения. This и New. Геттеры и сеттеры. Сall, apply, bind. Основы объектно-ориентированного программирования. Работа с конструктором, создание функционального стиля, прототипы и наследование.
Тема № 13
Расширенные возможности HTML и JavaScript.
Browser Object Model (BOM - Объектная модель браузера). Структура и основные глобальные объекты окно, навигация, локация, история, консоль и др. Document Object Model (DOM - Объектная модель документа). Работа с деревом и его свойства, навигация и поиск элементов, атрибуты DOM.
Тема № 14
Расширенные возможности CSS.
Адаптивная верстка под различные устройства, в том числе мобильные. Характерные особенности и различные варианты исполнения задач. Работа с CSS media queries. (возможности изменения размеров, цвета, типов, а так же ориентация страниц) Использование языка программирования стилей SASS. Оптимизация кода с помощью SASS. Знакомство с препроцессорами. Работа с переменными (mixins), импорт, родительство, циклы, расширения стилей. Автоматизация задач с помощью менеджера зависимостей NPM. Работа с задачами – создание, настройка, вызов.
Тема № 15
Обзор библиотек и фреймворков.
Библиотека JQuery. Верстка фотогалереи с добавлением анимации. Базовые понятия анимации. Использование CSS transitions и animations. Cобытие transitionend. Обработка событий и порядок действий. Определение объекта события. Всплытие, перехват и делегирование событий. Создание событий вручную. Браузер - действия по умолчанию. Какие бывают события. События клавиатуры, мыши, окна – изменение размера, прокрутка документа. Загрузки документов и изображений, скриптов. Перетаскивание элементов. Теория: События мыши. Cобытия клавиатуры. Прокрутка документа. Изменение размеров окна. Загрузка документа. Изображений. Cкриптов. Знакомство с AJAX. Кросс-доменные запрос с помощью объекта XMLHttpRequest. Кросс- доменные коммуникации с помощью JSONP. Фреймворк Bootstrap. Как работает фреймворк и его функциональные возможности (линейные, радиальные, повторяющиеся градиенты, получение промежуточного цвета). Создание различных эффектов - форма и размер, трансформация элементов, в том числе трехмерная, смещение, масштаб.
Тема № 16
Анимация с помощью CSS.
Верстка фотогалереи с добавлением анимации. Базовые понятия анимации. Использование CSS transitions и animations. Cобытие transitionend. Различные виды градиентов. Трансформации обычные и трехмерные. Функции – поворота, масштаб и смещение.
Тема № 17
Синтаксис PHP.
Знакомство с PHP, конструкция и возможности языка, знакомство с программой «Hello World», установка и настройка интерпретатора, работа с интерактивной консолью, разделение инструкций, основные тэги языка, комментарии, скалярные типы данных, переменные и операторы, а так же выражения, встроенные функции, выполнение файлов, работа с php-сценариями. Условный оператор IF в языке. Оператор множественного выбора SWITCH, операторы прерывания CONTINUE/ BREAK. Обзор циклов WHILE, DO, FOR. Переменные – область видимости, виды переменных – статические и глобальные, алгоритмы. Возвращаемые значения, функции и аргументы. Реализация алгоритмов с помощью списков, строк и массивов. Объекты, ресурсы, NULL. Виды функций. Строковые и математические, дата и время, для работы с массивами, файловой системой, с изображениями, функции для работы с JSON.
Тема № 18
PHP на веб сервере.
Работа с формами. Hello $_GET. Простая форма HTML. Отправка и обработка данных. Протокол HTTP. Запросы GET и POST. Параметры форм в PHP, их получение и обработка. Загрузка файлов на сервер. PHP и HTTP. Тщательное изучение протокола HTTP. Ошибка Hello 404. Функция header. Глобальная переменная $_SERVER. Работа с заголовком Content-Type. Редирект и ошибки 404, 500. Файлы COOKIE – хранение данных, сессии, авторизация на сайте средствами HTTP, ошибка авторизации - Hello 401. $_SERVER['PHP_AUTH_USER'] и $_SERVER['PHP_AUTH_PW'].
Тема № 19
Объектно-ориентированное программирование.
Установка и настройка Denwer. Основы Объектно-ориентированного программирования. Понятие объекта и класса. Cвойства и методы объекта (приватные и публичные). Cоздание экземпляра. Cтатические методы и автозагрузка классов. Проверка типов параметров методов. Отработка полученных навыков на информационном портале. Наследование и интерфейсы. Основы наследования классов. Защищенные методы и свойства. Обращение к родительским методам и свойствам. Работа с интерфейсами. Абстрактные классы. Запрет переопределения методов и наследования классов. PHP и HTTP. Пространства имен, перегрузка методов и параметров, сериализация, клонирование, итератор объекта, использование объекта как массива или как функции.
Тема № 20
MySQL.
Реляционные базы данных и SQL. Знакомство с сервером управления базами данных. Основные понятия – таблица, поле и типы полей, базы данных, ряд. Работа с mysql через клиент. Функции и их использование для работы с mysql в PHP. Нормальные формы баз данных. Три основные формы. Применение следующих запросов - SELECT, DELETE, INSERT, UPDATE. Работа в таблице – вывод отдельных полей либо всех записей, условия выбора и выражения в MySQL, сортировка, LIMIT. Первичный ключ и AUTO INCREMENT, обновление и удаление списка записей по условию. Проектирование БД. Объединение данных из нескольких таблиц (функция SELECT). Изучение группировок результатов. Агрегатные функции COUNT, MAX, MIN и другие. Внешний ключ. INNER JOIN. LEFT JOIN. Управление таблицами и БД, а так же управление таблицами (создание, очистка, удаление таблиц, получение информации). Манипуляции с полями и базами данных – создание и удаление.
Тема № 21
Обзор фреймворков.
Менеджер зависимостей Composer. Понятие фреймворков и его принципиальные отличия от библиотек. Работа с фреймворками – установка, удаление, их возможности. Представление и роутинг, варианты обработки форм. Работа с базой данных. Шаблонизаторы (на примере Smarty, Twig и прочих) Использование PHP в качестве шаблонизатора. Работа с шаблонизаторами – установка, удаление, возможности Smarty и Twig. Управление –листание, условия и вставка переменных. Организации приложения с использованием шаблонизатора. Фреймворк Laravel Понятие фреймворков и его принципиальные отличия от библиотек. Работа с фреймворками – установка, удаление, их возможности. Представление и роутинг, варианты обработки форм. Работа с базой данных.
Тема № 22

Вы готовы записаться на курс?

ЗАПИСЬ НА КУРС

Работы наших слушателей на курсе «Full Stack веб-разработчик (HTML и CSS, JavaScript, PHP, MySQL)»