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

Basic level
4.9

alarm-clock занятий

spiral-calendar занятий в неделю

rocket старт

За неделю записалось

Осталось

Научись верстать сайты!

Разработка видимой части любого сайта называется Front-end, и это быстрее всего развивающаяся область программирования. Ни один современный веб-сайт и веб-приложение не обойдутся без Front-end разработчика.

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

Цели курса

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

basic
level

Курс Front-End Basic не предполагает никаких специальных знаний и навыков, достаточно иметь уровень уверенного пользователя ПК.

Изучаемые технологии

  • HTML5

    HTML5

  • CSS

    CSS

  • SASS

    SASS

  • Bootstrap

    Bootstrap

  • SVG

    SVG

  • DOM

    DOM

Обзор курса Front-end Basic

В этом обзоре вы узнаете, что такое Front-end, что делает Front-end разработчик и чему учатся студенты на курсе Front-end Basic.

  • 2
Video cover

Профессия Front-end разработчика

Программа онлайн-курса
Front-end Basic

alarm-clock 20 занятий
Печать
  • Введение. Установка необходимого ПО
    • Современный Front-end. Перспективы развития и тренды

    • Установка ПО, подготовка окружения для разработки

  • Знакомство с HTML
    • Структура HTML-документа

    • Теги, атрибуты тегов

    • Разметка текста с помощью HTML

    • Ссылки

    • Списки

    • Таблицы

    • Изображения. Форматы изображений

    • Формы

    • Медиа (video, audio). Iframe

    • Теги-ориентиры (header, main, aside, nav, section, article)

  • Знакомство с CSS
    • Каскадность. Наследование

    • Подключение CSS

    • Родные стили. Normalize.css Reset.css

    • Селекторы

    • Стилизация текста

    • Шрифты

    • Блочная модель

    • Float. Float layout. Clearfix

    • Position

    • Псевдоклассы. Псевдоэлементы

  • Advanced CSS
    • Flexbox. Flexbox layout

    • CSS Grid. Grid layout

    • CSS препроцессоры

    • CSS фреймворки

    • CSS методологии

  • Знакомство с SVG
    • Система координат в SVG

    • Способы добавить SVG на страницу

    • Примитивные фигуры

    • Стилизация SVG

  • Продвинутая работа с графикой
    • Иконочные шрифты

    • SVG Спрайты

    • Адаптивная графика. Тег picture

    • Оптимизация графики

  • Адаптивная верстка
    • Определение Viewport

    • Единицы измерения vh, vw, vmin, vmax, rem

    • Знакомство с концепцией Responsive Web Design

    • Mobile-first/Desktop-first

  • Семантика и доступность
    • Семантическая разметка

    • Доступность пользовательских интерфейсов

  • CSS анимации
    • Transform

    • Transition

    • Filter

    • Animation

  • Итоговый проект

В конце курса выполняется дипломный проект.

Бонусы курса

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

Выпускники получают сертификат об окончании курса

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

Как проходит обучение

  • woman-technologist

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

  • briefcase

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

  • thumbs-up

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

  • light-bulb

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

Преимущества онлайн-обучения в Компьютерной школе Hillel

  • man-raising-hand
    Группы по 14 человек Преподаватель уделяет время каждому студенту.
  • nerd-face
    Преподаватели практики У нас преподают только практикующие специалисты из топовых IT-компаний.
  • briefcase
    Система личных кабинетов Эффективное и удобное обучение.
  • speech-balloon
    Оперативная служба поддержки студентов Срочный вопрос — своевременное решение.
  • videocassette
    Доступ к видеозаписям занятий Записи уроков остаются у студентов после окончания курса.
  • hammer
    Практические занятия Большая часть занятий ориентирована на практику.
  • rocket
    Трудоустройство

    Что мы делаем для того, чтобы вы достигли успеха?

  • clipboard

    Проводим мастер-классы по подготовке резюме и поиску работы

  • books

    Регулярно обновляем программы курсов под требования рынка

  • smiling-face-with-sunglasses

    Приглашаем преподавать только лучших практикующих специалистов

  • globe-with-meridians

    Развиваем нашу сеть партнеров среди топовых IT-компаний

  • direct-hit

    Наши преподаватели часто сами забирают к себе наших лучших Студентов ;)

