Основы веб-разработки (HTML, CSS, JavaScript, PHP, MySQL, Bootstrap, jQuery, SEO, CMS, WordPress)

[Основы веб-разработки и программирования]

Курс для тех, кто ставит перед собой цель получить фундаментальные знания и практические навыки создания сайтов, вёрстки (HTML и CSS, Bootstrap) и основ программирования (JavaScript, jQuery, PHP и MySQL), относящиеся к сфере создания веб-сайтов. Курс позволит преодолеть порог входа в профессию «веб-разработки» и станет основой последующего профессионального роста. Курс включает раздел основы программирования и раздел по поисковой оптимизации сайта SEO. Также курс включает основы разработки сайтов с применением CMS системы WordPress.


Курс длится 3 месяца (48 часов)
Занятия 2 раза в неделю (по 2 часа)
Занятия в вечернее время и/или по выходным
Взнос 2000 грн. в месяц
По окончанию курса международный сертификат *
В группе 8-12 человек
Следующий старт 14 января 2019
Место проведения: КДЦ "Менора", ул. Шолом-Алейхема, 4/26

Отзывы о курсе

О курсе

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

  • Как устроен интернет
    • Интернет как инфраструктура для работы сервиса Word Wide Web (WWW);
    • Устройство и принципы функционирования Интернета;
    • Компьютерные сети, понятие маршрутизации, IP-адресация, система доменных имён (DNS), протоколы обмена данными;
    • Протокол HTTP/HTTPS – как основа для функционирования WWW. Понятие HTTP-запроса (HTTP request) и HTTP-ответа (HTTP response);
    • Клиент-серверная система в веб-разработке. Веб-сервер, браузер и принципы их взаимодействия (по протоколу HTTP/HTTPS), инструменты веб-разработчика;
    • WHOIS-сервисы, сервисы проверки доменных имён;
    • Хостинг как услуга по размещению сайтов, регистрация, практики переноса/развёртывания сайтов (протокол FTP, FTP-клиенты).
  • «Front-End» – технологии, отвечающие за происходящее в браузере пользователя:
    • HTML (HyperText Markup Language) – язык разметки/структурирования содержимого веб-страниц, основа веб-разработки. Понятие вёрстки веб-страниц. Структура HTML-документа, интерпретация HTML-документа браузером. Стандарт языка HTML, нововведения стандарта HTML 5.2;
    • CSS (Cascading Style Sheets) – язык оформления, описывающий внешний вид элементов веб-страниц, написанных при помощи языка разметки HTML. Механизм CSS-селекторов. Нововведения CSS 3;
    • CSS Анимация. Методы и практики построения анимации и анимационных эффектов на веб-странице, при помощи инструментов css-transition и css-animation;
    • Адаптивная вёрстка (дизайн). Методы и практики создания веб-страниц для широкого спектра устройств от смартфонов и планшетов до настольных компьютеров и SmartTV устройств;
    • CSS библиотеки и фреймворки. Понятие CSS-библиотек/фреймворков, цели и задачи ими решаемые;
    • Twitter Bootstrap 4. CSS-фреймворк и инструмент для быстрого создания страниц сайта;
    • Font Awesome 5. CSS-библиотека векторных изображений применяемых при создании веб-страниц;
    • Google Fonts. Инструмент для поиска и подбора шрифтов для веб-страниц;
    • Проектирования веб-страниц: Инструменты для проектирования и прототипирования веб-страниц сайта. Понятие wireframe, mockup, prototype. Сервис NinjaMock;
    • Применение подготовленных шаблонов при создании веб-страниц;
    • JavaScript. Язык программирования, применяемый в веб-разработке для манипуляции содержанием веб-страницы в браузере пользователя;
    • В рамках курса включается блок Основы программирования на базе JavaScript:
      • Цели и задачи стоящие перед JavaScript;
      • Понятие переменных и типов данных;
      • Арифметические и строковые операторы и операции в JavaScript;
      • Понятие алгоритма, разработка алгоритмов решения задач;
      • Условные операторы и разветвляющийся вычислительный процес;
      • Циклы в JavaScript, цели и задачи циклов;
      • Массивы в JavaScript, операции, выполняемые с массивами в JavaScript;
      • Повторное использование кода, функции, работа с функциями в JavaScript;
      • Концепция объектно-ориентированного программирования (ООП);
      • Понятие объектной модели документа DOM (Document Obejct Model);
      • Понятие древовидной структуры HTML-документа (элементы дерева документа, родительские и дочерние элементы);
      • События и способы их обработки в JavaScript’e;
      • Таймеры в JavaScript;
    • jQuery. JavaScript-библиотека, упрощающая работу c разметкой HTML-страниц;
    • Веб-формы. Средства ввода данных посетителями страницы. Формы и элементы ввода. Валидация и обработка данных веб-форм;
    • Развитие веб-технологий: Развитие стандартов HTML 5.x и CSS 3.x.
  • «Back-End» – технологии, отвечающие за процессы происходящие на серверной стороне:
    • Веб-сервер — программное обеспечение, обрабатывающее запросы клиентов (браузеров). Также рассматриваются программные пакеты типа «локальный сервер» (OpenServer) для разработки и тестирования веб-сайтов на локальном компьютере;
    • PHP (Hypertext Preprocessor) – язык программирования серверной стороны, предназначенный для генерации и/или обработки HTML-документов перед отправкой их посетителю сайта;
    • Обработка данных. Обработка данных (в т.ч. данных веб-форм) на стороне сервера. Взаимодействие с системами управления базами данных;
    • Базы данных — как средство хранения данных веб-сайта. Язык структурированных запросов SQL, на примере системы управления базами данных MySQL;
    • Unicode. Вопросы кодировки текстовых данных.
  • «Практики» – вопросы проектирования, создания и обслуживания веб-сайта:
    • Системы управления содержимым (CMS) — принципы построения CMS. Практика использования системы управления содержимым.
    • WordPress — использование CMS WordPress при разработке сайта. Разработка темы (шаблонов) для CMS WordPress;
    • Вопросы и практики развёртывание и переноса веб-сайтов;
    • Поисковая оптимизация сайта (SEO). Роль поисковых систем в жизни веб-сайта, практики поисковой оптимизации применяемые при разработке сайта;
    • Оптимизация для социальных медиа (SMO). Практики подготовки сайта для продвижения в социальных медиа. Протокол Open Graph и практики его применения;
    • Маркетинг. Cайт как маркетинговый инструмент, чего хочет заказчик, чем хороший сайт отличается от плохого, стратегии и тактика общения с заказчиком, веб-разработка как источник дохода;
    • Жизненный цикл сайта. Управление процессом разработки сайта. Этапы проектирования и разработки сайта. Команда разработчиков, роли и задачи;

Наши студенты

Наши выпускники

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

** Образовательный центр оставляет за собой право вносить изменение в программу курса.