Внимание! С 26 мая по 8 июня 2016 г. на ITVDN проходит соревнование для начинающих веб разработчиков - HTML&CSS Турнир. Участники Турнира должны продемонстрировать свои отличные знания и навыки по HTML и CSS, успешно пройдя все задания практикума на Тренажере ITVDN. Всего в практикуме 7 тем, по 20 заданий в каждой теме. За каждое успешно выполненное задание дается определенное количество баллов (от 5 до 20 в зависимости от уровня сложности задания). Ваша задача – набрать максимальное количество баллов. Учтите, что за использование подсказок и за дополнительные попытки решения задачи баллы будут сниматься. Победители турнира, чьи результаты будут лучшими (до 30 человек), 9 июня 2016 г. получат в подарок видео курс HTML5&CSS3. Для участия в соревновании: Выполните все задания практикума HTML&CSS Сделайте скрин с Вашими результатами и опубликуйте его в группе ITVDN в vk Заполните регистрационную форму участника Турнира Количество попыток решения отдельных задач практикума не ограничено, однако при определении победителей будут учитываться два показателя - результат (в баллах) и количество попыток решения отдельных задач. Результаты Турнира с именами победителей будут опубликованы на сайте 9 июня 2016 года. Пусть победят сильнейшие!

 На образовательном портале ITVDN появился новый видео курс How to HTML&CSS. Данный видеокурс поможет начинающим специалистам, обучающимся по специальности Frontend Developer освоить нюансы верстки web-страницы в HTML. В видеокурсе будет рассмотрена работа с изображениями, таблицами, списками, слоями, формами HTML, а также с CSS классами, идентификаторами и селекторами. Просмотрев уроки «How to», Вы разберетесь в специфике создания сайтов, особенностях HTML и CSS.

Дорогие друзья!  С 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 ноября сертификаты будут отправлены победителям на емейл, указанный при регистрации.

С 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%.  Промо-коды будут оправлены всем участникам Турнира по электронной почте, указанной при регистрации.

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.

Доброго дня! На 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. Попередні вимоги Цей курс підходить для новачків, які жодного разу не програмували. Для старту навчання знадобиться комп'ютер/ноутбук та стабільний доступ до Інтернету. Дивіться перший урок у вільному доступі. Якщо у вас є активна підписка, курс доступний для вас у повному обсязі.

Дорогі друзі, на 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. Дивіться перший урок у вільному доступі. Якщо у вас є активна підписка, курс доступний для вас у повному обсязі.

Обязательно ли использовать 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  

Добрий день, друзі! Сьогодні маємо гарні новини для всіх, хто хоче спростити та прискорити свою техніку верстання вебсторінок – на 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     

Всем привет! Друзья, хотим вас порадовать новым видео курсом, который будет интересен каждому начинающему FrontEnd разработчику, а также BackEnd программистам, использующим язык JavaScript в качестве основного или дополнительного инструмента написания кода. Его название — “JavaScript Базовый”. Он является логическим продолжением курса “JavaScript Starter” и посвящен более углубленному изучению работы с языком программирования JavaScript, без которого сегодня буквально немыслима веб-разработка. JavaScript – это один из самых популярных языков программирования. Без его знания не обойтись в web-разработке, однако, он может быть применен и для решения иных задач. Сегодня JavaScript, кроме добавления динамического поведения HTML страницам, применяется в разработке серверных приложений, игровых и мобильных приложений, а также для создания сценариев для автоматизации тестирования и многого другого. Изучение JavaScript — это хорошее вложение в будущее, так как язык пригодится для решения разных задач и будет полезным как Frontend или Backend разработчику, так и тестировщику программного обеспечения. В ходе курса “JavaScript Базовый” вы изучите главные принципы использования JavaScript при построении пользовательских интерфейсов и при создании сценариев, использующих объектно-ориентированные техники и функциональные подходы. Эти уроки станут фундаментом для дальнейшего изучения библиотек и фреймворков, базирующихся на языке JavaScript. Также, знания, полученные на этом курсе, помогут вам при изучении и использовании такого фреймворка, как Angular или библиотеки React. Курс записан одним из лучших авторов ITVDN — Дмитрием Охрименко, являющимся CEO CyberBionic Systematics, сертифицированным тренером Microsoft и автором курсов по .NET и FrontEnd разработке. В записанных видео уроках Дмитрий делится эффективными техниками работы с языком JavaScript, которые актуальны и востребованы на сегодняшний день. Структура курса: DOM и поиск элементов. Навигация по DOM элементам. Модификация DOM дерева. Свойства и атрибуты. Стили. События. Часть 1. События. Часть 2. События. Часть 3. HTML шаблоны. Функции конструкторы. Классы. Классы. Наследование. Контекст функции. Замыкания. Формы и элементы управления. Проверка данных формы. Cookies и Web Storage. Обработка исключений. Асинхронный код. Promise. Сетевые запросы. Чему вы научитесь на данном курсе: Создавать веб страницы с полноценным пользовательским интерфейсом Использовать классы и наследование классов, понимать принципы объектно-ориентированного подхода при разработке на JavaScript. Работать с функциями конструкторами и прототипами. Работать с функциями и использовать замыкания – понимать, что такое лексическое окружение, контекст. Работать с DOM деревом, находить элементы, создавать, удалять и менять состояние существующим элементам. Работать со стилями через JavaScript код. Использовать события, применять технику делегирования событий, работая с разными фазами события (Capture Phase и Bubble Phase). Использовать HTML template и шаблонизатор mustache.js. Работать с формами и проверять данные, введенные в формы. Работать с данными на стороне клиента, используя cookies и Web Storage. Обрабатывать исключения и создавать пользовательские исключения. Организовывать асинхронный код с помощью функций обратного вызова и Promise. Создавать сетевые запросы с помощью метода fetch. Предварительные требования Для понимания материалов данного курса потребуется знание базового синтаксиса JavaScript (материал курса “JavaScript Стартовый”) и знание основ HTML и CSS. Если вы уже занимаетесь разработкой на другом языке программирования и хотите изучить JavaScript – эти видео материалы вам идеально подойдут: просто бегло просмотрите уроки и сконцентрируйте внимание на особенностях работы JavaScript. Если вы занимаетесь тестированием ПО, “JavaScript Базовый” поможет вам в дальнейшем погружении в особенности языка JS и станет надежным помощником в освоении автоматизации тестирования. Смотрите первый урок курса в свободном доступе. Также, можем вам предложить ознакомиться с бесплатным вебинаром “Как стать FrontEnd разработчиком” для лучшего понимания важности JavaScript в веб-разработке. Видео курс “JavaScript Базовый” является второй ступенькой на пути к полноценному освоению языка программирования JavaScript. Если вы желаете не останавливаться на стартовом курсе и хотите дальше ринуться в изучение всех нюансов языка, вам также пригодятся ссылки на другие курсы по JS: ECMAScript 6 JavaScript Шаблоны JavaScript: Расширенные возможности Смотрите также записи вебинаров-практикумов по JS и фронтенд разработке. Оставайтесь на ITVDN!