Рус Укр

Онлайн-курс
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

  • DOM

    DOM

Профессия 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-компаниях мира

Артём Димитров
Артём Димитров
Максимально классный курс, отличные преподаватели. Все кратко и по сути, полностью доволен и всем рекомендую.
Даниил Гриценко
Даниил Гриценко
Очень доволен. До курса нуждался в бусте, здесь его и получил. Планирую через какое-то время идти на Front-end Pro. Сам бейсик дал много знаний и практики, до курса я не был способен верстать так как сейчас умею. По поводу работы многим интересно. Я пробуюсь на джуна, хоть там и js нужен, не спрашивайте, почему именно на джуна. Пока что дальше рекрутера не доходил, так как все-таки база побольше нужна (задание сложное дается чуть ли не везде) После F-t Pro можно смело пробоваться, но я все-таки попытаюсь. А в целом, с моим нынешним багажом можно и на обычного верстальщика пробоваться, если так подумать. Всем успехов!
Илья Прудченко
Илья Прудченко
Курс супер, жаль, что так мало(
Влад Аревджанян
Влад Аревджанян
Курс был крутым, узнал много познавательного для себя, все было на высшем уровне) Отдельная благодарность Сергею за курс, за четкую подачу материла, решение сложных ситуаций и интересные домашки)
Екатерина Борвенко
Екатерина Борвенко
Давно хотела изучить изучить Front-End и не пожалела. Понравилась подача материала, спокойно и всё понятно. Сергей объяснял так, что даже вопросов не оставалось, а если они и появлялись, то на них сразу давались пояснения. На все домашки были подробные фидбеки по ошибкам. Поэтому хотелось сдавать всё вовремя)) Спасибо большое, буду продолжать обучение!
Анастасия Ермолаева
Анастасия Ермолаева
Школу выбрала по отзывам друзей, которые здесь обучались и впоследствии нашли работу. Все всегда доброжелательные, на связи, на любой вопрос ответят. Большое спасибо преподавателю Сергею за отличную подачу информации, всё структурировано и на примерах. Специально подобранные домашки заставляли лишний раз подумать, что способствовало лучшему усвоению информации. Если возникали вопросы или проблемы, Сергей и наш ментор - Олег, всегда оперативно отвечали. До курса я далека была от разработки и мира IT-технологий, но это не помешало мне успешно окончить курс. Временами сложно, но безумно интересно) Если вы ещё думаете учиться или нет - не думайте, а записывайтесь на интересующий вас курс)
Олег Черпдник
Олег Черпдник
Все понравилось)
Виталий Румиевский
Виталий Румиевский
Мне со школы нравилось программирование и всё, что было связано с компьютерами. И хотел работать в этом направлении. Но прошло время и я решил реализовать свою школьную мечту. Семья поддержала и совместно мы нашли выход. Онлайн курсы Вашей школы. Онлайн формат очень подходил к моей нынешней работе. И вот я здесь! И вот я окончил курс Front End Basic! И помогли мне в этом отличные преподаватели. Александра Коваленко - мой первый преподаватель в мире вёрстки. Рассказала, показала, объяснила и научила. Хороший преподаватель. Когда нужно - поддержит. Когда нужно - предоставит импульс в нужном направлении. Спасибо, Саша, за терпение. Не легко разговаривать с пустым монитором и знать при этом, что на тебя сейчас смотрит десяток человек. Спасибо сотрудникам школы за вашу работу. За то, что даёте возможность развиваться в интересном направлении. Ещё раз спасибо.
Александр Громовой
Александр Громовой
Спасибо школе Hillel и отдельно преподавателю и мастеру своего дела Саше Коваленко за приобретённые знания. Занятия с Сашей проходили легко и непринужденно, такого удовольствия от обучения я еще не получал. Всем, кто еще сомневается брать этот курс или нет, настоятельно советую брать! Вы точно не пожалеете. А приобретенный опыт поможет вам в дальнейшем получить заветную работу. Однозначно буду советовать всем своим друзьям, которых заинтересует данное направление, вашу школу. Ну и конечно же уже записался на следующий курс :)
Бомбический опыт и крутые преподаватели. Большое спасибо Саше, любые вопросы можно задавать и быть уверенным, что получишь качественный ответ и всяческую помощь. Рекомендую!
Александр Рыженко
Александр Рыженко
Вот и закончилась учеба! Даже, как-то немного грустно. Время пролетело быстро, интересно и познавательно. Отдельная благодарность Саше Плахотенко, отличный и интересный преподаватель. В общем, хороший курс.
Большое спасибо за такой познавательный курс! Всё доступно, понятно и упорядочено! Атмосфера в школе прекрасная, начиная с первого занятия! Отдельное спасибо Александру Плахотенко за то, что в любое время на связи, всегда готов помочь, подаёт материал на высшем уровне))

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

  • Какой нужно иметь компьютер, чтобы обучаться на курсе 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