(067) 729-28-01 viber
(095)-617-23-48
(044) 362-76-63

Правый берег:
м. Святошин, ул. Чистяковская, 2
Левый берег:
м. Левобережная, ул. Е.Сверстюка, 19 (бывш. М.Расковой)
Заказать звонок

Компьютерные курсы

Курсы "Основы WEB-программирования для школьников" в Киеве

Как научиться программировать? Что нужно знать, чтобы стать разработчиком? Какой язык программирования учить? На все эти вопросы ты найдешь ответы в наших компьютерных курсах для школьников.  Это первый, но очень важный шаг — именно тут начинается образование в сфере it.


На этом курсе Вы реально научитесь создавать web-страницу в Internet, изучите основы html, необходимые для создания качественных сайтов. Если Вы мечтаете о профессии веб-мастера в будущем, то этот курс - важнейший шаг на пути к ее получению. Вы научитесь самостоятельно оформлять web-страницы с использованием языка разметки HTML, с рисунками, таблицами, ссылками и формами, также используя каскадные таблицы стилей CSS.

  • Стоимость курса: 3200 грн
  • Оплата на втором уроке наличными полной суммой или частями по 1600 грн.
  • Дни обучения: два дня в неделю по будням - можно менять по согласованию с группой, по выходным - сб, вс. Индивидуальное обучение: 1 час 200 грн.
  • График и время занятий:
Время обучения Всего часов
акад/астрон
Срок Преподаватель Начало занятий,
адрес
16.30-18.30
вт чт
64 / 48 2 мес КОМАЩУК С. С.
(отзывы)
в течение недели
ул. Чистяковская, 2
16.30-18.30
пн ср
64 / 48 2 мес КОМАЩУК С. С.
(отзывы)
в течение недели
ул. Е.Сверстюка, 19 (бывшая Расковой)
  • Срок обучения: 3 мес
  • Запись в Свидетельстве после окончания курса: Основы WEB -программирования

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

Последовательность изучаемых тем может изменяться.

1. Введение и основные понятия
  • Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
  • Что такое HTML та CSS. Их назначение.
  • Структура HTML-документа. Понятие элементов и атрибутов
  • Что такое тег? Типы тегов. Правила оформления HTML-документа
  • Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки
  • Использование комментариев.
  • Создание HTML-документа в программе «Блокнот»

2. Основные теги
  • Основные теги форматирования текста. Структурные теги. Понятие атрибута тега.
  • Правила вложения тегов. Проверка страницы  на  ошибки.
  • Списки. Виды списков. Настройка вида списков.  Многоуровневые списки.          
     
3. Ссылки и иллюстрации
  • Виды ссылок.  Понятие «якорь».  Основные атрибуты ссылок.  Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок
  • Размещение иллюстрации на web-странице.
  • Форматы изображений, их отличия и назначение. Изменение  размера изображений.
  • Типы файлов иллюстраций. Элемент IMG и его атрибуты
  • Распределение иллюстраций по страницам сайта:Web-design, приемы и советы          
     
4. Таблицы и списки
  • Структурирование информации на WEB-странице при помощи списков. Типы списков
  • Особенности табличной модели в HTML 4, отличия от модели в HTML 3.2. Таблица и ее элементы
  • Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами
  • Использование таблиц. Макетирование web-страницы с помощью таблиц
  • Использование вложенных таблиц
  • Приемы использования таблиц на web-странице          
   
5. Фреймы и айфреймы, формы
  • Зачем нужны формы. Элементы формы
  • Методы отправки информации из полей формы
  • Использование табличных функций при создании формы на примере анкеты
  • Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов
  • Типичные проблемы сайта с фреймами
  • Iframe- возможности использования
  • Размещение аудио- и видеоматериалов на web-странице: примеры         
 
6. Каскадные таблицы стилей (CSS)
  • Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 1 и Level 2: особенности, поддержка браузерами
  • CSS: основные понятия и определения. Грамматика языка стилей
  • Создание стилей и классов. Принципы каскадирования и принципы группировки
  • Применение стилей и классов к элементам документа HTML
  • Декоративные возможности CSS: формирование рамок и отступов
  • Использование псевдоклассов и псевдоэлементов          
     
