Web development Code laptop Programming

Онлайн-курс Front-end

Открывай новые возможности с Front-end!

Для детей 12-17 лет
4 месяца
33 занятия
120 по минут
преподаватели
Coach photo
Coach photo
Coach photo
Coach photo
Coach photo
Hand Js Pointer
1 342 ₴
В месяц
За тиждень записалося 0 людей Залишилось 0 місця

Курс Front-end - идеальный выбор для тех, кто хочет получить ключевые знания и навыки для создания современных веб-сайтов. На курсе ты научишься работать с основными технологиями: HTML, CSS и JavaScript, чтобы создавать сайты как для личных проектов, так и для коммерческого использования.

Выбирай формат, подходящий именно тебе!

Занятия в группах до 17 учащихся или индивидуальное обучение с персональным подходом

  • Группы до 17 человек Groups
  • Преподаватель уделяет время каждому студенту Time
  • Преподаватели-практики из топовых IT-компаний Coaches
  • Возможность обучения через LMS и мобильное приложение Application

Открывай новые возможности с Front-end!

HTML5 CSS SASS Bootstrap SVG Git Github JavaScript Json DOM
Programme section image
  • Checkmark

     Изучи основы веб разработки: HTML, CSS и JavaScript

  • Checkmark

    Воплощай в верстку дизайн любой сложности

  • Checkmark

    Научись работать с Git и Github

  • Checkmark

    Делай сайты, которые одинаково хорошо отображаются на любом устройстве

  • Checkmark

    Получи опыт работы над проектами

Попробуй себя в Front-end и создай свой первый сайт всего за 5 занятий!

Освой основы HTML, CSS и JavaScript и создай свой первый веб-проект!

Profession character
Программа курса
  • Основы HTML

    • Знакомство с редактором кода
    • Начинаем ознакомление с HTML
    • Основные теги, их строение и свойства
  • Основы СЅЅ

    • Cascading Style Sheets (CSS)
    • Применение стилей в контексте HTML5
    • Селекторы
    • Цвет CSS
    • Прозрачность
    • Стилизация шрифтов
  • СSS Block Model

    • Основные элементы CSS
    • Знакомство с block model
  • Block Layout. Свойство display

     

    • Создание макета страницы с помощью блочной верстки с помощью блочной верстки
    • Свойство display
    • Выравнивание плавающих элементов
  • Работа с формами

    • Формы в HTML
    • Элементы форм
    • Атрибуты value и name
    • Кнопки, текстовые поля, направление текста, поле поиска
    • Поле для ввода пароля. Метки и автофокус
    • Элементы для ввода чисел
    • Ползунок для ввода чисел. Флажки и переключатели
    • Элементы для ввода цветов, url, email, телефона
    • Валидация форм
  • FlexBox

    • Что такое FlexBox. Flex Countainer
    • Направление flex-direction. Flex-Wrap
    • Порядок элементов Flex-Flow
    • Свойство order. Выравнивание элементов
    • justify-content. Выравнивание элементов
    • align-items и align-self. Выравнивание строк и столбцов
    • align-content
    • Управление элементами. flex-basis, flex-shrink и flex-grow
    • Свойство flex
  • Создание макета FlexBox. Медиазапросы

    • Построение адаптивного макета с помощью FlexBox
    • Использование медиа-запросов для подстройки сайта под разные устройства
  • Bootstrap

    • Основы работы с фреймворком Bootstrap
  • Animation

    • Трансформации, переходы и анимации
  • CSS: Grid

    • Основы построения макета с помощью CSS Grid
  • Введение в JavaScript

    • Что такое JavaScript
    • Основы синтаксиса
    • Комментарии
    • Подключение внешнего файла JavaScript
    • Консоль браузера и console.log и console.log
    • Переменные и константы
    • Типы данных
  • JavaScript

    • Операторы сравнения
    • Логические операции
    • Операции присвоения
    • Условные конструкции
  • JavaScript. JSON

    • Работа со String
    • Массивы
    • Конвертирование в JSON
    • Оператор for, forEach
    • Оператор while
  • JavaScript. Робота з DOM

    • Функции
    • Объекты DOM
  • jQuery

    • Selectors
    • Events
    • DOM
  • jQuery Effects and Animation AJAX JSON

  • Cookie and localStorage

  • Работа з localStorage. setTimeout setInterval Promise

    • localStorage. setTimeout, setInterval
    • Promise: async/await
  • Асинхронность

  • Сайт с данными

    • Рисование фигур
    • Методы moveTo и lineTo
    • Метод rect
    • Fill, clip, arc, arcTo
  • Canvas Animation

    • Комплексные фигуры
    • Рисование мышкой
    • Canvas Animation
  • Slider

  • Canvas Animation. Сontrol object

