АНО Класс-Сервис

Курс «Веб-разработчик»

Записывайтесь на курсы прямо сейчас!

8 (383)287-90-27

Пройдя курс ВЕБ-разработчика в Новосибирске,  Вы научитесь:

1. Использовать макеты дизайна сайта для верстки веб-страниц;
2. Верстать страницы сайта;
3. Создавать шаблонные страницы и внедрять их в ПО сайта (CMS);
4. Создавать сайты с многоуровневой навигацией и индивидуальным дизайном;
5. Добавлять дополнительные виджеты на сайт;
6. Разрабатывать приложения для сайта, повышающих его интерактивность (галереи изображений, «умные» html-формы, калькуляторы стоимости и т.п.);
7. Разрабатывать отдельные функциональные модули для сайта (регистрация и авторизация, страница отзывов и т.п.);
8. Разрабатывать систему генерирования и редактирования страниц сайта;
9. Настраивать переадресацию на сайте;
10. Использовать базы данных в разработке модулей для сайта;
11. Использовать асинхронные запросы к серверу.

 

Программа курса

Обучение верстки и программированию в Новосибирске

Часть I ( ВЕБ-ВЕРСТКА)

Основы HTML

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

HTML. Создание ссылок. Добавление в документ медиаконтента

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

HTML. Создание таблиц. Создание списков

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

HTML. Создание интерактивных форм

  • Создание форм.
  • Выпадающий список выбора.
  • Выпадающий список выбора с полосой прокрутки.
  • Флажки, переключатели.
  • Тег fieldset, значение, правила написания.
  • Визуальное выделение группы элементов формы.

Графика

  • Основные принципы создания макета дизайна сайта в графическом редакторе.
  • Подготовка («нарезка») макета дизайна сайта для использования в 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. Создание веб-шаблона страницы

  • Обоснования создания исходного веб-шаблона.
  • Практика. Подготовка макета дизайна к внедрению в html-документ («нарезка»).
  • Практика. Создание базового веб-шаблона (html + css).
  • Практика. Подготовка оформления дополнительных элементов веб-шаблона (html + css).

Внедрение веб-шаблона в систему CMS. Редактирование контента

  • Что такое CMS. Принципы работы CMS с веб-шаблонами и контентом.
  • Подготовка веб-шаблона для внедрения в CMS (изменение путей, расстановка функциональных меток CMS в веб-шаблоне).
  • Настройка CMS для использования веб-шаблона.
  • Добавление и редактирование контента при помощи CMS.

Использование функций CMS

  • Включение в контент формы обратной связи. Изменение веб-шаблона для её отображения.
  • Включение в контент новостного блока. Изменение веб-шаблона для его отображения.
  • Добавление контента новостного блока.

Поисковая оптимизация

  • Принципы работы поисковых машин.
  • Файл «robots.txt» (обоснование использования, размещение файла, основные директивы).
  • Что такое «карта сайта». Необходимость её использования.
  • Доменное имя. Принципы выбора. Получение.
  • Внедрение сайта на внешний сервер.
  • Типы доступов к файловой системе сайта, расположенного на внешнем сервере.
  • Взаимодействие с основными поисковыми системами в качестве веб-мастера. Преимущества использования аккаунтов веб-мастера в Google и Яндекс.
  • Счётчики посещений. Определение и типы.
  • Создание семантического ядра сайта.
  • Использование семантического ядра, при добавлении контента.

Часть II (ВЕБ-ПРОГРАММИРОВАНИЕ)

Основы 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-запроса к сереверу.
[свернуть]

✔ Стоимость курса: 28 000 рублей ( Специальная цена  25 000 руб и рассрочка платежа при  оплате за 10 дней до начала курса)

✔ Срок обучения: 4 мес.

✔ Время занятий : 14.30-17.30; 18.00-21.00.

✔ Периодичность занятий: 2 раза в неделю

✔ Начало занятий: 28.01.19 ( вечер);

✔ Рассрочка оплаты: есть

 

 Как записаться на курс web-разработчика, веб программирования:

  Физическим лицам:

Форма оплаты: банковской картой.

Первый способ:

  1. Вы отправляете заявку
  2. Скачать заявку
  3. Заполняете заявку
  4. Отправляете нам в формате Ворд на class-servis@mail.ru
  5. Мы высылаем договор на обучение.
  6. Вы производите оплату по реквизитам, указанным в договоре.

 

Второй способ:

  1. Скачать договор для физ.лица
  2. Отправить нам заполненный договор на почту
  3. Произвести оплату по реквизитам, указанным в договоре.

Форма оплаты: наличными.

Форма обучения: очная.

  1. Вы отправляете заявку (верхний правый угол сайта)
  2. Мы перезваниваем и  согласовываем время приезда к нам в офис .
  3. Вы производите оплату договора в офисе.

 Организациям:

Форма оплаты: безналичный расчет.

Первый способ:

  1. Вы отправляете заявку на: class-servis@mail.ru.
  2. Мы высылаем Вам договор  и счет.

Второй способ:

  1. Вы скачиваете договор для юр. лица
  2. Отправляете нам заполненный договор
  3. Мы отправляем счет на оплату.

Скачать заявку

Курсы программирования,  разработчика сайтов в Новосибирске

Ответы на часто задаваемые вопросы:

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

2. Если я уже знаю HTML нужно ли мне проходить первую ступень?
Нужно, т.к. недостатки во владении HTML и знании модели построения древовидной структуры документа и т.п. (данные знания особенно важны при изучении клиентских языков программирования (javascript и базирующаяся на нем популярная библиотека jQuery)) могут существенно затруднить процесс Вашего обучения во 2-м блоке курса Web-программирование. Кроме того, дополнительная практика и повторение знаний по HTML будут полезны для развития профессиональных навыков.

3. Что я буду уметь после обучения программированию в Новосибирске?
см. ответ на вопрос №1

4. Что я буду уметь после ваших курсов программирования, веб дизайна?
см. ответ на вопрос №1, подпункт б

5. Для чего мне нужно знать HTML при изучении PHP?
a. Для уверенной ориентации в файлах php, т.к. файлы со сценариями кода php могут содержать в себе как html-разметку, так и сам php-код;
б. Для понимания, что Вы подготавливаете и что передаете в браузер для отображения.

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

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

8. Как построено занятие, мы будем писать лекции?
Занятия делятся на 2 вида:
I. Теоретико-практическое занятие. На данном занятии Вам будет предоставляться теоретическая информация по теме курса web программирования, веб дизайна, и практические задания для: пояснения теории, демонстрации вариаций использования теоретической информации и наработки навыков программирования;
II. Практическое занятие web программированию. Данное занятие представляет собой набор заданий, рассчитанных на более глубокое использование и понимание информации, полученной на нескольких теоретико-практических занятиях.

9. Смогу ли я создать сайт интернет магазина?
Качественный сайт интернет-магазина является сложной, многоступенчатой программируемой системой управления контентом (CMS). Разработка ПО по управлению интернет-магазином, является задачей для группы разработчиков. Т.е. для Вас будет достаточно проблематичным создать CMS интернет-магазина, но используя навыки и знания, полученные в процессе обучения Вы сможете использовать готовые CMS интернет-магазина.

Обучение программированию в Новосибирске – курсы веб разработчика

Скачать договор для юридических лиц

Договор для физических лиц

Преподаватели

SONY DSC
Сахапов Сергей- более 7 лет в сфере создания, сопровождения сайтов. Один из ведущих преподавателей курсов по веб-технологиям.
28.04.2015

Есть вопросы? Мы вам перезвоним!