Онлайн-уроки в прямом эфире
6 000 руб. в месяц!
Какими знаниями я должен обладать при поступлении на курс?
✔ Умение работать с браузерами
✔ Умение устанавливать программное обеспечение
✔ Умение работать с архивами
Онлайн курс «Веб-верстка»
✔ Срок обучения: 64 ак.час (2 мес)
✔ Стоимость обучения: 6 000 руб. в месяц
✔ Форма обучения: онлайн
Данный курс включает в себя изучение базовых знаний, необходимых любому начинающему веб-разработчику, Подходит для тех, кто изучал или сталкивался с HTML

Программа курса
Основы HTML
Что такое тег. Виды тегов. Правила написания тегов и атрибутов.
Теги заголовков.
Теги текстовых блоков.
Вставка горизонтальных линий.
Создание кавычек и цитат.
Вставка спецсимволов.
HTML. Создание ссылок. Добавление в документ медиаконтента
Гиперссылки в веб-документе. Создание гиперссылок.
Основные форматы изображений для web.
Тег img и его атрибуты.
Вставка аудио контента в веб-документ: тег audio и его атрибуты.
Вставка видео контента в веб-документ: тег video и его атрибуты.
HTML. Создание таблиц. Создание списков
Создание таблиц.
Тег table и его атрибуты.
Тег создания строк и его атрибуты.
Тег создания ячеек и его атрибуты.
Тег создания заголовков таблицы.
Вставка таблицы в ячейку таблицы (создание вложенных таблиц).
Создание маркированных, нумерованных и определенных списков. Создание вложенных списков
HTML. Создание интерактивных форм
Создание форм.
Выпадающий список выбора.
Выпадающий список выбора с полосой прокрутки.
Флажки, переключатели.
Тег fieldset, значение, правила написания.
Визуальное выделение группы элементов формы.
Графика
Основные принципы создания макета дизайна сайта в графическом редакторе Photoshop
Подготовка («нарезка») макета дизайна сайта для использования в html-документе.
CSS. Основы
Синтаксис CSS.
Методы включения CSS в html-документ.
CSS-настройки ширины элементов (width, min-width, max-width).
CSS-настройки высоты элементов (height, min-height, max-height).
CSS-настройки отступов элементов (margin, margin-top, margin-bottom, margin-left, margin-right).
CSS. Настройка полей, границ и фона элементов
CSS-настройки полей элементов (padding, padding-top, padding-bottom, padding-left, padding-right).
CSS-настройки границ элементов (border, border-width, border-style, border-color, border-top, border-bottom, border-left, border-right и т.д.).
CSS-настройки фона элементов (background, background-color, background-image, background-position, background-repeat, background-attachment).
Модель формирования истинных размеров элемента.
CSS. Форматирование текста и шрифта, генерирование контента
CSS-настройки шрифта, используемого в элементах (font, font-family, font-size, font-style, font-weight, font-variant, line-height, color).
CSS-настройки отображения текста в элементах (text-align, text-decoration, text-transform, text-indent и т.д.).
Специальные добавочные селекторы для управления контентом, добавляемым перед или после основного контента элементов (псевдоэлементы before и after).
CSS-настройка, позволяющая добавлять дополнительный контент к элементам (content).
CSS-настройки, позволяющие создавать специальные «счётчики» и управлять ими (counter-reset, counter-increment).
CSS. Позиционирование и отображение
Понятие «стандартного потока» элементов. Нарушение «стандартного потока» элементов.
CSS-настройки управляющие «обтеканием» элементов (float, clear).
CSS-настройки, управляющие отображением элементов на странице (display, visibility).
CSS-настройки, управляющие положением элементов внутри «стандартного потока» (position, top, bottom, left, right, z-index).
Одиночные селекторы
Простые одиночные селекторы: селектор по имени тега, селектор по имени класса, селектор по имени идентификатора, селектор по атрибуту.
Комплексные одиночные селекторы. Принципы использования.
Комплексный одиночный селектор. Частный случай. Селектор по наличию нескольких классов.
Составные селекторы
Принципы использования составных селекторов.
Примитивные составные селекторы: селектор по соседнему признаку, селектор по дочернему признаку, селектор по контекстному признаку.
Комплексные составные селекторы. Принципы использования.
Иерархия приоритетности селекторов.
Селекторы псевдотипа
Основные принципы использования селекторов псевдотипа.
Псевдоклассы. Особенности использования псевдоклассов.
Псевдоклассы первого и последнего дочернего элементов (first-child, last-child).
Псевдокласс наведения курсора мыши на элемент (hover).
Псевдоэлементы. Особенности использования псевдоэлементов.
CMS ( учебный вариант CMS). Создание веб-шаблона страницы
Обоснования создания исходного веб-шаблона .
Практика. Подготовка макета дизайна к внедрению в html-документ («нарезка»).
Практика. Создание базового веб-шаблона (html + css).
Практика. Подготовка оформления дополнительных элементов веб-шаблона (html + css).
Внедрение веб-шаблона в систему CMS. Редактирование контента
Что такое CMS. Принципы работы CMS с веб-шаблонами и контентом.
Подготовка веб-шаблона для внедрения в CMS (изменение путей, расстановка функциональных меток CMS в веб-шаблоне).
Настройка CMS для использования веб-шаблона.
Добавление и редактирование контента при помощи CMS.
Использование функций CMS ( на примере учебной версии).
Включение в контент формы обратной связи. Изменение веб-шаблона для её отображения.
Включение в контент новостного блока. Изменение веб-шаблона для его отображения.
Добавление контента новостного блока.
Поисковая оптимизация
Принципы работы поисковых машин.
Файл «robots.txt» (обоснование использования, размещение файла, основные директивы).
Что такое «карта сайта». Необходимость её использования.
Доменное имя. Принципы выбора. Получение.
Внедрение сайта на внешний сервер.
Типы доступов к файловой системе сайта, расположенного на внешнем сервере.
Взаимодействие с основными поисковыми системами в качестве веб-мастера. Преимущества использования аккаунтов веб-мастера в Google и Яндекс.
Счётчики посещений. Определение и типы.
Создание семантического ядра сайта.
Использование семантического ядра, при добавлении контента.
Онлайн курс «Веб-программирование»
✔ Срок обучения: 64 ак.час (2 мес)
✔ Стоимость обучения: 6 000 руб. в месяц
✔ Форма обучения: онлайн
Данный курс включает в себя изучение базовых знаний, необходимых любому начинающему веб-разработчику. Подходит для тех, кто работал с HTML и CSS