Учись современно

  • Lesson

    Занятия проходят в режиме онлайн-трансляции, а видеозапись сохраняется в личном кабинете.

  • Homework

    Домашние задания в любое удобное время отправляются через личный кабинет на проверку преподавателю.

  • Feedback

    Преподаватель дает обратную связь с разбором ошибок в домашней задаче.

  • Fix

    Вы прорабатываете ошибки и закрепляете пройденный материал.

Выбирай формат, подходящий именно тебе!

Group lessons

Групповые занятия

Для тех, кто ценит командную работу и общение с ровесниками, мы предлагаем групповые онлайн занятия. В группах до 17 учеников дети не только учатся, но и развивают навыки коммуникации и обмениваются идеями. Наши преподаватели создают динамическую атмосферу, где каждый учащийся может проявить себя, а интерактивный формат способствует лучшему усвоению материала.

Group lessons

Индивидуальное обучение

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

Остались вопросы?

Faq character
  • Как проходит пробное занятие?

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

  • Что нужно для обучения в Bookford?

    Для обучения в Bookford вам понадобятся компьютер или ноутбук, а также стабильное подключение к сети Интернет, что позволит комфортно проходить занятия и выполнять практические задания.

  • Сможет ли ребенок совмещать занятия с обучением в школе?

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

  • Какой нужно иметь компьютер, чтобы обучаться на курсе программирования?

    Требования к компьютеру для обучения на курсе программирования.

    Операционная система:

    • Windows 11 64-бит
    • macOS 10.13 или выше
    • Linux: Ubuntu 16.04 - 20.04

    Процессор* :

    • Минимум intel core i5 4-го поколения
    • Рекомендуется i5 8-го
      *Допустимы аналоги от AMD

    Оперативная память:

    • Минимум 8 Гб
    • Рекомендуется 16 Гб

    Память:

    • Минимально 500 Гб HDD и более
    • Рекомендуется 200 Гб SSD и более
  • Кем работают ваши Преподаватели? Имеют ли они опыт преподавания?

    Мы всегда очень ответственно стараемся подходить к вопросу подбора Преподавателей в нашей Школе. Наши Преподаватели — практикующие специалисты в крупнейших IT-компаниях города. Также они имеют как опыт преподавания в нашей Школе, так и опыт менторства по месту их профессиональной деятельности. В своей манере обучения они делают упор на последние тенденции IT-рынка и исключительно на свой личный опыт для того, чтобы наши Выпускники имели наиболее востребованные знания и опыт работы с конкретными кейсами.

  • Сколько времени нужно, чтобы научиться программировать?

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

  • Какая стоимость обучения?

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

  • Есть ли возможность пройти курс индивидуально?

    Да, конечно! Любой из наших курсов можно пройти в индивидуальном формате, что позволяет адаптировать обучение под ваши потребности и график.

Дизайн

Дизайн

Дизайн

12-17 лет Дизайн

Дизайн

3D моделирование
12-17 лет
3D моделирование

3D моделирование

3D моделирование - новое измерение для твоего творчества!

Разработка сайтов
12-17 лет
Разработка сайтов

Разработка сайтов

Создайте свой первый сайт с нуля!

Програмування

Програмування

Програмування

10-17 лет Програмування

Програмування

Разработка игр в Roblox
10-13 лет
Разработка игр в Roblox

Разработка игр в Roblox

Создавать собственные игры намного интереснее, чем просто играть в них!

Front-end
12-17 лет
Front-end

Front-end

Открывай новые возможности с Front-end!

Разработка сайтов
12-17 лет
Разработка сайтов

Разработка сайтов

Создайте свой первый сайт с нуля!

Python
12-17 лет
Python

Python

Программируй будущее вместе с курсом Python!

Бесплатные мини-курсы Бесплатные мини-курсы ›

Бесплатные мини-курсы

10-17 лет Бесплатные мини-курсы

Бесплатные мини-курсы

Основы дизайна
10-13 лет
Основы дизайна

Основы дизайна

Сделай первый шаг в дизайне – создай макет собственного сайта!

Миникурс 3D моделирование
14-17 лет
Миникурс 3D моделирование

Миникурс 3D моделирование

Твой первый 3D-проект - минимум теории, максимум практики!

Генератор мемов
14-17 лет
Генератор мемов

Генератор мемов

Создаем крутые мемы, программируя на Python с помощью ИИ

Front-end
14-17 лет
Front-end

Front-end

Создай свою первую веб-страницу: от HTML до JavaScript!

Разработка сайтов
12-17 лет
Разработка сайтов

Разработка сайтов

Создай свой первый сайт: от дизайна до верстки!

Бесплатные вебинары Бесплатные вебинары
`