занятий
занятий в неделю
старт
За неделю записалось
Осталось
Научись верстать сайты!
Разработка видимой части любого сайта называется Front-end, и это быстрее всего развивающаяся область программирования. Ни один современный веб-сайт и веб-приложение не обойдутся без Front-end разработчика.
В рамках курса Front-end Basic студенты без опыта в разработке изучают HTML и CSS, учатся верстать сайты. После успешного окончания курса студенты получают достаточно знаний и навыков для верстки сайта любой сложности.
Цели курса
- Воплощать в верстку дизайн любой сложности
- Делать сайты, которые одинаково хорошо отображаются на любом устройстве
- Замечать важные мелочи и писать код, который легко расширять и поддерживать
- Научиться понимать структуру веб-страниц
Изучаемые технологии
-
![HTML5]()
HTML5
-
![CSS]()
CSS
-
![SASS]()
SASS
-
![Bootstrap]()
Bootstrap
-
![SVG]()
SVG
-
![DOM]()
DOM
Программа курса
Front-end Basic
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-компаниях мира
Обучался на курсе Front-End Basic у Дмитрия Соколовского. Могу с уверенностью посоветовать данного преподавателя для тех кто планирует только начать знакомство с веб-разработкой. Уроки построены грамотно и в очень лёгкой подаче, весь материал усваивается хорошо, всё очень доступно и понятно даже если не интересовался IT направлениями до этого от слова совсем. Также преподаватель даёт достаточно большое количество дополнительных материалов и ресурсов для самостоятельного углубления в определённой теме. Всегда ответит на любые вопросы по поводу обучения и поможет выполнить правильно домашнее задание или разобраться в теме. Получил только позитивные эмоции при прохождении курса, плюс достаточно большой багаж знаний по html/css. В любом случае дальше надо разбираться глубже самому и развиваться, без этого в IT никак!)
Также спасибо школе за организацию учебного процесса, все было на уровне, до сих пор уверен, что данная школа является лучшей, по крайней мере в Одессе, где преподаватели действительно хотят вас чему-то обучить, а сама школа заинтересована в вашем будущем трудоустройстве. Обязательно пойду на курс Front-End Pro, не думаю что возникнут какие-то проблемы по отношению к школе)
По поводу формата обучения, хоть у нас по сути и был оффлайн поток, большинство занятий было онлайн из-за ковидных ограничений, но так было даже лучше, по крайней мере мне!) Радует, что можно спокойно заниматься как оффлайн, так и онлайн, и качество преподавания/результата от этого никак не зависит, тут уже каждый может выбрать как ему больше нравится) Школой доволен, спасибо, все на высшем уровне!)
Обучение на курсе Front-End Basic прошло интенсивно и интересно, несмотря на перевод из оффлайновой формы обучения в онлайновую. Персонал школы всегда своевременно сопровождал во всех возникающих организационных ситуациях, за что очень признателен ребятам; атмосфера в школе дружественная и приятная! Спасибо HR-у Тане за множество советов по составлению резюме и прохождению будущих собеседований! Приятно также наличие опции в качестве тестового технического собеседования от технического специалиста школы; незаменимый опыт и понимание объёма предстоящих знаний! Не смогу выразить словами благодарность моему преподавателю Диме Соколовскому. Это лучший преподаватель, наставник, с альтруистическим и филантропным отношением к своим студентам. Без него не было бы
4-х дополнительных занятий, множества, не входящих в курс, практических занятий, такого огромного количества часов практики сверх установленной нормы регламентом школы! Этот человек настолько детально и изобретательно излагает практический и теоретический материал, что невозможно остаться равнодушным к фантастике, происходящей на веб-странице под его руководством! Только уважение и признательность, вместо тысячи слов!!!!!!!!!!!!!!!!!! Всем советую! Иду на Front-End Pro! Школе желаю развития и возможности давать знания тем, кто готов их впитывать!!!
Закончил курс Front-End Basic, преподавателем был Дмитрий Соколовский. Хочу сказать, что он просто невероятный человек, всегда поможет в любой момент, подскажет и пойдёт навстречу. Объяснит несколько раз так, чтобы каждому было доступно. Школа по моему мнению не просто одна из лучших, а самая лучшая. Когда заходишь во внутрь, то там всегда веет невероятно позитивным настроем и зарядом на работу. Все сотрудники отзывчивые и заинтересованы в том, чтобы у вас остались приятные впечатления после обучения. В общем, вы лучшие. Спасибо вам, уже записался на следующий курс.
Очень довольна Hillel, отлично организован процесс обучения, уроки проходили в комфортной обстановке. Персонал школы очень любезный и отзывчивый, по всем вопросам отвечают незамедлительно.
Отдельное Спасибо нашему преподавателю Владимиру Шайтану за его профессионализм, подачу материала на высоком уровне, уроки полны дополнительной информацией и позитивом, развернутые комментарии к ДЗ. На занятия всегда ходила с удовольствием!
Хочу выразить свою благодарность нашему преподавателю Владимиру Шайтану и самой школе за замечательный курс. Было очень интересно, максимально насыщенно и информативно. Я ни разу не пожалела о своем выборе. Наш преподаватель всегда был готов делиться всеми своими знаниями и опытом, и подавал информацию так, что никогда небыло скучно. Если я что-либо не понимала, то он всегда мне объяснял или же направлял и подсказывал так что бы я осознала самостоятельно, что немаловажно. Человек "горит" своим делом и благодаря этому отдает каждому ученику максимум. Я считаю, что именно таким и должен быть преподаватель и нам, как его ученикам, очень с ним повезло. Спасибо!
Закончила курс Front-End Basic. Хочу сказать спасибо школе за качественную организацию учебного процесса. Так же огромнейшее спасибо преподавателю курса Владимиру Шайтану за высокий уровень профессионализма, за помощь в процессе обучения, за умение качественно разложить информацию по полочкам. Спасибо за насыщенный информативный и структурированный курс.
После окончания курса Front-end Basic могу сказать, что очень рад, что выбрала именно Компьютерную школу Hillel. Процесс обучения здесь организован реально на высоком уровне. Любые вопросы, как организационные, так и технические, решаются мгновенно. Владимир Шайтан – отличный преподаватель и замечательный человек, который все объясняет корректно и понятно, может вовремя поддержать и вдохновить на дальнейшую работу. Занятия всегда проходили очень интересно, были насыщены полезной информацией, а на любой вопрос можно было получить обстоятельный ответ. Преподователь в любой момент приходил на помощь при сложностях с выполнением домашних заданий, а также проводил отличные дополнительные занятия по курсу. В связи с этим решил продолжить обучение на курсе Front-End Pro под руководством Владимира, дабы повышать квалификационный опыт в сфере 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-картах.
- Популярные курсы:
-
Php с нуля
-
Курс программирования java
-
Курсы project management
-
Курс react
-
- 10756
- 4.5
- 2 мин
![]()
5 этапов самостоятельного изучения HTML и CSS
-
- 8479
- 5
- 8 мин
![]()
Frontend для тех, кому backend не по зубам? | Интервью с Юрием Федоренко
-
- 96990
- 5
- 121 мин
![]()
Верстка сайта с помощью HTML + CSS
-
- 42993
- 130 мин
![]()
Как создать правильное выпадающее меню - HTML/CSS (float и flexbox верстка)
-
- 6262
- 4.2
![]()
JavaScript – самый быстроразвивающийся язык программирования. С чего начать изучение?
-
- 2957
- 3
- 2 мин
![]()
Загадка «JavaScript»: почему в названии языка слово «Java», которое никак с ним не связано?