7. Использование стилей при создании сайта
  • Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта
  • Разработка стилевого дизайна с учетом модели представления информации (media type)
  • Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS
  • Приемы макетирования web-страницы с использованием стилей
  • Новые возможности CSS3 и их поддержка браузерами.
  • Зачем нужна инструкция !DOCTYPE
  • Позиционирование элементов на странице при помощи CSS

8.Цвет и фон
  • Работа с цветом.  Модель RGB. Работа с полупрозрачностью.
  • Фоновый цвет.
  • Настройка фонового изображения.

9.Шрифты
  • Виды шрифтов. Подключение нестандартных шрифтов. Особенности текстового стиля.
  • Div-контейнери, понятие блочной верстки
  • Высота и ширина. Рамки border & outline, отступы margin & padding.
  • Выравнивание в ряд с помощью float & display.
  • Позиционирование – виды позиционирования.

10.Формы
  • Предназначение форм. Элементы формы. Настройка элементов формы.
  • Стилизация элементов форм.

11.Теги HTML5
  • Структурные теги HTML5. Подключение аудио, видео.
  • Элементы форм HTML5. Валидация элементов форм.

12.Свойства CCS3
  • Градиент. Виды и настройка градиента. Тени. Округление углов.
  • Трансформация. Анимация (transition, keyframes).
  • Сервисы, которые генерируют стили.      
     
13.Адаптивна верстка
  • Медіа-запити. Flexbox. Bootstrap.
         
14. Размещение сайта на сервере и поддержка сайта
  • Описание метаинформации сайта с помощью элемента META и  Description
  • Покупка хостинга, регистрация домена.
  • Настройка FTP-клиента.
  • Вопросы поддержки сайта
  • Основы раскрутки сайта   

ЧЕЧЕТОВ Илья Андреевич

Преподаватель по курсам:


Основы WEB-программирования для школьников 

Образование:

Высшее техническое.

Опыт работы:

Опыт: Разработка проектов любой сложности от лендингов до web-приложений. Кроссбраузерная и адаптивная верстка. Оптимизация кода. Разработка клиентской логики на javascript. Написание собственных скриптов и плагинов. Создание UI приложений с использованием angular и react; построение серверной части с использованием nodeJS; сборка и тестирование приложений.
Знания: HTML, CSS, JavaScript, ES6, Angular, Node.js, jQuery, npm, AJAX, Socket,  Gulp, SASS, LESS, Bootstrap, Materialize, Twig, GIT.

 

Введите Ваши данные
Желаемое время и место занятий:
Укажите месторасположение обучения
Оставьте комментарии или вопросы
(например, если Вы согласны заниматься по разным графикам или в разных филиалах)

Спасибо!
Ваш запрос успешно отправлен.
Мы напишем Вам интересующую информацию
в течение одного дня или перезвоним в ближайшее время.

Спасибо за интерес, проявленный к нашему Учебному центру!

Оставьте свой отзыв

Ваши впечатления, пожелания и т.п.

Ваше имя:
E-mail:

необязательный почтовый адрес служит для связи с автором
и не показывается на страницах сайта

 
 
Саша
Строение программы от простого к сложному - очень эффективно! Преподаватель всегда ответит и подскажет ответы на все вопросы. Курс понравился

— 1 августа 2017 г.

Виталий
Курс обучение с самого нуля. Именно для тех, что хочет только начать изучать веб программирование. Теперь я хоть понимаю в какую сторону развиваться дальше. Спасибо

— 5 июня 2017 г.

Петр
Посетил некоторые пробные уроки и остановился тут. Понраивлась группа и сам преподаватель. Как-то меня убедили, что начать программировать не сложно)

— 22 мая 2017 г.

Зоряна
Навчальний курс повністю виправдав мої очікування. Дуже рада що вибрала саме ваші курси. Бажаю вам і далі залишатись навчальним центром високого професійного рівня!

— 16 апреля 2017 г.

Мария
Я займаюсь дизайном, тому вибрала цей курс щоб спілкуватись з програмістами на одній мові).  Все сподобалось.

— 2 марта 2017 г.

 
Хотите преподавать у нас?
 
Мы всегда ищем талантливых практикующих специалистов, способных научить других. Отправьте, пожалуйста, свое резюме на почту fame@ukr.net!