Рус Укр

Курс Front-end Basic в Одессе

Basic level
5

alarm-clock занятий

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

rocket старт

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

Осталось

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

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

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

Цели курса

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

Этот курс также доступен в формате дистанционного обучения.

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 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

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

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

Бонусы курса

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

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

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

Преимущества обучения в Компьютерной школе 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-компаниях мира

Максим Веселов
Максим Веселов
Огромное спасибо Hillel, за прекрасные условия, для комфортного обучения! Приветливые сотрудники, которые, не стоят на месте. Отдельное спасибо, хотелось бы сказать Шайтану Владимиру, преподавателю Front end basic. За его старания научить. Иногда казалось, что ему это нужно больше чем нам. Даже если кто-то сомневается, с ним он поймёт что это его. Буду идти на Front end pro конечно же только к нему!
Данила Греков
Данила Греков
Недавно закончил курс Front-end basic. Всё очень понравилось. Большое спасибо за отличную рабочая атмосфера и большое внимание к студентам. Так же, отдельно хотелось бы поблагодарить Шайтана Владимира за очень доступное объяснение сложной, на первый взгляд, информации, постоянную поддержку, очень лояльное отношение к ученикам и особый подход к преподаванию в целом.
Валентина Франкова
Валентина Франкова
Закончила курс Front End Basic несколько недель назад, обучение очень понравилось, перед курсом было очень страшно и казалось, что вообще ничего не смогу понять, но благодаря крутому преподавателю(в нашей группе был Вова Шайтан) очень многому научилась, и все оказалось вполне понятно Отдельный респект школе за атмосферу и персонал, все супер внимательные и отзывчивые, решат любую проблему В общем, очень рекомендую школу Hillel, если хотите получить качественное образование и изменить жизнь к лучшему))
Владимир Стрижанюк
Владимир Стрижанюк
Очень рад что выбрал именно Hillel Одесса. Атмосферу школы на высшем уровне, все очень дружелюбны и всегда готовы помочь и проконсультировать. (+бесплатный кофе,печеньки ,морожено) Личный кабинет с системой оценивания и доступом ко всем записям уроков даже после окончания курса просто топчик! И огромное спасибо преподавателю курса Front-End Basic Владимиру Шайтану за доступное и понятное объяснение тем; Не скучные уроки; Помощь со всем что было не понято с первого раза) Жду начало Front-End Pro🙃
Вадим Гопко
Вадим Гопко
Лучше преподавателя чем Дмитрий Соколовский и пожелать нельзя, заслуживает найвысших похвал и благодарности. Дмитрий сделал все, чтобы весь материал нам был понятен, каждая мелочь. Смог заинтересовать и растолковать каждый аспект, даже если ты впервые в жизни с этим столкнулся, ты поймешь. Он невероятно талантливый преподаватель и человек. Такой высокий уровень обучения и подход к каждому студенту нигде не встречал в Одессе, только в Hillel. Благодарен настолько насколько это возможно. Если кто-то, как я был, сейчас в раздумьях, где начать учиться и т.д., отбрось эти мысли в сторону, начинай учиться, начинай новое для себя, начинай заниматься любимым делом, получай кайф...
Закончила курс Front-End Basic и очень довольна, что выбрала школу Hillel. Организация учебного процесса очень комфортная, личный кабинет и возможность получать уведомления в Телеграмм - максимально удобно. Отдельно хочется поблагодарить преподавателя курса. Каждое занятие было интересным, информация актуальная и полезная. При любых проблемах, можно было спокойно обратиться к Владимиру и получить необходимое объяснение. Зарядилась мотивацией для получения будущих знаний и уже жду курс Front-End Pro. Спасибо!
Артём Михайлов
Артём Михайлов
Обучался на курсе Front-End Basic у Дмитрия Соколовского. Могу с уверенностью посоветовать данного преподавателя для тех кто планирует только начать знакомство с веб-разработкой. Уроки построены грамотно и в очень лёгкой подаче, весь материал усваивается хорошо, всё очень доступно и понятно даже если не интересовался IT направлениями до этого от слова совсем. Также преподаватель даёт достаточно большое количество дополнительных материалов и ресурсов для самостоятельного углубления в определённой теме. Всегда ответит на любые вопросы по поводу обучения и поможет выполнить правильно домашнее задание или разобраться в теме. Получил только позитивные эмоции при прохождении курса, плюс достаточно большой багаж знаний по html/css. В любом случае дальше надо разбираться глубже самому и развиваться, без этого в IT никак!) Также спасибо школе за организацию учебного процесса, все было на уровне, до сих пор уверен, что данная школа является лучшей, по крайней мере в Одессе, где преподаватели действительно хотят вас чему-то обучить, а сама школа заинтересована в вашем будущем трудоустройстве. Обязательно пойду на курс Front-End Pro, не думаю что возникнут какие-то проблемы по отношению к школе) По поводу формата обучения, хоть у нас по сути и был оффлайн поток, большинство занятий было онлайн из-за ковидных ограничений, но так было даже лучше, по крайней мере мне!) Радует, что можно спокойно заниматься как оффлайн, так и онлайн, и качество преподавания/результата от этого никак не зависит, тут уже каждый может выбрать как ему больше нравится) Школой доволен, спасибо, все на высшем уровне!)
Василий Зализняк
Василий Зализняк
Обучение на курсе Front-End Basic прошло интенсивно и интересно, несмотря на перевод из оффлайновой формы обучения в онлайновую. Персонал школы всегда своевременно сопровождал во всех возникающих организационных ситуациях, за что очень признателен ребятам; атмосфера в школе дружественная и приятная! Спасибо HR-у Тане за множество советов по составлению резюме и прохождению будущих собеседований! Приятно также наличие опции в качестве тестового технического собеседования от технического специалиста школы; незаменимый опыт и понимание объёма предстоящих знаний! Не смогу выразить словами благодарность моему преподавателю Диме Соколовскому. Это лучший преподаватель, наставник, с альтруистическим и филантропным отношением к своим студентам. Без него не было бы 4-х дополнительных занятий, множества, не входящих в курс, практических занятий, такого огромного количества часов практики сверх установленной нормы регламентом школы! Этот человек настолько детально и изобретательно излагает практический и теоретический материал, что невозможно остаться равнодушным к фантастике, происходящей на веб-странице под его руководством! Только уважение и признательность, вместо тысячи слов!!!!!!!!!!!!!!!!!! Всем советую! Иду на Front-End Pro! Школе желаю развития и возможности давать знания тем, кто готов их впитывать!!!
Артём Номеровский
Артём Номеровский
Закончил курс 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