Рус Укр

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

Обзор курса 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-компаниях мира

Иван Ищенко
Иван Ищенко
Что касается школы, как говорится - Приняли хорошо 😇 Хоть и я выбрал онлайн курс я ниразу не пожалел, все круто!!! Преподнесение материала на высоте, а в сумме с количеством практических заданий это просто разрыв всех шаблонов 😜 Материал усваивается мгновенно. Так же складывается такое ощущение что преподаватели работают 24/7😅 в какое бы время суток я не обратился с вопросом - в течении нескольких минут уже готов ответ с решением проблемы 😎 Отношение к студентам - это космос 🚀 Вау, круто, рекомендую !!!!
Дмитрий Мытник
Дмитрий Мытник
Как всегда очень хорошая организация учебного процесса! Очень логично и доступно структурированы лекции. И если честно, Ольга Маслова на данный момент для меня лучший преподаватель! Она сочетает глубокие знания, и при этом очень доступно излагает материал, всегда оперативно и качественно предоставляет обратную связь, помогает в проблемных вопросах!
Ирина Шаврина
Ирина Шаврина
Спасибо большое, все очень понравилось) Курс информативный и интересный. Особенно я бы отметила большое количество практических заданий, которые помогли усвоить всю полученную информацию. Огромное спасибо Александру, нашему преподавателю, он всегда был на связи и помогал по всем вопросам!
Александра Цесельская
Александра Цесельская
Спасибо огромное за курс, за огромный позитивный энергетический заряд. Александр преподаватель от Бога. Очень удобные презентации, все интуитивно понятно. Объясняет сложный материал очень доступно, с большим количеством примеров. Очень позитивный преподаватель. Весь материал подается в очень понятной форме с приятной долей юмора. Занятия хорошие, выверенные, доведенные до идеала. Интуитивно понятные лекции и сопровождающие к ним материалы. Домашнее задание тоже отлично расписано - по нему легко ориентироваться. Учиться было в кайф! Очень много дополнительного материала, разделенного по блокам всегда можно вернуться и переслушать. На первом уроке сразу доступны все презентации и рассказывается как будет нарастать интенсивность курса. Знаешь как распределить свои силы сразу с первого урока. Забегать вперед даже не захочется, информации как раз хватает, чтобы переварить до следующего урока. Еще раз спасибо огромное за обучение, за поддержку, за интересное общение.
Татьяна Орлянская
Татьяна Орлянская
Закончила курс Front-end Basic online, все очень понравилось. Спасибо нашему преподавателю Александру Плахотенко, с ним занятия проходили очень интересно и понятно. Был с нами на связи все время и отвечал на все вопросы, всегда помогал. Давал советы по трудоустройству, рассказывал о тонкостях прохождения собеседования по собственному опыту. Получила много актуальной информации, не жалею, что выбрала эту школу и планирую идти на следующий курс
Юрий Форысь
Юрий Форысь
Прошёл обучение на курсе Front-end Basic. Хочу поблагодарить всех сотрудников школы причастных) к организации моего обучения и непосредственно к моему обучению. В школе были созданы все условия для получения максимальных знаний. Программа обучения структурирована и последовательна, нет "воды", присутствует много практики. Спасибо большое Александру Плахотенко, очень доступно доносил материал и всегда готов был помочь при возникновении вопросов
Эльмин Касумов
Эльмин Касумов
Как говорится) Я увидел, понял и научился! Цена- качество! Деньги потрачены не зря! Без Лишней воды! Все четко и поделу! И помощь всегда и фидбек и все ясно и понятно ) даже если не разобрался тебе разжуют и засунут в твой глухой танк в котором ты сидишь в непонятках) Спасибо вам!
Подошёл к концу курс Front-end basic online, который вёл Александр Плахотенко. Хотелось бы выразить благодарность школе за организацию курса, удобную систему сдачи дз. Отдельную благодарность преподавателю курса Александру! Каждый урок море полезной, доступно изложенной информации, закреплённой на практике. Подробный разбор возникшего вопроса на занятии, поддержка в чате, замечательное отношение к студентам! Александр профессионал в своей сфере, делился экспертностью не только по части практических знаний, но и общей полезной информацией, нужной для новичка. Курс, составленный преподавателем, очень понравился! Собираюсь на следующий Front-end Pro.
Артём Димитров
Артём Димитров
Максимально классный курс, отличные преподаватели. Все кратко и по сути, полностью доволен и всем рекомендую.
Даниил Гриценко
Даниил Гриценко
Очень доволен. До курса нуждался в бусте, здесь его и получил. Планирую через какое-то время идти на Front-end Pro. Сам бейсик дал много знаний и практики, до курса я не был способен верстать так как сейчас умею. По поводу работы многим интересно. Я пробуюсь на джуна, хоть там и js нужен, не спрашивайте, почему именно на джуна. Пока что дальше рекрутера не доходил, так как все-таки база побольше нужна (задание сложное дается чуть ли не везде) После F-t Pro можно смело пробоваться, но я все-таки попытаюсь. А в целом, с моим нынешним багажом можно и на обычного верстальщика пробоваться, если так подумать. Всем успехов!
Илья Прудченко
Илья Прудченко
Курс супер, жаль, что так мало(
Влад Аревджанян
Влад Аревджанян
Курс был крутым, узнал много познавательного для себя, все было на высшем уровне) Отдельная благодарность Сергею за курс, за четкую подачу материла, решение сложных ситуаций и интересные домашки)

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

  • Кому будет интересен курс 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