Результати пошуку за запитом: html
HTML&CSS Турнір
Автор: Редакція ITVDN
Внимание!
С 26 мая по 8 июня 2016 г. на ITVDN проходит соревнование для начинающих веб разработчиков - HTML&CSS Турнир. Участники Турнира должны продемонстрировать свои отличные знания и навыки по HTML и CSS, успешно пройдя все задания практикума на Тренажере ITVDN.
Всего в практикуме 7 тем, по 20 заданий в каждой теме. За каждое успешно выполненное задание дается определенное количество баллов (от 5 до 20 в зависимости от уровня сложности задания). Ваша задача – набрать максимальное количество баллов. Учтите, что за использование подсказок и за дополнительные попытки решения задачи баллы будут сниматься.
Победители турнира, чьи результаты будут лучшими (до 30 человек), 9 июня 2016 г. получат в подарок видео курс HTML5&CSS3.
Для участия в соревновании:
Выполните все задания практикума HTML&CSS
Сделайте скрин с Вашими результатами и опубликуйте его в группе ITVDN в vk
Заполните регистрационную форму участника Турнира
Количество попыток решения отдельных задач практикума не ограничено, однако при определении победителей будут учитываться два показателя - результат (в баллах) и количество попыток решения отдельных задач.
Результаты Турнира с именами победителей будут опубликованы на сайте 9 июня 2016 года.
Пусть победят сильнейшие!
Новий відео курс How to HTML&CSS
Автор: Редакція ITVDN
На образовательном портале ITVDN появился новый видео курс How to HTML&CSS.
Данный видеокурс поможет начинающим специалистам, обучающимся по специальности Frontend Developer освоить нюансы верстки web-страницы в HTML. В видеокурсе будет рассмотрена работа с изображениями, таблицами, списками, слоями, формами HTML, а также с CSS классами, идентификаторами и селекторами. Просмотрев уроки «How to», Вы разберетесь в специфике создания сайтов, особенностях HTML и CSS.
Підсумки акції "HTML марафон"
Автор: Редакція ITVDN
Дорогие друзья!
С 8 по 13 ноября на ITVDN проходил HTML5 & CSS3 марафон. Необходимым условием для получения награды было выполнение всех практических заданий на интерактивном тренажере ITVDN по курсу “HTML5, CSS3 Starter” (с максимальными баллами при наименьшем количестве попыток).
Для участия в соревновании зарегистрировались 433 человека, а к финишу пришли только 26 из них (завершили задания на 100%). Вместо 5 победителей мы решили наградить всех, кто попал в первую 10-ку!
Имена победителей:
Нилов Кирилл
Давыдов Максим
Евтеев Иван
Агафонов Иван
Макеев Олег
Высоцкий Евгений
Гнатченко Дмитрий
Vasilenko Vladimir
Родин Андрей
Варов Алексей
Также хочется отметить тех, кто дошел до финиша, хотя и не с максимальными баллами:
Кулинич Юлия
Хисамова Лариса
Pasichnyk Oleksandr
Климчук Сергій
Азоркин Дмитрий
Kabakov Evgeniy
Николай
Миронович Валерий
Нигматулин Руслан
Yudina Lara
Хондока Юрий
Суворова Анастасия
Хомченко Рома
Ртищев Иван
Скориков Владислав
Мулявин Иван
В рейтинге представлены только те участники, которые начали и закончили прохождение всех заданий тренажера “HTML5, CSS3 Starter” в период с 8 по 13 ноября.
Победителей мы награждаем подарочными сертификатами - это бесплатная подписка ITVDN на пакет “Стартовый”, благодаря которой открывается доступ ко всем видео курсам на 3 месяца.
Мы благодарим всех, кто принял участие в нашем марафоне и поздравляем победителей! Желаем вам успехов в изучении веб-технологий!
15 ноября сертификаты будут отправлены победителям на емейл, указанный при регистрации.
Вітаємо переможців HTML&CSS Турніру!
Автор: Редакція ITVDN
С 26 мая по 8 июня 2016 г. на ITVDN проходил - HTML&CSS Турнир.
Победители, которые успешно дошли до финала:
Микола Разкевич, результат 1875 баллов
Владимир Лысюк, результат 1778 баллов
Филиппова Алла, результат 1579 баллов
Лара Василькова, результат 1415 баллов
Шнайдер Дмитрий, результат 1361 баллов
Стеценко Максим, результат 1280 баллов
Демьянова Татьяна, результат 1183 баллов
Победители получат в подарок подписку ITVDN с полным доступом ко всем видео курсам на 1 месяц.
Всего в Турнире приняли участие 711 человек. Все, чей результат оказался выше 50%, 9 июня 2016 года получат в подарок видео курс HTML5, CSS3.
В связи с низкой активностью в группе VK мы при подведении итогов опирались на данные системы тестирования.
ITVDN благодарит всех за активное участие, вопросы, комментарии, помощь в тестировании и улучшении нового сервиса и предоставляет уникальную возможность приобрести подписку ITVDN на любой срок со скидкой 40%.
Промо-коды будут оправлены всем участникам Турнира по электронной почте, указанной при регистрации.
Вартість пакету "Frontend Starter" знижено
Автор: Редакція ITVDN
23 мая ITVDN снизил стоимость популярного пакета подписки для начинающих веб разработчиков – «Frontend Starter». Новая цена - $18.
В пакете «Frontend Starter» на 90 дней предоставляется полный доступ к видео курсам, с которых начинается изучение основ веб разработки:
HTML & CSS (renewed)
How to HTML&CSS
JavaScript Essential
How To JavaScript
Twitter Bootstrap 3
Создание адаптивного сайта с Bootstrap 3
Также в пакете подписки «Frontend Starter» доступны такие сервисы:
Тренажер по курсам HTML, CSS и JavaScript
Скачивание учебных материалов
Тестирование по курсам
Консультация с тренером (30 минут)
Электронный сертификат
После успешного изучения технологий, представленных в этом пакете, Вы можете углубить и дополнить Ваши знания, пройдя обучение по программе «FrontEnd Pro», в которой представлены видео курсы по JavaScript фреймворкам, шаблонам JS и HTML5, CSS3.
Новий відео курс — HTML5 & CSS3 Стартовий
Автор: Редакція ITVDN
Доброго дня!
На ITVDN опубліковано новий відео курс – "HTML5 & CSS3 Стартовий"! Через війну, яку рф розв’язала проти України, у лютому вся робота над новими уроками була призупинена, але зараз ми практично відновили наші бізнес-процеси. Новий курс завершений і доступний в повному обсязі. Він містить фундаментальні знання мов верстання HTML5 & CSS3 та допоможе ввести новачків у світ верстання веб-сайтів та розроблення клієнтської сторони веб-додатків (FrontEnd).
В основі роботи будь-якого веб-сайту є демонстрація тексту, зображень та іншого контенту у вікні спеціальної програми – веб-браузера. За допомогою мови HTML створюється початкова розмітка (каркас) кожної веб-сторінки. Потім CSS перетворює сайт, налаштовуючи спосіб відображення елементів і надаючи йому привабливий, ефектний зовнішній вигляд. Вивчення цих мов є основою для навчання будь-якого верстальника та веб-розробника.
На курсі «HTML5 & CSS3 Стартовий» ви ознайомитеся з основними конструкціями та принципами використання цих базових мов роботи веб-сайтів. Ви познайомитеся з тим, що таке HTML-теги та як їх використовувати, з особливістю того, як влаштована структура будь-якого сайту, що таке блоки, як формується текст та відображаються картинки. Дізнаєтеся, як працювати з таблицями та списками, їх правила вкладеності, дізнаєтеся правила розміщення блоків та способи роботи зі шляхами для файлів.
Автор курсу – Віталій Мазяр, FrontEnd Developer, тренер-консультант CyberBionic Systematics, сертифікований спеціаліст Microsoft, автор відео курсів на ITVDN. У записаних відео уроках він ділиться техніками ефективного використання HTML5 & CSS3, спираючись на власний досвід та найкращі практики.
Структура курсу:
Введення у HTML.
Типи елементів та атрибути.
Вступ до CSS.
Визначення розмірів блоків.
Робота з відступами, властивість margin.
Робота з текстом та видимістю елементів.
Верстання з використанням Flexbox.
Комбінування селекторів.
Робота з фоном, властивості background.
Семантичне верстання.
Чого ви навчитеся на даному курсі:
Розуміти основи використання базових конструкцій мови розмітки HTML та мови стилів CSS.
Створювати прості односторінкові сайти.
Реалізовувати головне меню сайту.
Розуміти основи адаптивного та кросбраузерного розроблення сайтів.
Створювати блок соціальних мереж.
Створювати картки товару та подібні до них інформаційні блоки.
Реалізовувати верстання сайту за допомогою модуля Flexbox.
Попередні вимоги
Цей курс підходить для новачків, які жодного разу не програмували. Для старту навчання знадобиться комп'ютер/ноутбук та стабільний доступ до Інтернету.
Дивіться перший урок у вільному доступі. Якщо у вас є активна підписка, курс доступний для вас у повному обсязі.
Новий відео курс — Верстання сторінок з використанням Gulp
Автор: Редакція ITVDN
Дорогі друзі, на ITVDN опубліковано новий відео курс, присвячений вивченню Gulp – популярного таск-менеджера для автоматизації рутинних завдань!
Gulp дозволяє автоматизувати та прискорити виконання безлічі рутинних завдань розроблення, з якими щодня доводиться стикатися під час створення веб-сайту (мініфікація, тестування, об'єднання файлів тощо).
Цей курс допоможе вам вивчити можливості застосування Gulp, починаючи від основ використання та базових правил, закінчуючи розглядом складніших структур. Проходячи уроки, ви крок за кроком познайомитеся з усіма можливостями Gulp API. Ви пройдете через весь процес створення сторінки: від створення репозиторію для зберігання проекту, через створення gulpfile.js для структури проекту, підготовку макета сайту у Figma, забезпечення структури сторінки в html, додавання стилів до існуючої сторінки та скриптів у проект, до підсумкового результату – пакування проекту та виконання деплою на сервісі Netlify.
Після проходження курсу ви будете розбиратися в основах роботи тасків та їх створенні, а також дізнаєтеся про можливості бібліотек, які працюють з GulpJs. Якщо ви ще не знайомі з GulpJs, або хочете більше розібратися в роботі тих чи інших методів, цей курс допоможе вам у цьому.
Автор курсу – Сластен Максим, FrontEnd Developer. У записаних відео уроках він ділиться техніками ефективного використання Gulp, спираючись на власний досвід та найкращі практики.
Структура курсу:
Встановлення Gulp. Налаштування робочого оточення.
Властивості та можливості Gulp.
Підготовка gulpfile.js
Створення сторінки.
Пакування та деплой.
Чого ви навчитеся на даному курсі:
Розуміти та вміти застосовувати особливості Gulp у повному циклі розроблення лендінгу.
Встановлювати Gulp, виконувати налаштування робочого оточення та створювати таски для перевірки коректності встановлення та відсутності помилок.
Розуміти особливості 4-ї версії Gulp, її відмінності від 3-ї версії, розуміти різновиди Gulp файлів та особливості Gulp API.
Застосовувати існуючі Gulp-плагіни, розуміти особливості їх підключення та налаштування в тасках для різних завдань. Використовувати плагіни для роботи з HTML, з PUG, плагіни для оброблення JS та графіки
Попередні вимоги
Для розуміння матеріалу даного курсу необхідні знання мов верстання HTML & CSS, а також базове володіння мовою JavaScript.
Дивіться перший урок у вільному доступі. Якщо у вас є активна підписка, курс доступний для вас у повному обсязі.
JavaScript fwdays'20 (скасовано)
Автор: Редакція ITVDN
Обязательно ли использовать JSX в работе с React? Как написать абстрактные классы компонентов в Vue.js? Как развернуть приложение на Angular? Знакомые вопросы?
Уверены, что волнующие вопросы возникают как у разработчика начинающего, так и в прокачанного senior.
А представь, целый день обсуждений твоих любимых стеков, кейсов, технологий в одном месте! Именно это ждет тебя на JavaScript fwdays'20 conf, 14 марта 2020 в Киеве.
Программа готова. Среди спикеров:
Sebastien Chopin (Nuxt.js) - автор Nuxt.js и член Vue.js комьюнити, работает с JavaScript последние 13 лет.
Martin Splitt (Google) - работает в компании Google над Search & web ecosystems на позиции Trends Analyst / Developer Advocate, контрибьютит в опенсорс и работает с новейшими технологиями.
Chen Hui Jing (Self-taught designer and developer) - дизайнер и разработчица-самоучка, проживающая в Сингапуре, с непомерной любовью к CSS.
Наталия Теплухина (GitLab) - Vue.js Core Team Member, работает Senior Frontend Engineer в компании GitLab. Спикерка на конференциях, пишет статьи на различные темы, связанные с Vue.js. Получила звание Google Developer Expert с веб-технологий.
Sara Vieira (CodeSandbox) - разработчица в @codesandbox, GraphQL и Open Source энтузиастка.
Юрий Артюх (Riverco.de) - основатель в Riverco.de frontend agency, длительное время был html / css coder, теперь страсть к анимации и WebGL.
Вадим Макеев (HTML Academy) - пепелсбей в HTML Academy, руководитель сообщества Веб-стандарты, ведущий и продюсер одноименного подкаста, организатор Web Standards Days.
Илля Климов (JavaScript.Ninja) - Senior Frontend Engineer y GitLab, более 12 лет с JavaScript во всех его проявлениях, основатель учебного ресурса JavaScript.Ninja.
Кроме этого, в кооперации с Zlit, придумали новый альтернативный комьюнити стейдж Code Block - о коде и разговоры.
Поэтому приглашаем активных разработчиков принять участие и поделится своими знаниями со всеми.
А на Afterparty сделаем еще несколько дискуссионных сессий на нетехничнеские темы с BeerJS.
Каждый найдет для себя интересную тему для обсуждения в компании единомышленников. Поэтому не медли и покупай билет на JavaScript fwdays'20 со скидкой 10% по промо коду 6994FAB910
Билеты: http://bit.ly/2q3oorg
Новий відеокурс: Angular 21 Базовий
Автор: Редакція ITVDN
Сучасний фронтенд — це вже давно не просто верстка сторінок, а створення повноцінних, динамічних вебзастосунків. Якщо ви хочете перейти від базових знань JavaScript до розробки складних клієнтських рішень — саме час опанувати один із найпопулярніших фреймворків у світі.
Новий курс «Angular 21 Базовий» — це ваш практичний старт у розробці сучасних вебзастосунків із використанням Angular. Ви крок за кроком розберетеся з ключовими можливостями фреймворку: від створення першого проєкту до роботи з компонентами, формами, HTTP-запитами та маршрутизацією.
Автор курсу: Дмитро Охріменко, Co-founder CyberBionic Systematics та ITVDN, Microsoft Certified Trainer та автор курсів з веброзробки та .NET технологій.
Автор курсу допоможе вам зрозуміти не лише «як працює Angular», а й як будувати логічну, масштабовану структуру застосунку, яка використовується у реальних проєктах.
Курс складається з 9 відеоуроків, які поєднують теорію та практику, щоб ви могли одразу застосовувати знання у коді.
Курс охоплює такі теми:
Введення в Angular та створення першого проєкту за допомогою Angular CLI
Робота з HTML-шаблонами та різними типами прив’язки даних
Створення та взаємодія компонентів
Сучасний реактивний підхід: Signals, Effects та Pipes
Dependency Injection та організація взаємодії між сервісами
Виконання HTTP-запитів і робота з асинхронними даними
Налаштування маршрутизації у застосунку
Робота з формами: Template Driven та Reactive Forms
Практичний проєкт із реальним API та Angular frontend
Під час навчання ви не просто ознайомитесь із можливостями Angular, а навчитеся будувати повноцінні клієнтські застосунки. Ви зрозумієте, як організовується архітектура проєкту, як взаємодіють його частини та як застосовувати сучасні підходи у фронтенд-розробці.
Завдяки великій кількості прикладів і практичному проєкту кожна тема буде одразу закріплюватися на практиці. У результаті ви отримаєте цілісне розуміння процесу створення вебзастосунків на Angular — від першого запуску до роботи з API та формами.
Структура курсу:
Введення в Angular
HTML шаблони та прив’язка даних
Компоненти
Signals, Effects, Pipes
Dependency Injection
HttpClient
Маршрутизація
Форми
Практичне завдання (проєкт PollApp)
Чого ви навчитеся на курсі:
Створювати вебзастосунки з використанням Angular CLI
Працювати з компонентами, шаблонами та прив’язкою даних
Використовувати Signals, Effects та Pipes
Організовувати взаємодію через Dependency Injection
Виконувати HTTP-запити та працювати з асинхронними даними
Налаштовувати маршрутизацію у застосунку
Створювати та валідовувати форми
Розробляти клієнтську частину застосунку з інтеграцією API
Попередні вимоги
Для комфортного проходження курсу вам знадобляться:
Базові знання JavaScript
Основи TypeScript
Базове розуміння HTML та CSS
Курс входить до комплексних програм навчання за напрямками FrontEnd та Angular Developer.
Курс входить до комплексних програм навчання за напрямками FrontEnd та Angular Developer.
Долучайтеся до курсу вже сьогодні та почніть створювати сучасні вебзастосунки на Angular. Перший урок доступний безкоштовно, а за наявності підписки ви можете пройти курс повністю вже зараз.
Новий курс “Шаблонізатор Pug” українською
Автор: Редакція ITVDN
Добрий день, друзі!
Сьогодні маємо гарні новини для всіх, хто хоче спростити та прискорити свою техніку верстання вебсторінок – на ITVDN вийшли всі уроки курсу “Шаблонізатор Pug”. Курс українською мовою!
Pug – це HTML-препроцесор, який дозволяє у зручній манері писати код, котрий буде більш зрозумілий для сприйняття людиною. За допомогою шаблонізатору розробник пише менше коду, створює зручні для сприйняття вкладені конструкції, необхідні змінні та інше.
У ході курсу ви детально розберете особливості синтаксису Pug, його тегів та атрибутів. Будуть докладно розглянуті способи використання тексту в рамках різних тегів, а також ви опануєте можливості управління атрибутами, класами та ідентифікаторами.
Навчитеся працювати з вбудованим кодом JavaScript у Pug, використовувати умовні оператори, а також опануєте створення циклів та міксинів для оптимізації та полегшення роботи над проєктами.
На завершальному етапі на вас чекає практика – проєкт, який включатиме розробку повноцінної сторінки з використанням усіх навичок, отриманих під час курсу.
Автор курсу – Кінаш Станіслав, FrontEnd Developer.
Тривалість курсу – 6 годин 27 хвилин.
Структура курсу:
Pug. Основи шаблонізації.
Налаштування середовища Pug.
Основи Pug: синтаксис, теги, текст.
Робота з текстом всередині тегів.
Робота з атрибутами. Класи та ідентифікатори.
Робота зі змінними. Вбудований код JavaScript.
Умовний синтаксис / Оператор case (when).
Цикли та міксини.
Використання макетів та включень.
Практичний проєкт з використанням Pug.
Чого ви навчитеся на даному курсі:
Використовувати весь функціонал шаблонізатора Pug.
Розуміти основи шаблонізації і налаштовувати для роботи середовище Pug.
Використовувати Pug для роботи з синтаксисом, тегами та текстом.
Використовувати рядковий текст (inline) у тегах, конвеєрний (piped) та блоковий текст.
Використовувати умовний синтаксис в шаблонізаторі Pug, а саме: умовні оператори if та else, оператор unless, оператор case (when).
Розуміти та застосовувати цикли each та while в шаблонізаторі Pug.
Користуватися міксинами як аналогом функціональних компонентів.
Застосовувати атрибути міксинів та так званий Rest Arguments.
Використовувати Pug для створення структурованих і оптимізованих HTML-шаблонів.
Створювати гнучкі та адаптивні макети вебсторінок з використанням всього функціоналу Pug.
Розробляти шаблони, що відрізняються чистотою та структурованістю, без використання додаткових стилів та класів CSS.
Попередні вимоги
Курс підійде тим, хто вже має базові знання HTML, CSS та JavaScript.
Дивіться перший урок у вільному доступі. Курс вже доступний на нашому сайті в повному обсязі – до кожного уроку є практичні завдання та опорний конспект для більш глибокого засвоєння матеріалу. Якщо у вас є активна підписка, ви можете дивитися його прямо зараз.
Курс входить до комплексної програми підготовки за спеціальностями:
Верстальник
FrontEnd Developer
React Developer
Angular Developer