Программа
Основы javascript
Типы данных (простые и структурированные);
Объявление и использование переменных;
Операторы языка;
Конструкции ветвления сценария;
Циклические конструкции;
Глобальные методы javascript, используемые для вызова модальных окон браузера.
Javascript. Пользовательские функции. Методы отдельных стандартных объектов
Пользовательские функции;
Полное представление объекта в javascript;
Работа со стандартными объектами языка (String, Array, Math, Date);
Глобальный метод отложенного выполнения части сценария (setTimeout) и особенности его использования;
Глобальный метод периодического выполнения части сценария (setInterval) и особенности его использования.
Javascript. Библиотека jQuery. Основы
Стартовый набор элементов;
Использование css-селекторов и специальных селекторов-фильтров для определение стартового набора элементов;
Манипулирование атрибутами отдельных элементов html-документа;
Манипулирование структурой html-документа;
Манипулирование каскадными таблицами стилей, применяемых к элементам html-документа;
События.
Javascript. Библиотека jQuery. Анимация. Формирование набора элементов
Использования стандартных анимационных эффектов jQuery;
Создание «пользовательской» анимации;
Управление ходом анимации;
Формирование набора элементов на основе стартового;
Перемещение между имеющимися наборами.
Javascript,jQuery. Примеры проектирования приложения. Галереи различных типов представления изображений
Javascript,jQuery. Примеры проектирования приложения. Интерактивный калькулятор стоимости. Прилипающая к окну браузера навигация
PHP. Основы
Типы данных (простые и структурированные);
Использование переменных;
Часто используемые конструкции языка;
Конструкции ветвления сценария;
Циклические конструкции;
Некоторые функции языка.
PHP. Пользовательские функции. Функции, используемые для работы со строчными данными
Объявление и вызов пользовательских функций;
Функции, используемые для работы с пользовательскими функциями;
Функции, используемые для вычисления новой строки на основе исходной;
Функции, используемые для изменения текущей строки;
Функции используемые для конвертирования строки в массив и массива в строку.
PHP. Массивы
Функции, используемые для поиска в массиве;
Функции, используемые для сравнения массивов;
Функции, используемые для сортировки массивов;
Функции, используемые для изменения структуры целевого массива;
Функции, используемые для манипулирования несколькими массивами.
PHP. Функции для работы с регулярными выражениями. Суперглобальные массивы
Примитивы и их использование в построение регулярного выражения;
Функции, используемые для поиска в строке по регулярному выражению;
Особенности использования функции поиска и замены в строке по регулярному выражению;
Некоторые суперглобальные массивы языка ($_GET, $_POST, $_SESSION);
Функции, используемые для работы с суперглобальным массивом $_SESSION.
PHP. Работа с файлами и папками
Функции используемые для поиска файлов и папок;
Функции, используемые для получения и изменения контента файла;
Функции, используемые для манипулирования структурой файлов и папок;
Обработка попытки загрузки файлов из html-формы.
PHP. Примеры проектирования приложения. Система регистрации и авторизации. Система отзывов
PHP. Пример проектирования приложения. Система генерирования и редактирования страниц сайта
MySQL
Использование интерфейса phpMyAdmin для управления базами данных;
Запросы, используемые для добавления и изменения информации в таблице базы данных;
Запрос выборки информации из таблицы базы данных и его вариации;
Составные запросы к базе данных.
PHP+MySQL. Осуществление запросов к базе данных посредством сценария php
Функции, используемые для отправки и интерпретации результата одиночных запросов выборки;
Функции, используемые для отправки запросов изменяющих базу данных
Функции, используемые для отправки и интерпретации результата составных запросов выборки;
Использование баз данных в системе генерирования и редактирования страниц сайта.
Файл конфигурации веб-сервера (htaccess). Асинхронные javascript-запросы к серверу (AJAX)
Формирование переадресации на сервере (модуль mod_rewrite);
Настройка PHP на сервере;
Использование низкоуровневого ajax-запроса;
Использование высокоуровневых событий для отслеживания состояния ajax-запроса к серверу.
Остались вопросы?
Оставьте свои контактные данные.
Наши специалисты свяжутся с Вами в ближайшее время!
Сухая теория и поверхностные знания – это не наш стиль обучения.
Наши курсы — это глубокие структурированные навыки, которые помогут человеку сразу приступить к работе, невзирая на ее сложность и отсутствие опыта.
Онлайн занятия курса построены таким образом, чтобы
- Обучающийся регулярно закреплял на практике правила синтаксисов HTML и CSS;
- Обучающийся регулярно и порционно получал новую информацию, касающуюся применения html-тегов и использования настроек CSS
- Обучающийся регулярно практиковался в построение различных структур документов, а также в формировании сочетаний различных настроек CSS.
Домашние практические занятия построены таким образом, чтобы:
- Обучающийся нарабатывал умения формировать html-структуру веб-страницы, исходя из её визуального представления;
- Обучающийся нарабатывал умения использования настроек CSS, исходя из их функциональной необходимости;
- Обучающийся получал информацию о различных «практических приёмах» формирования и оформления веб-страницы
Для чего нужен данный курс?
- Знания синтаксиса HTML позволят быстрее освоить принципы динамического формирования веб-страниц на стороне сервера (php-документы);
- Знания о формировании структуры документа помогут Вам проще освоить DOM (Объектная Модель Документа), используемый, как в сфере front-end разработки (повышение интерактивности веб-страниц (зачастую используется язык Javascript)), так и в сфере back-end разработки (работа со структурированной информацией представленной в виде разметки)
- Знания и умения использования CSS настроек позволят освоить интерактивное изменение оформления элементов страницы, а также создание сложных анимационных эффектов (Javascript)