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

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

Онлайн курсы Front-end HTML/CSS + JavaScript

Курсы Front End - обучение на web разработчика. Учим с нуля, возраст учеников  16+

После написания кода вы сразу видите результат, ваше портфолио визуально понятно для заказчика. Знание Front-End потом позволит вам перейти в любую сферу разработки и продолжить углубленное обучение в ИТ-сфере. После курса вы научитесь создавать сайты и интерфейсы с использованием HTML и CSS. Вы выучите один из самых популярныхих языков — JavaScript. Это требования для нчального уровня знаний.

Все занятия это живое обучение и общение через программу Zoom, с демонстрацией экрана преподавателя. Каждый урок будет записан для использования вами в будущем. Вы вместе с  преподавателем работаете над практическими заданиями в команде и самостоятельно. Преподаватель проверяет каждое домашнее задание и дает обратную связь. Ученики и преподаватель помимо уроков общаются в общем чате для решения рабочих задач.

Что такое FRONTEND? Это визуальная часть сайта или веб-приложения, которую мы видим в окне нашего браузера.

Более продвинутые разработчики помимо этих основных веб-технологий хорошо владеют фреймворками и библиотеками (React, Angular, Backbone.js.), знает, что скрыто «под капотом» – в серверной части сайта, в базах данных. Он умеет работать с репозиториями и системами контроля версий (Git, CVS), может применять графические редакторы и шаблоны популярных CMS.

  • Angular.JS, React.JS, Backbone.js.
  • Инструменты контроля версий.
  • Бэкенд и базы данных (идеальных знаний, конечно, от фронтендера не требуется, но понимание серверных технологий нужно, без этого далеко не уедешь).
  • DOM, OOCSS / BEM / SMACSS.
  • Популярные CMS.
  • Стоимость курса: 8000 грн
  • Первый урок пробный. Оплата - до второго урока половина суммы, в средине курса - вторая половина суммы. При оплате по безналу +10 %.
  • Длительность урока - можно менять по согласованию между учениками. Индивидуальное обучение: 1 час 350 грн.
  • График и время занятий:
Время обучения Всего часов
акад/астрон
Срок Преподаватель Начало занятий,
адрес
19.00-21.00
пн ср пт
24 / 21 3 мес ВОЛОДІН О. П.
(отзывы)
в течение недели
онлайн з викладачем
  • Срок обучения: 3 мес
  • Запись в Свидетельстве после окончания курса: Курс Front-end разработчик

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

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

1 часть. Разработка веб-сайтов с использованием HTML, CSS

1. Введение в HTML. Ссылки

  • Что такое веб-страница, протокол HTTP, браузер и клиент.
  • Понятие о разметке. Понятие об HTML, атрибутах и тегах.
  • Понятие о документе HTML. П
  • Понятие о кодировке.
  • Мнемоники HTML.
  • Понятие об URL.
  • Гиперссылки и закладки.

2. Изображения. Введение в CSS

  • Изображения.
  • Форматы изображений, выбор оптимального формата, приёмы оптимизации.
  • Кэширование изображений. data:URI.
  • Введение в CSS.
  • Основные свойства.

3. Шрифты. Границы. Размеры

  • Контейнеры.
  • Цвет.
  • Единицы размеров.
  • Шрифты и сервисы подгружаемых шрифтов.
  • Границы.
  • Размеры.

4. Отступы. Фон. Таблицы

  • Отступы.
  • Выравнивание блочного и строчного содержимого.
  • Фон.
  • Управление переполнением.
  • CSS-спрайты.
  • Таблицы.

5. Обтекание. Вёрстка макетов. Селекторы

  • Обтекание.
  • Табличная и блочная вёрстка, приёмы.
  • Селекторы по классу, идентификатору, тегу.
  • Знакомство с графическим редактором (на выбор преподавателя).

6. Иерархические селекторы. Каскадирование. Отображение и видимость

  • Селекторы по атрибуту.
  • Иерархические селекторы, БЭМ.
  • Псевдоклассы и псевдоэлементы.
  • Каскадирование.
  • Управление отображением и видимостью.
  • Отладка вёрстки.

7. Медиазапросы. Адаптивная вёрстка

  • Медиазапросы.
  • Адаптивная вёрстка.
  • Мобильная вёрстка, приёмы, подходы mobile-first, desktop-first.
  • Стилевые файлы.

8. Формы. HTML5

  • Формы.
  • Позиционирование элементов - абсолютное, фиксированное, относительное.
  • HTML5 - семантическая вёрстка, формы.