Наши преподаватели и выпускники работают в топовых IT-компаниях мира

Антон Шарапов
Антон Шарапов
Отличный ментор, понятная программа курса и вообще все гут
Владимир Зенин
Владимир Зенин
Для меня обучение в формате online очень удобно, есть записи лекций, которые можно пересмотреть. Курс вел Савелий Сычев. Очень хорошо объясняет и главное только то, что реально пригодится.
Анна Потемкина
Анна Потемкина
Рекомендую всем школу Hillel. Если вы готовы посветить много времени практики, тогда вам сюда. Вы сможете получить необходимые знания и поддержку специалистов.
Николай Романенко
Николай Романенко
По совету друзей выбрал Hillel для повышения уровня своих знаний. Прошел курс "Front End Basic". Курс понравился, было в меру тяжело (зато потом легко в бою). Курс точно стоит своих денег!) Огромное спасибо нашему преподавателю Екатерине Шиповской! Всегда выходила на связь и помогала столько сколько попросишь! В планах есть взять следующий курс - "Front End Pro". Мыслей рассмотреть другие школы даже нет)) Спасибо)
Евгений Ланг
Евгений Ланг

Савелий Сычев очень хороший лектор и высококлассный специалист. Очень доволен, что он вёл курс. Формат онлайн мне очень понравился. Огромная экономия времени. Для меня это действительно важный формат и желаю его развивать дальше. Спасибо всем и Hillel Bot-у)

Александра
Александра

Долго выбирала компьютерную школу, остановилась на Hillel и очень довольна своим решением. Группа у нас была достаточно разноплановая по степени начальной подготовки. Это немного задерживало во время практики. А в остальном все достаточно круто. Очень понравились лекции преподавателя Екатерины Шиповской, конспекты и ресурсы, которые она нам предоставила. Спасибо большое, есть огромное желание пойти на курс Pro.

Всем привет. При выборе IT-школ остановилась на HILLEL ввиду удобного расположения и атмосферы в школе (присутствовала на одной из презентаций). Екатерина Шиповская очень крутой Преподаватель, очень признательна ей за помощь и терпение :)))

PS HILLEL, я с вами на следующие курсы! Школа и Преподаватели молодцы!

Сергей Никифоров
Сергей Никифоров

Hillel — это не просто сообщество разработчиков, которые живут миром IT, это дружеский круг, где можно укрепить свои навыки, получить недостающие знания, обрести новый практический опыт в решении разной степени сложности задач. Нашей команде очень повезло — нашим преподавателем по Front-end стал талантливый инструктор Савелий Сычев. Мы благодарны ему за интересные задания, доступность в объяснении; он – профессиональный разработчик с качественным подходом к учебному процессу.

Савелий как Front-end trainer постоянно online – к нему можно обратиться с хорошей задачей по native JS, и он будет рад помочь. С Савелием очень легко: его глаза горят, когда речь идет о Front-end. Также наша группа благодарна Савелию и администраторам за прекрасную организацию курса и домашнюю обстановку.

Курсы отлично помогают структурировать знания, серьезные проекты позволяют расширить практические навыки!

Дмитрий Мытник
Дмитрий Мытник
Как всегда очень хорошая организация учебного процесса! Очень логично и доступно структурированы лекции. И если честно, Ольга Маслова на данный момент для меня лучший преподаватель! Она сочетает глубокие знания, и при этом очень доступно излагает материал, всегда оперативно и качественно предоставляет обратную связь, помогает в проблемных вопросах!
Максим Веселов
Максим Веселов
Огромное спасибо Hillel, за прекрасные условия, для комфортного обучения! Приветливые сотрудники, которые, не стоят на месте. Отдельное спасибо, хотелось бы сказать Шайтану Владимиру, преподавателю Front end basic. За его старания научить. Иногда казалось, что ему это нужно больше чем нам. Даже если кто-то сомневается, с ним он поймёт что это его. Буду идти на Front end pro конечно же только к нему!
Данила Греков
Данила Греков
Недавно закончил курс Front-end basic. Всё очень понравилось. Большое спасибо за отличную рабочая атмосфера и большое внимание к студентам. Так же, отдельно хотелось бы поблагодарить Шайтана Владимира за очень доступное объяснение сложной, на первый взгляд, информации, постоянную поддержку, очень лояльное отношение к ученикам и особый подход к преподаванию в целом.
Валентина Франкова
Валентина Франкова
Закончила курс Front End Basic несколько недель назад, обучение очень понравилось, перед курсом было очень страшно и казалось, что вообще ничего не смогу понять, но благодаря крутому преподавателю(в нашей группе был Вова Шайтан) очень многому научилась, и все оказалось вполне понятно Отдельный респект школе за атмосферу и персонал, все супер внимательные и отзывчивые, решат любую проблему В общем, очень рекомендую школу Hillel, если хотите получить качественное образование и изменить жизнь к лучшему))

