Укр Рус

Курс 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

  • 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

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

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

Бонуси курсу

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

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

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

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

Denys Kyslytsia
Denys Kyslytsia
Классная школа и преподаватель) Все было здорово, буду рекомендовать) Пойду учиться дальше)
Лина Ярчук
Лина Ярчук
Благодарна школе hillel и нашим супер преподавателям (Игорь Колечкин и Евгений Волынец) за такой интересный и насыщений курс, очень все понравилось. Много информации, объясняют все легко и понятно, сложные и интересные домашние задания, всегда фидбек по любым вопросам. Узнала много нового и полезного. Ребят Вы крутые, приду к Вам еще на второй курс.
Ирина Гуль
Ирина Гуль
Очень жаль,что пришлось заканчивать курс в режиме онлайн, НО я поменяла своё мнение,и в онлайне обучение проходит не менее эффективно и весело. Очень нравится то, что даётся много теории, преподаватель может по много раз объяснять и сбрасывать полезный материал,если что-то не понял. На Front End Pro не иду пока что только из-за ситуации в стране. А так когда все утихомирится приду учить к вам Javascript и библиотеки:) Большой плюс за дружескую атмосферу в самой школе когда учишься оффлайн. 100 баллов администраторам ! Всем мир!
Даниил Бурковский
Даниил Бурковский
Прекрасный курс для начинающих програмистов, мне все понравилось, только хочу сказать что информации очень много и за 20 уроков будет достатачно трудно все усвоить
Ирина Шаврина
Ирина Шаврина
Спасибо большое, все очень понравилось) Курс информативный и интересный. Особенно я бы отметила большое количество практических заданий, которые помогли усвоить всю полученную информацию. Огромное спасибо Александру, нашему преподавателю, он всегда был на связи и помогал по всем вопросам!
Александра Цесельская
Александра Цесельская
Спасибо огромное за курс, за огромный позитивный энергетический заряд. Александр преподаватель от Бога. Очень удобные презентации, все интуитивно понятно. Объясняет сложный материал очень доступно, с большим количеством примеров. Очень позитивный преподаватель. Весь материал подается в очень понятной форме с приятной долей юмора. Занятия хорошие, выверенные, доведенные до идеала. Интуитивно понятные лекции и сопровождающие к ним материалы. Домашнее задание тоже отлично расписано - по нему легко ориентироваться. Учиться было в кайф! Очень много дополнительного материала, разделенного по блокам всегда можно вернуться и переслушать. На первом уроке сразу доступны все презентации и рассказывается как будет нарастать интенсивность курса. Знаешь как распределить свои силы сразу с первого урока. Забегать вперед даже не захочется, информации как раз хватает, чтобы переварить до следующего урока. Еще раз спасибо огромное за обучение, за поддержку, за интересное общение.
Татьяна Орлянская
Татьяна Орлянская
Закончила курс Front-end Basic online, все очень понравилось. Спасибо нашему преподавателю Александру Плахотенко, с ним занятия проходили очень интересно и понятно. Был с нами на связи все время и отвечал на все вопросы, всегда помогал. Давал советы по трудоустройству, рассказывал о тонкостях прохождения собеседования по собственному опыту. Получила много актуальной информации, не жалею, что выбрала эту школу и планирую идти на следующий курс
Юрий Форысь
Юрий Форысь
Прошёл обучение на курсе Front-end Basic. Хочу поблагодарить всех сотрудников школы причастных) к организации моего обучения и непосредственно к моему обучению. В школе были созданы все условия для получения максимальных знаний. Программа обучения структурирована и последовательна, нет "воды", присутствует много практики. Спасибо большое Александру Плахотенко, очень доступно доносил материал и всегда готов был помочь при возникновении вопросов
Эльмин Касумов
Эльмин Касумов
Как говорится) Я увидел, понял и научился! Цена- качество! Деньги потрачены не зря! Без Лишней воды! Все четко и поделу! И помощь всегда и фидбек и все ясно и понятно ) даже если не разобрался тебе разжуют и засунут в твой глухой танк в котором ты сидишь в непонятках) Спасибо вам!
Подошёл к концу курс Front-end basic online, который вёл Александр Плахотенко. Хотелось бы выразить благодарность школе за организацию курса, удобную систему сдачи дз. Отдельную благодарность преподавателю курса Александру! Каждый урок море полезной, доступно изложенной информации, закреплённой на практике. Подробный разбор возникшего вопроса на занятии, поддержка в чате, замечательное отношение к студентам! Александр профессионал в своей сфере, делился экспертностью не только по части практических знаний, но и общей полезной информацией, нужной для новичка. Курс, составленный преподавателем, очень понравился! Собираюсь на следующий Front-end Pro.
Курс очень понравился! На мой взгляд, главной целью курса было обучить студентов практическим навыкам верстки, что очень ценно, и результат финального ДЗ есть тому подтверждение - это сверстанный полноценный макет. Полученный знания и навыки меня мотивирует не останавливаться на достигнутом и продолжать развиваться в напрfвлении front-end разработки. Преподаватель Богдан очень класно все объяснял, просто и доступно, на все возникающие вопросы, которые зачастую появляются после выполнения ДЗ, давал ответ не только в устной форме, но и показывал решения на практическом примере кода, что еще раз говорит о том, что курс заточен на результат!
Наталья Иванюк
Наталья Иванюк
Очень понравился курс, было интересно и интенсивно. Отдельное спасибо нашему преподавателю - Богдан все очень понятно и простым языком объяснял, давал дополнительные ссылки по теме курса и если были вопросы, то помогал в них разобраться. Курсом очень довольна! )

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

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

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

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

    Пам'ять:

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

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

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

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

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

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

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

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

  • Ким працюють ваші Викладачі? Чи мають вони досвід викладання?

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

  • Де можна подивитися відгуки про вашу Школу?

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

  • Як я можу сплатити за навчання?

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

Запит на консультацію

Залиште ваші контактні дані, і ми вам обов'язково зателефонуємо!

Обов'язково вкажіть ваше ім'я кирилицею

Обов'язково вкажіть email, за яким ми зможемо з вами зв'язатися

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

Школа працює з 10:00 до 21:00 по буднях і з 10:00 до 19:00 у вихідні дні (за київським часом, GMT + 2).

Відправлено