9. Мультимедиа. CSS3. Анимация. Flex. Grid

  • Мультимедиа - flash, видео, SVG. CSS3.
  • Анимация.
  • Flex-вёрстка.
  • Grid CSS.
  • Feature detection.
  • Тестирование вёрстки.
  • Настройка окружения для препроцессоров.
  • Метаязыки стилей.
  • Обзор популярных CSS-фреймворков. Twitter Bootstrap.
 
2 часть. JavaScript - базовый уровень.

1. Введение в JavaScript

  • Знакомство с JavaScript.
  • Переменные, типы данных, выражения.
  • Условные операторы.

2. Циклы. Функции. Массивы и хэши

  • Циклы.
  • Функции.
  • Области видимости переменных.
  • Стратегия поиска ошибок и отладка кода.
  • Массивы и хэши.

3. Встроенные классы и объекты. DOM

  • Встроенные классы и объекты.
  • Работа с DOM и DHTML.
  • Знакомство с jQuery.
  • Знакомство с AJAX.
  • "Ненавязчивый JavaScript".

4. Разработка выпускного проекта.

Компьютерные курсы : ВОЛОДІН Олег Петрович

ВОЛОДІН Олег Петрович

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


Курсы Front- end разработчик с нуля 
 

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

Закінчив факультет кібернетики університету ім. Т.Г. Шевченко в Києві.

Опыт работы:

Більше 9 років досвіду. Досвід викладання - більше 5 років.

Основні напрямки: програмування. Розробка курсів: "Excel- поглиблений рівень", "Програмування та алгоритмізація", "Web програмування", "Системи управління базами даних", "Проектування інформаційних систем" и др.

Також  викладач має досвід в розробці веб- дизайну та впровадженні мобільного дизайну в додатках та веб-сторінках; досвід в сфері  фронтенд-разробки.

 

Посмотреть отзывы, комментарии...

 

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

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

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

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

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

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

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

 
 
Саня
Классный курс по фронд енду. Много новой для меня информации. Воспринимается по разному - что то легко, а чему то надо уделить больше внимания для лучшего понимания. Радует, что есть заявки на фрилансе даже на простой уровень.

— 6 февраля 2022 г.

Віка
Хотіла б подякувати викадачу за практичні уроки. Раніше вважала, що це досить складний напрямок, але потроху все виходить)

— 5 января 2022 г.

Лидия Ивановна
Изучать программирование "в возрасте" и когда уже 10 лет работаешь в другой программе - конечно тяжело. Но Олег постарался уделить внимание каждому + была проверка домашних заданий и новые проекты.

— 10 декабря 2021 г.

Леша
Хороший курс, Олег отличный преподаватель. Особенно для начинающих этот курс "то, что доктор прописал" - я на многое поменял взгляд. С уверенностью буду создавать сайты начального уровня.

— 9 октября 2021 г.

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

— 13 июля 2021 г.

Оксана

После прохождения курса по фронт енд я начала делать небольшие сайты на фрилансе, даже разместила портфолио на бехансе. Было уже несколько заказов)

— 3 декабря 2020 г.

Александра
Хоть где-то нашла то, что искала. Самой разобраться в некоторых уроках на ютубе очень сложно. Записалась на курс по созданию сайтов в Практикум. Поэтому записи уровок очень понадобились.

— 17 июня 2020 г.

Нина Петровна
Обучение помогло понять организацию ресторанного бизнеса и сэкономить вложения).

— 28 апреля 2017 г.

Людмила
Занималась индивидуально у Оксаны Петровны. За короткое время я получила больше информации чем от моих коллег из общепита. Все кратно, по делу и из собственного опыта.

— 9 апреля 2015 г.

 

После обучения на курсах по созданию сайта вы будете уметь:
Понимать синтаксис и теги языков разметки HTML и CSS;
Разбираться в структуре исходного текста страницы;
Создавать формы в веб-страницах;
Управлять элементами с использованием CSS;
Верстать веб-страницы «блочной» и «табличной» версткой;
Создавать анимации и плавные переходы;
Понимать синтаксис языка JavaScript;
Знать типы данных и основные операции;
Применять функции, объекты, операторы управления программой;
Управлять взаимодействием с формами, изображениями и ссылками на странице;
Управлять содержимым веб-страницы.

Друзі! Ми надаємо безкоштовні консультації по навчанню, підбору курса та програми для веденню бухобліку - пишіть нам в вайбер чи телеграм, скидуйте скріншоти, відео. Ми вам допоможемо розібратись з усіма питаннями!)
 
Якщо ситуація більш серйозніша, тоді йдемо в електронну пошту). Відправте , будь-ласка нам інформацію на пошту fame@ukr.net