Создание сайтов и веб-программирование

Курсы для начинающих WEB-разработчиков

«Веб-верстка в HTML,CSS»

6 000
в месяц
  • Дата начала: 21.12.2021
  • Длительность: 2 месяца (2 раза в неделю)
  • Время обучения: день, вечер
Записаться

Курс включает изучение базовых знаний, необходимых любому начинающему веб-разработчику, а также многим желающим работать в сфере веб-технологий.

Программа

  • Основы HTML.
    Что такое тег. Виды тегов. Правила написания тегов и атрибутов.
    Теги заголовков.
    Теги текстовых блоков.
    Вставка горизонтальных линий.
    Создание кавычек и цитат.
    Вставка спецсимволов.

 

  • Создание ссылок. Добавление в документ медиаконтента
    Гиперссылки в веб-документе. Создание гиперссылок.
    Основные форматы изображений для web.
    Тег img и его атрибуты.
    Вставка аудио контента в веб-документ: тег audio и его атрибуты.
    Вставка видео контента в веб-документ: тег video и его атрибуты.

 

  • Создание таблиц. Создание списков
    Создание таблиц.
    Тег table и его атрибуты.
    Тег создания строк и его атрибуты.
    Тег создания ячеек и его атрибуты.
    Тег создания заголовков таблицы.
    Вставка таблицы в ячейку таблицы (создание вложенных таблиц).
    Создание маркированных, нумерованных и определенных списков.
    Создание вложенных списков

 

  • Создание интерактивных форм
    Создание форм.
    Выпадающий список выбора.
    Выпадающий список выбора с полосой прокрутки.
    Флажки, переключатели.
    Тег 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-настройки шрифта, используемого в элементах (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-настройки управляющие «обтеканием» элементов (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 и Яндекс.
    Счётчики посещений. Определение и типы.
    Создание семантического ядра сайта.
    Использование семантического ядра, при добавлении контента.

«Javascript и PHP»

6 500
в месяц
  • Дата начала: 18.01.2022
  • Длительность: 2 месяца (2 раза в неделю)
  • Время обучения: дневное, вечернее
Записаться

Курс предназначен для тех, кто собирается связать свою деятельность со сферой веб-разработки. А так же для начинающих в области front-end и back-end.

Программа

  • Основы javascript
    Типы данных (простые и структурированные);
    Объявление и использование переменных;
    Операторы языка;
    Конструкции ветвления сценария;
    Циклические конструкции;
    Глобальные методы javascript, используемые для вызова модальных окон браузера.

 

  • Javascript. Пользовательские функции. Методы отдельных стандартных объектов
    Пользовательские функции;
    Полное представление объекта в javascript;
    Работа со стандартными объектами языка (String, Array, Math, Date);
    Глобальный метод отложенного выполнения части сценария (setTimeout) и особенности его использования;
    Глобальный метод периодического выполнения части сценария (setInterval) и особенности его использования.

  • Javascript. Библиотека jQuery. Основы
    Стартовый набор элементов;
    Использование css-селекторов и специальных селекторов-фильтров для определение стартового набора элементов;
    Манипулирование атрибутами отдельных элементов html-документа;
    Манипулирование структурой html-документа;
    Манипулирование каскадными таблицами стилей, применяемых к элементам html-документа;
    События.

  • Javascript. Библиотека jQuery. Анимация. Формирование набора элементов
    Использования стандартных анимационных эффектов jQuery;
    Создание «пользовательской» анимации;
    Управление ходом анимации;
    Формирование набора элементов на основе стартового;
    Перемещение между имеющимися наборами.

  • Javascript,jQuery.
    Примеры проектирования приложения.
    Галереи различных типов представления изображений

  • Javascript,jQuery.
    Примеры проектирования приложения.
    Интерактивный калькулятор стоимости.
    Прилипающая к окну браузера навигация

  • PHP. Основы
    Типы данных (простые и структурированные);
    Использование переменных;
    Часто используемые конструкции языка;
    Конструкции ветвления сценария;
    Циклические конструкции;
    Некоторые функции языка.

  • Пользовательские функции. Функции, используемые для работы со строчными данными
    Объявление и вызов пользовательских функций;
    Функции, используемые для работы с пользовательскими функциями;
    Функции, используемые для вычисления новой строки на основе исходной;
    Функции, используемые для изменения текущей строки;
    Функции используемые для конвертирования строки в массив и массива в строку.

  • Массивы
    Функции, используемые для поиска в массиве;
    Функции, используемые для сравнения массивов;
    Функции, используемые для сортировки массивов;
    Функции, используемые для изменения структуры целевого массива;
    Функции, используемые для манипулирования несколькими массивами.

  • Функции для работы с регулярными выражениями.
    Суперглобальные массивы
    Примитивы и их использование в построение регулярного выражения;
    Функции, используемые для поиска в строке по регулярному выражению;
    Особенности использования функции поиска и замены в строке по регулярному выражению;
    Некоторые суперглобальные массивы языка ($_GET, $_POST, $_SESSION);
    Функции, используемые для работы с суперглобальным массивом $_SESSION.

  • Работа с файлами и папками
    Функции используемые для поиска файлов и папок;
    Функции, используемые для получения и изменения контента файла;
    Функции, используемые для манипулирования структурой файлов и папок;
    Обработка попытки загрузки файлов из html-формы.

  • Примеры проектирования приложения. Система регистрации и авторизации. Система отзывов

  • Пример проектирования приложения. Система генерирования и редактирования страниц сайта

  • MySQL
    Использование интерфейса phpMyAdmin для управления базами данных;
    Запросы, используемые для добавления и изменения информации в таблице базы данных;
    Запрос выборки информации из таблицы базы данных и его вариации;
    Составные запросы к базе данных.


  • PHP+MySQL. Осуществление запросов к базе данных посредством сценария php
    Функции, используемые для отправки и интерпретации результата одиночных запросов выборки;
    Функции, используемые для отправки запросов изменяющих базу данных;
    Функции, используемые для отправки и интерпретации результата составных запросов выборки;
    Использование баз данных в системе генерирования и редактирования страниц сайта.

  • Файл конфигурации веб-сервера (htaccess).

  • Формирование переадресации на сервере (модуль mod_rewrite);
    Настройка PHP на сервере;
    Использование низкоуровневого ajax-запроса;
    Использование высокоуровневых событий для отслеживания состояния ajax-запроса к серверу.

Способы оплаты

Счет для организации

Онлайн-оплата с карты

Наличными в банке

Как нас найти

Адрес

ул. Ядринцевская, 53/1., 5 этаж, офис 513

Телефон

8 (913) 006 9027

Почта

class-servis@mail.ru

Да, сможете:

а. После курса Веб-вёрстка Вы сможете создать сайт, состоящий из статических страниц (например, файлы «html», содержащие в себе, описанную Вами разметку документа), связанных между собой навигацией (блок ссылок на смежные страницы сайта) и/или сайт базирующийся на элементарном ПО (программное обеспечение) по управлению контентом сайта (так называемое CMS), с индивидуальной, созданной Вами разметкой (дизайном) и возможностью управления им через так называемый пользовательский интерфейс ПО (административная часть CMS);

б. После курса Веб-программирование Вы сможете создать сайт базирующийся на разработанном Вами ПО (программное обеспечение) по управлению сайтом (так называемое CMS) и/или создавать дополнительные программные приложения к уже имеющемуся сайту (типа «обратная связь», «страница отзывов» и т.д
  • Программы для редактирования кода; что-то из этого: Adobe Dreamweaver, Notepad++, Sublimetext и т.п.;
  • Графические редакторы; один из них: Adobe Photoshop, GIMP;
  • Сборки локального сервера; что-то одно: OpenServer, XAMPP, (DENWER)
Нужно, т.к. недостатки во владении HTML и знании модели построения древовидной структуры документа и т.п. (данные знания особенно важны при изучении клиентских языков программирования (javascript и базирующаяся на нем популярная библиотека jQuery)) могут существенно затруднить процесс Вашего обучения во 2-м блоке курса Web-программирование. Кроме того, дополнительная практика и повторение знаний по HTML будут полезны для развития профессиональных навыков.
a. Для уверенной ориентации в файлах php, т.к. файлы со сценариями кода php могут содержать в себе как html-разметку, так и сам php-код;
б. Для понимания, что Вы подготавливаете и что передаете в браузер для отображения.

Какие CMS мы будем изучать на курсе?
а. Ну курсе «Веб-вёрстка» Вы изучите элементарное CMS (учебный вариант), предназначенное для: ознакомления с принципами работы CMS, управлением CMS через административную панель и подготовкой дизайна (разметки) для внедрения в CMS;
б. На курсе «Веб-программирование», II ступень CMS не изучаются, но изучаются языки программирования и приемы, используемые при создании CMS.

Что такое CSS и для чего мы его изучаем?
CSS (Cascading Style Sheets) или Каскадные Таблицы Стилей используются для оформления html-документов. CSS является современным и мощным инструментом для оформления html-документа.
Занятия делятся на 2 вида:

I. Теоретико-практическое занятие. На данном занятии Вам будет предоставляться теоретическая информация по теме курса  и практические задания для: пояснения теории, демонстрации вариаций использования теоретической информации и наработки навыков программирования;

II. Практическое занятие web программированию. Данное занятие представляет собой набор заданий, рассчитанных на более глубокое использование и понимание информации, полученной на нескольких теоретико-практических занятиях.
Качественный сайт интернет-магазина является сложной, многоступенчатой программируемой системой управления контентом (CMS). Разработка ПО по управлению интернет-магазином, является задачей для группы разработчиков. поэтому используя навыки и знания, полученные в процессе обучения Вы сможете использовать готовые CMS интернет-магазина.