Правый берег: м. Святошин, ул. Чистяковская, 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 лет.

Основные направления: программирование, Web-программирование; преподавание, разработка курсов: «Программирование и алгоритмизация (C/C#)», «Web программирование (HTML, CSS, JavaScript)», «Системы управления базами данных», «Проектирование информационных систем (UML)» и др.

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

 

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

 

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

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

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

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

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

Ваше имя:
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;
Знать типы данных и основные операции;
Применять функции, объекты, операторы управления программой;
Управлять взаимодействием с формами, изображениями и ссылками на странице;
Управлять содержимым веб-страницы.

У вас есть вакансии для наших учеников компьютерных курсов?
 
Мы всегда рады помочь с трудоустройством нашим ученикам. Отправьте, пожалуйста информацию нам на почту