Рус Укр

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

  • Підсумковий проект

В кінці курсу виконується дипломний проект.

Бонуси курсу

  • Всі студенти курсу пройдуть тренінг по проходженню співбесіди та складанню резюме з нашим HR-фахівцем
  • Тестова співбесіда з технічним фахівцем
  • Спеціально зняті додаткові відеоматеріали

Випускники отримують сертифікат про закінчення курсу

Кожен сертифікат має унікальний номер за яким потенційний роботодавець може перевірити його валідність і побачити базові показники успішності.

Як проходить навчання

  • 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 Basic online, все очень понравилось. Спасибо нашему преподавателю Александру Плахотенко, с ним занятия проходили очень интересно и понятно. Был с нами на связи все время и отвечал на все вопросы, всегда помогал. Давал советы по трудоустройству, рассказывал о тонкостях прохождения собеседования по собственному опыту. Получила много актуальной информации, не жалею, что выбрала эту школу и планирую идти на следующий курс
Юрий Форысь
Юрий Форысь
Прошёл обучение на курсе Front-end Basic. Хочу поблагодарить всех сотрудников школы причастных) к организации моего обучения и непосредственно к моему обучению. В школе были созданы все условия для получения максимальных знаний. Программа обучения структурирована и последовательна, нет "воды", присутствует много практики. Спасибо большое Александру Плахотенко, очень доступно доносил материал и всегда готов был помочь при возникновении вопросов
Эльмин Касумов
Эльмин Касумов
Как говорится) Я увидел, понял и научился! Цена- качество! Деньги потрачены не зря! Без Лишней воды! Все четко и поделу! И помощь всегда и фидбек и все ясно и понятно ) даже если не разобрался тебе разжуют и засунут в твой глухой танк в котором ты сидишь в непонятках) Спасибо вам!
Подошёл к концу курс Front-end basic online, который вёл Александр Плахотенко. Хотелось бы выразить благодарность школе за организацию курса, удобную систему сдачи дз. Отдельную благодарность преподавателю курса Александру! Каждый урок море полезной, доступно изложенной информации, закреплённой на практике. Подробный разбор возникшего вопроса на занятии, поддержка в чате, замечательное отношение к студентам! Александр профессионал в своей сфере, делился экспертностью не только по части практических знаний, но и общей полезной информацией, нужной для новичка. Курс, составленный преподавателем, очень понравился! Собираюсь на следующий Front-end Pro.
Артём Димитров
Артём Димитров
Максимально классный курс, отличные преподаватели. Все кратко и по сути, полностью доволен и всем рекомендую.
Даниил Гриценко
Даниил Гриценко
Очень доволен. До курса нуждался в бусте, здесь его и получил. Планирую через какое-то время идти на Front-end Pro. Сам бейсик дал много знаний и практики, до курса я не был способен верстать так как сейчас умею. По поводу работы многим интересно. Я пробуюсь на джуна, хоть там и js нужен, не спрашивайте, почему именно на джуна. Пока что дальше рекрутера не доходил, так как все-таки база побольше нужна (задание сложное дается чуть ли не везде) После F-t Pro можно смело пробоваться, но я все-таки попытаюсь. А в целом, с моим нынешним багажом можно и на обычного верстальщика пробоваться, если так подумать. Всем успехов!
Илья Прудченко
Илья Прудченко
Курс супер, жаль, что так мало(
Влад Аревджанян
Влад Аревджанян
Курс был крутым, узнал много познавательного для себя, все было на высшем уровне) Отдельная благодарность Сергею за курс, за четкую подачу материла, решение сложных ситуаций и интересные домашки)
Екатерина Борвенко
Екатерина Борвенко
Давно хотела изучить изучить Front-End и не пожалела. Понравилась подача материала, спокойно и всё понятно. Сергей объяснял так, что даже вопросов не оставалось, а если они и появлялись, то на них сразу давались пояснения. На все домашки были подробные фидбеки по ошибкам. Поэтому хотелось сдавать всё вовремя)) Спасибо большое, буду продолжать обучение!

Часті питання

  • Кому буде цікавий курс 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 7-го

    Оперативна пам'ять:

    • Мінімум 8 Гб
    • Рекомендується 16 Гб

    Пам'ять:

    • Мінімально 500 Гб HDD і більш
    • Рекомендується 200 Гб SSD і більш

    * Допустимі аналоги від AMD

  • Як отримати максимальний бал за домашнє завдання?

    Виконання домашніх робіт, одна з найважливіших складових навчання. Для того, щоб отримати максимальний бал за домашнє завдання, потрібно:

    • Виконати завдання в зазначені терміни
    • Виконати всі умови завдання
    • Виконати завдання без помилок
    • Перездача домашнього завдання не більше одного разу
  • Як мені визначитися з курсом? Що зараз найбільш затребуване?

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

    Щоб допомогти вам з вибором напрямку, ми склали спеціальний профорієнтаційний тест.

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

  • Чи існують які-небудь знижки або система лояльності, якщо Студент по завершенні одного курсу йде на наступний курс?

    Так, безумовно. Багато наших курсів передбачають додаткову систему бонусів для тих Студентів, які хочуть продовжувати навчання у нашій Школі. Ця система полягає в тому, що в кінці курсу Студенти пишуть тест з пройденого матеріалу або здають підсумкову роботу, за підсумками яких отримують знижку на наступний курс даного напрямку:

    • Студент, який має найвищий результат отримує знижку 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