Часто задаваемые вопросы

  • Кому будет интересен курс Front-end?

    Обучение Фронтенду сделает вас одним из самых востребованных специалистов IT-сферы. Это перспективная и высокооплачиваемая профессия в активно развивающемся направлении. Хотите научиться создавать качественные сайты, полезные для пользователей и эффективные для бизнеса? Стройте карьеру с нами.

  • Какие преимущества курсов Front-end: в Казахстане?

    Почему стоит выбрать именно эту программу? Курсы HTML и CSS — важная база, без которой не обойдется фронтенд-мастер. Обучаясь в школе Hillel, вы сможете качественно овладеть основами, и вот почему:

    1. Программа разработана ведущими представителями IT-индустрии — опытными менторами-практиками

    2. Учебный процесс происходит в небольших группах. Ментор может уделить внимание каждому

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

    Мы наладили партнерские связи со всеми крупными айти-компаниями города и страны, что позволяет нам принимать активное участие в вашем трудоустройстве.

  • Как проходит обучение Front-end с нуля в компьютерной школе Hillel?

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

    На курсе вы научитесь:

    • верстать веб-страницы

    • стилизовать

    • разрабатывать структуру сайта

    • работать с графикой

    • делать адаптивную верстку

    • создавать анимации

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

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

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

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

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

    Процессор* :

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

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

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

    Память:

    • Минимально 500 Гб HDD и более
    • Рекомендуется 200 Гб SSD и более
  • Как получить максимальный балл за домашнее задание на курсе Front-end Basic?

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

    • Выполнить задание в указанные сроки
    • Выполнить все условия задания
    • Выполнить задание без ошибок
    • Пересдача домашнего задания не более одного раза
  • Как мне определиться с курсом? Что сейчас наиболее востребовано в Казахстане?

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

    Чтобы помочь вам с выбором направления, мы составили специальный профориентационный тест.

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

  • Существуют ли какие-нибудь скидки или система лояльности, если Студент по завершении одного курса идёт на следующий курс?

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

    Эта система состоит в том, что в конце курса Студенты пишут тест по пройденному материалу или сдают итоговую работу, по итогам которых получают скидку на следующий курс данного направления:

    • Студент, который имеет самый высокий результат получает скидку 25% на дальнейшие курсы;
    • Студент, занявший второе место, получает 15% скидку;
    • Студент, который оказался на третьем месте, получает 10% скидку.

    Все Студенты получают скидку в размере 5% на любой из курсов Школы.

  • Кем работают ваши Преподаватели? Имеют ли они опыт преподавания?

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

  • Где можно посмотреть отзывы о вашей Школе в Казахстане?

    Вы можете прочесть отзывы наших Студентов и Выпускников на нашем сайте, перейдя по данной ссылке. Еще вы сможете найти отзывы и информацию о нас, зайдя на сайт DOU.ua или же прописав название нашей Школы в Google, где вы также сможете увидеть отзывы о нашей Школе в нашем Google-аккаунте или на Google-картах.

Заявка на консультацию

Оставьте ваши контактные данные, и мы вам обязательно перезвоним!

Обязательно укажите ваше имя кириллицей

Обязательно укажите email, по которому мы сможем с вами связаться

Обязательно укажите телефон в международном формате

Школа работает с 10:00 до 21:00 по будням и с 10:00 до 19:00 по выходным дням (киевское время, GMT+2).

Отправлено

Приобрести подарочный сертификат

Приобрести подарочный сертификат

Gift certificate background image Gift certificate background image