Верстання інтерактивної форми з HTML, CSS і JavaScript - вебінари ITVDN
ITVDN: курси програмування
Відеокурси з
програмування
УКР
  • РУС
  • УКР
Авторизація

    Вибери свою IT спеціальність

    Підписка
    УКР
    • РУС
    • УКР
      Авторизація
      Arrow
      Хочеш доступ до усіх відеокурсів надовго? Обирай преміум Весняний. Акція до 31 березня
      Arrow

      Верстання інтерактивної форми з HTML, CSS і JavaScript

      Play
      Усі вебінари безкоштовні та доступні для зареєстрованих користувачів
      Реєстрація
      author Віталій Мазяр
      Front-end Developer
      date 07.11.2023
      time 17:00 - 19:00
      Рейтинг: 5. Проголосувало: 6

      Форма (form)  – це один з основних елементів кожного вебсайту. Це контейнер, який зберігає в собі поля, куди користувач вводить інформацію, а також кнопку для відправлення даних на сервер, що необхідно для успішної реєстрації/авторизації/оформлення замовлення вашої улюбленої піци тощо. І на цьому вебінарі ми з вами розберемо, як створювати форми за допомогою vanilla фронтенд-інструментів – HTML, CSS та JavaScript.

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

      План вебінару:

      1. Знайомство і підготовка до роботи.
      2. Створення візуальної складової форми.
      3. Додавання функціоналу валідації форми.
      4. Відповіді на питання.

      Цільова аудиторія:

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

      UPD 08.11.2023

      Посилання на макет в Figma:

      https://www.figma.com/file/BVMwwkdG0NraqtgGKmChaD/%D0%A4%D0%BE%D1%80%D0%BC%D0%B0-%D0%B2%D0%B5%D0%B1%D1%96%D0%BD%D0%B0%D1%80?type=design&node-id=0%3A1&mode=design&t=CMAisZpEtry0cauu-1

      Микулич Олександр
      date 30.01.2025
      time 120
      view 598
      Дмитро Охріменко
      date 25.09.2024
      time 60
      view 1528
      Дмитро Охріменко
      date 24.07.2024
      time 60
      view 3466
      Дмитро Охріменко
      date 17.07.2024
      time 60
      view 5331
      Ігор Михайличенко
      date 26.03.2024
      time 120
      view 1102
      Віталій Мазяр
      date 27.11.2023
      time 120
      view 1498
      Віталій Мазяр
      date 05.10.2023
      time 120
      view 1396
      Олексій Круглик
      date 14.09.2023
      time 120
      view 1173
      Дмитро Охріменко
      date 07.09.2023
      time 120
      view 2554
      Віталій Мазяр
      date 13.06.2023
      time 120
      view 1163
      Тетяна Доморадова
      date 31.05.2023
      time 120
      view 1927
      Дем'ян Костельний
      date 25.04.2023
      time 120
      view 1809
      Java vs JavaScript Читати докладніше
      Java vs JavaScript
      14.07.2021 Влад Сверчков
      Друзі, ми продовжуємо серію статей, у яких порівнюємо різні мови програмування. Перша стаття була присвячена Python і Java – двом досить потужним та універсальним мовам, без яких важко уявити сучасне розроблення. Озброївшись об'єктивністю та неупередженістю, ми дослідили найважливіші (для новачків) особливості кожної з них, а вам надали всі результати у компактному та зручному вигляді.
      Що повинен знати FrontEnd розробник у 2021 році Читати докладніше
      Що повинен знати FrontEnd розробник у 2021 році
      30.03.2021 Влад Сверчков
      Верстка сайтов и веб-программирование привлекают большое количество новичков в мир IT. Это связано с достаточно низким порогом вхождения. Количество желающих стать фронтендщиком с каждым годом увеличивается, вследствии чего растут и требования к кандидатам.
      300+ запитань щодо JavaScript на співбесіді Читати докладніше
      300+ запитань щодо JavaScript на співбесіді
      07.01.2021 Влад Сверчков
      На этот раз предлагаем ознакомиться с актуальными вопросами, которые задают на технических интервью по JavaScript. Естественно, мы говорим о широком спектре специализаций, поэтому выбирайте свое направление и готовьтесь.
      Хто такий Full-stack розробник Читати докладніше
      Хто такий Full-stack розробник
      29.07.2020 Влад Сверчков
      Full-stack розробник (вимовляється "фул стек") – це якийсь майстер на всі руки у світі веб-розробки. Йому під силу реалізувати як клієнтську, так і серверну сторону додатку, якими, зазвичай, займаються FrontEnd і BackEnd розробники окремо один від одного. Таким чином, Full-stack спеціаліст здатний одноосібно вести проєкт від початку до кінця.
      Що повинен знати FrontEnd розробник у 2019 році Читати докладніше
      Що повинен знати FrontEnd розробник у 2019 році
      06.11.2019 Влад Сверчков
      Верстка сайтов и веб-программирование привлекают большое количество новичков в мир IT. Это связано с достаточно низким порогом вхождения. Количество желающих стать фронтендщиком с каждым годом увеличивается, вследствии чего растут и требования к кандидатам.
      Що таке адаптивна верстка і навіщо вона потрібна Читати докладніше
      Що таке адаптивна верстка і навіщо вона потрібна
      15.05.2019 Редакция ITVDN
      Еще в 2015 году Google внедрил изменения в алгоритмы своей поисковой системы, которые теперь учитывают адаптированность сайта под мобильные устройства как важный пункт при ранжировании сайта. Дата была удачно названа Мобилгеддон (Mobilegeddon), как сравнение с Армагеддоном. Одно только такое введение требований от поисковиков к наличию мобильной версии сайта может оправдать важность адаптивного дизайна. Проще говоря, веб-сайт должен быть удобным для просмотра на смартфоне.
      ТОП 10 найкращих HTML редакторів Читати докладніше
      ТОП 10 найкращих HTML редакторів
      24.01.2019 Армен Маїлян
      Якщо спростити відповідь на поставлене запитання, HTML редактор — це програма-інструмент, що використовується для написання основи веб-сайтів. І, незважаючи на те, що практично будь-який текстовий редактор може використовуватися для створення сайтів, це не означає, що вам краще використовувати звичайний текстовий редактор замість спеціально створеного інструменту розробника.
      коментарі та обговорення
      Notification success
      ✖