Укр Рус

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

Basic level
5

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

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

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

  • clipboard

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

  • books

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

  • smiling-face-with-sunglasses

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

  • globe-with-meridians

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

  • direct-hit

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

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

Дуже задоволений викладанням програми курсу. Викладач досить доступно та кваліфіковано пояснював матеріал курсу. Отримували повний фідбек від викладача при винекненні питань не тільки під час уроків, але й після. Дуже задоволений підбіркою додаткового матеріалу, так як він зібраний з джерел, де все подається на доступній мові та легко засвоїти. Дуже вдячний викладачеві Сергію Скубіді та ментроу Олегу Петрову за курс,та знання.
Курсом задоволений, все супер дякую! Окремо хочу виділити і подякувати Артему за класне і доступне викладання, а також за зворотній зв'язок 24/7 =)
Я як людина з музичною освітою, навіть не уявляла, що щось в мене вийде на перших сходинках айті, як-то кажуть думала, що не зможу войті в айті. Але на курсі я потрапила до самого чудового вчителя у світі до Сурена. Це людина, яка відповість на всі запитання і навчить ставити їх, бо спочатку ми були не дуже активні у цьому, він дасть гарну пораду, не відвернеться по типу погугли, а розжовує до дрібніць всю інфу. Я не чекала чогось неймовірного від онлайн курсу, але по завершенню дуже кайфую від тих знань, що отримала. Дуже всім рекомендую, не вагайтеся Гілель знає свою справу на відмінно, рекомендую вам і всім своїм друзям, та вже записалась на наступний курс по JS.
Владислав Ребчинский

Владислав Ребчинский

Все очень понравилось. Сурен Мнацаканов - большой профессионал и просто крутой преподаватель!
Oksana Troshyna

Oksana Troshyna

Классный преподаватель. Хорошая организация учебного процесса.
Спасибо огромное школе и преподавателю за мягкий и комфортный вход в IT Очень порадовал профессионализм и отзывчивость команды школы. Это первый мой опыт онлайн обучения и он прошёл на ура. Спасибо вам огромное.
Отличный курс. Большое спасибо Сергею за обучение. Материал был интересным, полезным и, главное, максимально актуальным.
Закончил курс Front-End Basic 07.01.2022г. Остался очень доволен как школой Hillel так и преподавателем Михаилом! Очень доходчиво, лаконично, спокойно и во всех деталях объясняет. Всегда отвечал на вопросы и помогал. Профессионал своего дела! Побольше бы таких) Благодаря его методике обучения, я получил максимум знаний и главное качественных знаний. Далее 17.02.2022 старт нового курса, на который я записался Front End Pro. Надеюсь новый преподаватель будет так же все доходчиво и грамотно обучать) Спасибо Михаилу!
Хорошие преподаватели,доступно обьясняют. Курс понравился.
Курс крутой. Очень порадовало крайне серьёзное отношение преподавателя к своей работе. Строго, но эффективно. От курса получил именно то что ожидал. Очень много практики. После успешного завершения курса можно вполне идти устраиваться на верстальщика. Как для старта в IT - супер.
Ирина Вельченко

Ирина Вельченко

Спасибо, за обучение на курсе "Front End Basic " . Лекции проходили интересно, при надобности, можно связаться с преподавателями, если возникли вопросы, все доступно, особенно спасибо Богдану, помог разобраться со слайдерами. Сорен очень интересно вёл лекции и показал много интересных фишек.
Мария Миндра

Мария Миндра

Курс Front-end Basic - интенсивный и интересный. В нем много практики, примеров, продуманных заданий и обратной связи преподавателей. Еще 3 месяца назад я имела лишь поверхностное представление об html и css, а сегодня я могу сверстать достаточно сложный интерактивный сайт. Курс Front-end Basic - это культ практики. Мы сделали 17 домашних проектов и по каждому получили подробную обратную связь от преподавателей. Преподаватели были на связи с нами практически 24/7, им всегда можно было отправить вопросы и фрагменты неработающего кода. Я в восторге от лекций Ольги Масловой и Сурена Мнацаканова. Они интересно, четко, понятно и терпеливо объясняют новый материал. Мы рассмотрели много нюансов, вопросов, примеров. На менторских лекциях с Богданом Проданом мы научились разным практическим навыкам, таким как работа с GitHub, slider, svg. Записаться на курс Front-end Basic в Hillel - это лучшее решение прошлого года. Сильный старт с замечательными преподавателями. Спасибо огромное, Оля и Сурен.

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

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

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

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

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

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

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

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

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

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

    Оплата производится через выставление инвойса на E-mail через сервисы LiqPay и Fondy.

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

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

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

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

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

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

Отправлено