Рус Укр

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

Basic level
5

alarm-clock занятий

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

rocket старт

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

Осталось

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

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

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

Цели курса

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

Этот курс в формате offline доступен в

grinning-face

basic
level

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

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

  • HTML5

    HTML5

  • CSS

    CSS

  • SASS

    SASS

  • Bootstrap

    Bootstrap

  • SVG

    SVG

  • Git

    Git

  • Github

    Github

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

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

  • 2:00
Video cover

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

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

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

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

  • Git. Github
  • Знакомство с 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
    Группы по 15 человек Преподаватель уделяет время каждому студенту.
  • nerd-face
    Преподаватели практики У нас преподают только практикующие специалисты из топовых IT-компаний.
  • briefcase
    Система личных кабинетов Эффективное и удобное обучение.
  • speech-balloon
    Оперативная служба поддержки студентов Срочный вопрос — своевременное решение.
  • videocassette
    Доступ к видеозаписям занятий Записи уроков остаются у студентов после окончания курса.
  • hammer
    Практические занятия Большая часть занятий ориентирована на практику.
  • rocket
    Трудоустройство

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

  • clipboard

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

  • books

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

  • smiling-face-with-sunglasses

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

  • globe-with-meridians

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

  • direct-hit

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

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

Наталия Щербак
Наталия Щербак
Мне понравился курс. Были опасения, что все будет сложно, и слишком я далека от сферы it, поэтому не стоит начинать. Но все оказалось не таким сложным) Продолжительность курса (2 месяца), уроки по 2 часа - тот темп, в котором можно воспринимать новую информацию, запоминать и не теряться в ней. Наш преподаватель Сергей понятно объяснял, отвечал на все вопросы и помогал в тяжелых ситуациях) По окончанию курса у меня остались хорошие работы (мои дз), знания в голове и желание узнать больше! Спасибо Hillel, Сергею и ментору Алексею)
Екатерина Шморгай
Екатерина Шморгай
Поначалу отнеслась к курсу с сомнением, т.к. видела в интернете много видео «Обучение Фронт Энд с нуля», но решила попробовать. И как же я ошибалась) Да, я пыталась до курса учить самостоятельно, но когда тебе наглядно объясняют в чём различия, как и что работает, свои хитрости и нюансы, начинаешь вникать и понимать с огромной скоростью) Очень порадовал преподавательский состав, ведь очень многое зависит именно от него) Сергей Скубида, который на каждом занятии спрашивает «Как дела с домашкой? Есть ли вопросы?», всегда очень доходчиво и просто объясняет. Алексей Соловей, который похвалит, всегда на связи и поможет решить любую проблему и ответит на любой вопрос. После прохождения курса, я могу сказать, что если у человека есть хоть малейшее желание и свободное время, он всё сможет)
Mariia Sladkykh
Mariia Sladkykh
Выбрала эту школу по совету. Ни разу не пожалела. Очень хороший старт: доступно, понятно, достаточно заданий для того, чтобы попробовать сделать то, что изучил. Сергей- прекрасный преподаватель. Обьясняет так, чтобы все поняли с практическими примерами из личного опыта. Огромный плюс, что доступ к занятиям остается и ты в любой момент можешь возобновить в памяти полученные знание. Спасибо ))
Геннадий Племянников
Геннадий Племянников
Очень понравился курс, с удовольствием порекомендую его друзьям. Если есть желание учиться то всё даётся довольно просто)
Александр Бартось
Александр Бартось
Курсом очень доволен! Сергей крутейший преподаватель! Очень доступно объясняет и всегда помогает в сложных и непонятных моментах. Безусловно буду рекомендовать курс своим знакомым.
Елена Кузнецова
Елена Кузнецова
Хочу сказать большое спасибо команде, кто работал над курсом, оформлением, информационной поддержкой и множеством таких незаметных и важных деталей! Отдельная огромная благодарность преподавателям за курс, подачу, информацию, оформление, сопутствующие материалы, наглядные и понятные примеры на практике и из практики) Курс большой, интенсивный и тяжелый, казалось объять необъятное, и благодаря вашей потрясающей работе над данным проектом и с нами, подаче доступными к пониманию блоками и словами, наглядности лекций и презентаций, примеров и материалов, простых разъяснений и пояснений изначально таких запутанных и сложных вещей - прошёл на одном дыхании и плотно уложился в понимании!) Ваша поддержка и помощь по множеству вопросов, понятные и яркие примеры, доступные пояснения и комментарии, на протяжении всего курса, в любое время, очень быстро и ясно, помогали не бросить обучение, углубляться и продолжать учиться, не теряясь в море информации! Наша совместная работа получилась очень упорной и плодотворной! Спасибо Вам)
Валентин Верейкін
Валентин Верейкін
Спасибо IT School Hillel за полученные знания и практику в процессе обучения, отличный преподавательский состав, всё доступно объясняют. Отдельное спасибо преподавателю Михаилу Шишову - всегда поможет в вопросе если не знаешь как сделать то или иное действие в выполнении практического задания. Обучение не из легких, но, никто не говорил что будет легко!. Главное верить в себя и стремиться к поставленной цели.
Анна Чупыра
Анна Чупыра
Огромное спасибо нашему преподавателю Сергею за курс! Очень хорошо и доходчиво раскрыты все темы, всегда можно получить ответ на вопрос. Мне понравилось как построена программа, новая тема всегда отрабатывается на практике, интересные задания.
Орхан Азимов
Орхан Азимов
Хочу поблагодарить Сергея за пройденный курс Front-end-basic) Очень понравилась его подача, все разжевал, объяснил. Рассказал о многих нюансов верстки из своей практике, реально заинтересован в том, чтобы донести информацию студентам и чтобы они освоили материал. Красавчик👍🏻😎
Юрий Платика
Юрий Платика
Курс отличный, в первую очередь благодаря преподавателю. Непросто сохранить рабочую атмосферу в группе, когда во-первых все онлайн, во-вторых люди чрезвычайно разного уровня познаний, кто-то уже знаком с основами, кто-то впервые слышит аббревиатуру IDE. Сереже Скубиде мне кажется удалось главное - увлечь процессом. Я с огромным удовольствием выполнял задания и открывал для себя новое. Безусловно, как и в любом деле, есть моменты, которые можно улучшить, но если я считаю, что курс точно оправдывает свою стоимость и с удовольствием буду учиться дальше! Гилелю успехов, Сергею новых студентов :).
Иван Ищенко
Иван Ищенко
Что касается школы, как говорится - Приняли хорошо 😇 Хоть и я выбрал онлайн курс я ниразу не пожалел, все круто!!! Преподнесение материала на высоте, а в сумме с количеством практических заданий это просто разрыв всех шаблонов 😜 Материал усваивается мгновенно. Так же складывается такое ощущение что преподаватели работают 24/7😅 в какое бы время суток я не обратился с вопросом - в течении нескольких минут уже готов ответ с решением проблемы 😎 Отношение к студентам - это космос 🚀 Вау, круто, рекомендую !!!!
Дмитрий Мытник
Дмитрий Мытник
Как всегда очень хорошая организация учебного процесса! Очень логично и доступно структурированы лекции. И если честно, Ольга Маслова на данный момент для меня лучший преподаватель! Она сочетает глубокие знания, и при этом очень доступно излагает материал, всегда оперативно и качественно предоставляет обратную связь, помогает в проблемных вопросах!

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

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

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

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

    Почему стоит выбрать именно эту программу? Курсы 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?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отправлено

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

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

Gift certificate background image Gift certificate background image