Результати пошуку за запитом: html
Створення анімації за допомогою CSS
Автор: Костянтин Абрамов
<p>На этом вебинаре мы займемся созданием анимации молекулы ДНК с помощью HTML и CSS, а также дополнительных инструментов. Мы создадим ключевые кадры и посмотрим, как это возможно воспроизвести с помощью HTML и CSS. Сделаем рефакторинг CSS в SCSS и с помощью директивы @for уменьшим количество кода в 2 раза.</p>
<p><strong>План вебинара:</strong></p>
<p>1) Разбор ключевых кадров анимации с помощью видео редактора.</p>
<p>2) Создание каркаса молекулы и элементов, которые будут ее составлять. Применение таких свойств как position: relative и absolute, display: flex.</p>
<p>3) Создание ключевых кадров в CSS.</p>
<p>4) Рефакторинг кода из CSS в SCSS.</p>
<p>5) + Добавим небольшой микс к молекуле – связывающие линии атомов.</p>
<p>6) В заключение поговорим о возможных вариантах улучшения и использования дополнительных инструментов для создания разнообразных спецэффектов.</p>
<p><strong>Целевая аудитория: </strong></p>
<p>Данный вебинар будет интересен тем, кто изучает HTML, CSS и интересуется анимацией и оживлением веб страниц с помощью CSS анимации.</p>
Початок роботи з Symfony 4
Автор: Редакция ITVDN
<p>Symfony — один из самых популярных PHP фреймворков, который использует паттерн Model-View-Controller и используется для веб-разработке.
Symfony дает возможность ускорить разработку и управление веб-приложениями, позволяет легко решать рутинные задачи веб-программиста.
Имеет поддержку множества баз данных (MySQL, PostgreSQL, SQLite или любая другая PDO-совместимая СУБД). Во время вебинара мы создадим модуль с менеджментом списка заметок.
У вас будет список заметок с возможностью просматривать, добавлять, удалять и изменять заметки. Мы напишем приложение, отвечающее за менеджмент заметок.
</p>
<p>Используемые технологии: HTML, PHP, MySQL. </p>
<p>Используемые компоненты Symfony: Flex, Profiler, Web Server, Symfony Form, Doctrine 2, Twig, Router. </p>
<p>Предварительные требования: Углубленные знания в PHP, ООП в PHP, знания MYSQL, знания HTML, знания основ HTTP протокола. </p>
План вебинара:
<ol>
<li>Установка Symfony 4. </li>
<li>Описание директорий и файлов Symfony 4. </li>
<li>Создание первого Контроллера и маршрута. </li>
<li>Создание HTML страницы с использованием Bootstrap. </li>
<li>Создание Базы Данных и Doctrine 2 сущности. </li>
<li>Создание CRUD для менеджмента заметок. </li>
<li>Тестирование нашего приложения. </li>
</ol>
<p>Целевая аудитория:программисты, IT-студенты, инженеры.
Створення Memory Game на JavaScript
Автор: Ярослав Вовченко
<p>Чтобы начать писать на JavaScript, не обязательно сразу углубляться в изучение документации. На примере написания простой Memory Game мы разберем, как выбирать элементы в DOM, проходиться по спискам и массивам, добавлять, убирать элементы и слушатели действий.</p>
<p>На вебинаре мы попробуем быстро погрузиться в практическую разработку на JavaScript. Вам для этого понадобятся базовые знания HTML, CSS и JavaScript.</p>
<p><strong>План вебинара:</strong></p>
<ol>
<li>Создание структуры проекта, написание первых файлов.</li>
<li>Разметка и стилизация игрового поля с помощью HTML и CSS.</li>
<li>Основы работы с перспективой в CSS.</li>
<li>Сохранение и сравнение выбранных карточек.</li>
<li>Написание дополнительного функционала.</li>
<li>Итоги, вопросы и ответы.</li>
</ol>
<p><strong>Целевая аудитория:</strong></p>
<p>Данный вебинар будет интересен для людей, которые хотят изучить основы JavaScript в легкой и доступной форме без многочасового чтения документации.</p>
Тест-драйв IT-спеціальностей: спробуй Frontend і Python безкоштовно
Автор: Редакция ITVDN
Хочеш перейти в ІТ, але не знаєш, з чого почати?
Тест-драйв ITVDN — це твоя можливість без ризику спробувати дві затребувані спеціальності: Frontend та Python-розробку.
Це не рекламні ролики, а повноцінні вступні курси з відео, практикою, теорією та сертифікацією.
🧠 Ціль тест-драйву:
– допомогти новачкам визначитися з напрямком
– познайомити з навчальним форматом ITVDN
– показати, як виглядає реальний старт в ІТ
📌 Перший тиждень — HTML & CSS Стартовий курс
🔹 Що таке HTML & CSS?
HTML — основа будь-якого сайту. Це каркас, структура і контент.
CSS — це все, що відповідає за вигляд і стиль сторінки.
🔹 Чого ти навчишся:
✔ Створювати власні односторінкові сайти
✔ Працювати з HTML-тегами, таблицями, списками
✔ Формувати структуру сторінки та елементи інтерфейсу
✔ Застосовувати CSS-стилі: кольори, фон, шрифти, розміри
✔ Робити адаптивну верстку з Flexbox
✔ Використовувати селектори, блоки, семантику
ЦЮ ЧАСТИНУ ЗАВЕРШЕНО
📌 Другий тиждень — Python Стартовий курс
🔹 Що таке Python?
Одна з найпопулярніших мов у світі. Python використовують для створення веб-додатків, автоматизації, Data Science, AI/ML, кібербезпеки.
🔹 Чого ти навчишся:
✔ Розуміти синтаксис Python і логіку програмування
✔ Писати прості скрипти та обробляти дані
✔ Працювати з циклами, умовами, функціями
✔ Застосовувати списки, словники, множини та кортежі
✔ Обробляти помилки і будувати стабільні програми
✔ Створювати нескладні, але корисні Python-застосунки
ЦЮ ЧАСТИНУ ЗАВЕРШЕНО
🎯 Після проходження тест-драйву ти:
✔️ Визначиш, який напрямок підходить саме тобі
✔️ Отримаєш реальний досвід навчання в ITVDN
✔️ Зрозумієш, як виглядає ІТ-освіта в дії
✔️ Зробиш перший крок до нової професії — легко, без стресу і без витрат
Тест-драйв ITVDN — це твоя можливість без ризику спробувати дві затребувані спеціальності з 1 травня по 14 травня включно: Frontend та Python-розробку.
📞 Залишились питання? — Ми допоможемо!
❓ Не знаєш, що обрати? Отримай консультацію:
📩 Telegram: @itvdn_support
📧 Email: support@itvdn.com
📞 Телефон: +38 044 344 16 22 або +44 204 577 32 36
FrontEnd для новичков. Создаём лендинг с нуля
Автор: Зеньо Роман
<p>Приглашаем на вебинар по созданию лендинга! Он отлично подойдет начинающим, которые хотят стать FrontEnd разработчиками и готовы к первому шагу – изучению основ вёрстки.</p>
<p>Вы познакомитесь с языками вёрстки – HTML5 и CSS3 – и узнаете, как создать свой первый одностраничный веб-сайт – лендинг. Автор покажет на реальном примере, как создать структуру страницы с помощью HTML, а также оживить и придать привлекательный внешний вид с использованием CSS.</p>
Створення веб-додатків з Angular 1.5, Firebase та Gulp
Автор: Олександр Пономаренко
Использование Angular + Firebase в приложениях
Трехсторонняя привязка данных
Сборка приложения с Gulp
Краткое описание:
На этом вебинаре мы рассмотрим создание приложения от верстки до сборки и деплоя. Сверстаем шаблон при помощи SASS, разберемся со сборщиком проектов Gulp и далее мы перейдем к самому интересному - Angular 1.5 + Firebase. Основной «фишкой» данного приложения является ТРЕХсторонняя привязка данных. Приложение не будет сложным для людей, которые хоть немного знакомы с Angular.
Предварительные требования:
Знание HTML, CSS, JavaScript, знакомство с Angular JS, понимание принципов работы с ним.
JavaScript Стартовий
Автор: Дмитро Охріменко
JavaScript – це одна з найпопулярніших мов програмування, без знання якої не обійтися у web-розробленні і яку можна використовувати для вирішення інших завдань. Сьогодні JavaScript, крім додавання динамічної поведінки HTML-сторінкам, застосовується в розробленні серверних додатків, ігрових та мобільних застосунків, а також для створення сценаріїв для автоматизації тестування та багато іншого. Вивчення JavaScript - це гарний внесок у майбутнє, тому що мова стане в нагоді для вирішення різноманітних завдань і буде корисною як FrontEnd або BackEnd розробнику, так і тестувальнику програмного забезпечення.
HTML5 & CSS3 Стартовий
Автор: Віталій Мазяр
В основі роботи будь-якого веб-сайту є демонстрація тексту, зображень та іншого контенту у вікні спеціальної програми – веб-браузера. За допомогою мови HTML створюється початкова розмітка (каркас) кожної веб-сторінки. Потім використання CSS перетворює сайт, налаштовуючи спосіб відображення елементів і надаючи йому привабливий і ефектний зовнішній вигляд. Вивчення цих мов є основою для навчання будь-якого верстальника та веб-розробника.
Перевірка даних форми
Автор: Дмитро Охріменко
Перевірка даних – основна роль JavaScript, коли йдеться про HTML форми. Дані, введені користувачем, можуть не відповідати очікуванням розробника. Користувач може не ввести якесь обов'язкове значення або вказати дані в неправильному форматі, наприклад, коли потрібно ввести адресу електронної пошти та номер телефону. На цьому уроці ви дізнаєтеся про події, які будуть корисними при перевірці даних, а також розгляньте кілька підходів в організації процесу перевірки введених значень, у тому числі вивчіть перевірку даних без застосування JavaScript за допомогою HTML5 атрибутів для валідації.
JavaScript Стартовий
Автор: Дмитро Охріменко
JavaScript – це найпопулярніша мова програмування, без знання якої не обійтися у web-розробці і яку можна використовувати для вирішення інших завдань. Сьогодні JavaScript, крім додавання динамічної поведінки HTML сторінок, застосовується в розробці серверних програм, ігрових та мобільних програм, а також для створення сценаріїв для автоматизації тестування та багато іншого. Вивчення JavaScript - це гарний внесок у майбутнє, тому що мова стане в нагоді для вирішення різних завдань і буде корисною як Frontend або Backend розробнику, так і тестувальнику програмного забезпечення.