Результати пошуку за запитом: html
Вступ до ASP.NET Core
Автор: Daniel Roth
ASP.NET Core представляет собой существенный редизайн ASP.NET. В этом разделе представлены новые концепции в ASP.NET Core, а также содержатся объяснения, как они помогают разрабатывать современные веб-приложения.
Что такое ASP.NET Core?
ASP.NET Core – это новый общедоступный и кроссплатформенный фреймворк для создания современного облака приложений, связанных с подключением к интернету, таких как веб-приложения, приложения для интернета вещей и мобильных серверов. Приложения ASP.NET Core могут работать на .NET Core или на полной платформе .NET Framework. Этот фреймворк был спроектирован таким образом, чтобы обеспечить оптимизированную платформу разработки для приложений, которые перемещаются в облако или выполняются локально. Он состоит из модульных компонентов с минимальной перегрузкой, поэтому вы сохраняете гибкость при построении своих решений. Существует возможность разрабатывать и запускать кроссплатформенные ASP.NET Core приложения на Windows, Mac и Linux. Фреймворк ASP.NET Core общедоступен на GitHub.
Зачем строить ASP.NET Core?
Первая предварительная версия ASP.NET появилась почти 15 лет назад как часть платформы .NET Framework. С тех пор миллионы разработчиков использовали технологию для создания и запуска отличных веб-приложений. За эти годы удалось добавить и разработать множество возможностей.
ASP.NET Core имеет ряд архитектурных изменений, которые приводят к более компактной и модульной структуре. ASP.NET Core больше не основывается на файле System.Web.dll. Он основан на наборе детальных и хорошо структурированных пакетов NuGet. Это позволяет оптимизировать приложение с помощью пакетов NuGet, которые вам необходимы. Преимущества меньшей площади поверхности приложения включают: более строгую защиту, сниженный уровень обслуживания, улучшенную производительность и снижение затрат в модели «плати за то, что используешь».
С помощью ASP.NET Core вы достигните таких основных улучшений:
Единая история создания для Web UI и Web APIs
Интеграция современных клиентских фреймворков и схем разработки
Конфигурация, готовая для работы в облаке и основывающаяся на окружении
Встроенная поддержка внедрения зависимостей
Новый легкий и модульный HTTP-запрос
Возможность хостироваться в IIS либо в вашем собственном приложении
Фреймворк построен на платформе .NET Core, которая поддерживает истинное совместное управление версиями приложений
Поставка как полные NuGet пакеты
Новый инструментарий, который упрощает разработку современных веб-приложений
Сборка и работа кроссплатформенных ASP.NET приложений на Windows, Linux и Mac
Общедоступный и социально-ориентированный фремворк
Создание web UI и web APIs с использованием ASP.NET Core MVC
Вы можете создавать службы HTTP, которые охватывают широкий круг клиентов, включая браузеры и мобильные устройства. Поддержка нескольких форматов данных и согласования содержимого – уже встроены. ASP.NET Core - идеальная платформа для создания web APIs и RESTful приложений на .NET Core.
Вы можете создавать хорошо факторизованные и тестируемые веб-приложения, которые следуют шаблону Модель-Вид-Контроллер (MVC).
Razor обеспечивает продуктивный язык для создания Views
Тег-хэлперы позволяют серверному коду участвовать в создании и рендеринге HTML- элементов в файлах Razor
Привязка модели автоматически отображает данные из HTTP-запросов в параметры метода действия
Проверка модели автоматически выполняет проверку на стороне клиента и на стороне сервера
Разработка клиентской стороны
ASP.NET Core предназначен для беспроблемной интеграции с различными клиентскими платформами, включая AngularJS, KnockoutJS и Bootstrap.
Материал подготовлен на основе статьи: https://docs.microsoft.com/en-us/aspnet/core/. Авторы: Daniel Roth, Rick Anderson, Shaun Luttin
10 порад для написання JavaScript без JQuery
Автор: Редакция ITVDN
Введение
JQuery - огромная библиотека. Она пришла приблизительно в то время, когда IE6 был браузером номер один. Тогда было много специфических моментов и разногласий, что делало процесс разработки утомительным и JQuery был идеальным инструментом для написания кроссбраузерного кода.
С тех пор, однако, веб-браузеры намного усовершенствовались. Вы можете с удобством использовать все возможности, предоставляемые ES5, и имеете в полном распоряжении огромную API-библиотеку HTML5, которая делает работу с DOM-элементами намного приятнее. Разработчики теперь могут выбирать, что же можно оставлять из JQuery для некоторых проектов, продолжая сохранять свою производительность.
Не поймите неправильно – JQuery по-прежнему отличная библиотека и чем чаще вы будете использовать ее, тем лучше. Тем не менее, для небольших проектов, например, для простых страниц с ограниченным JS взаимодействием, расширениями браузеров и мобильных сайтов, вы можете использовать vanlla JS.
Вот 10 советов, которые помогут в вашей деятельности.
1. Прослушивание на готовность документа (Document Ready)
Первое, что вы делаете, когда пишете JQuery, это упаковывание своего кода в вызов $(document).ready() для того, чтобы определить готовность DOM к манипуляциям. Без JQuery у вас есть событие DOMContentLoaded. Вот как оно используется.
2. Выбор элементов
Давным-давно Вы могли только выбирать элементы по ID, классу и имени тега, а JQuery с ее умными CSS-селекторами выступала своеобразным спасателем. Браузеры исправили это и представили две важные API - querySelector и querySelectorAll.
3. Установка и удаление слушателей событий
Прослушивание событий - фундаментальная часть построения веб-приложения. Принято было использовать две основные стороны, которые отличались тем, каким способом все было сделано - IE и остальное. Но сегодня мы просто используем addEventListener.
4. Манипулирование классами и свойствами
Манипулирование именами классов элементов без JQuery было очень неудобно использовать. Но проблема была решена благодаря свойству ClassList. И если нужно управление атрибутами, Вам нужен SetAttribute.
5. Получение и установка содержимого элементов
JQuery имеет удобный текст и html ( )методы. Вместо их можно использовать свойства textContent и innerHTML, которые были у нас в течение очень долгого времени.
6. Установка и удаление элементов
Хотя JQuery и делает все намного проще, добавление и удаление DOM-элементов невозможно без простого JavaScript. Здесь показано, как добавлять, удалять и заменять любые элементы, какие Вы только захотите.
7. Прохождение по DOM дереву
Любой настоящий JS-ниндзя знает, что есть много возможностей, скрытых в DOM. По сравнению с JQuery простые интерфейсы DOM предлагают ограниченную функциональность для выбора нескольких уровней. И, тем не менее, есть множество вещей, которые Вы можете делать, путешествуя по DOM - дереву.
8. Обработка массивов
Некоторые из утилитных методов, которые предоставляет JQuery, доступны со стандартом ES5. При переборе массивов можно использовать forEach и map вместо их JQuery аналогов - each() и map(). Просто будьте осторожны при различиях в аргументах и значениях по умолчанию в обратных вызовах.
9. Animations
Методы анимации JQuery самым лучшим образом подходят ко всему, что Вы бы хотели «оживить» и, если нужны сложные анимации из скриптов в приложении, Вы должны по-прежнему иметь дело с ней. Но благодаря всем чудесам CSS3, некоторые простые случаи можно обработать с помощью легкой библиотеки Animate.css, которая позволяет запускать анимацию, добавляя или удаляя имена классов элементов.
10. AJAX
Ajax – это еще одна технология, которая используется при кросс-браузерном беспорядке. Хорошая новость - теперь можно использовать один и тот же код везде. Плохая новость - по-прежнему громоздко создавать экземпляры и отправлять AJAX-запросы с XMLHttpRequest, так что лучше предоставить это библиотеке. Но Вы не должны подключать всю JQuery только для этого. Вы можете использовать одну из самых многочисленных и легких библиотек, которые доступны. Вот пример построения запроса AJAX напрямую, и с помощью небольшой библиотеки запросов.
Выводы
Стремление к минимальному, нулевому количеству наворотов на веб-странице - достойная цель, что окупит себя быстрой загрузкой и лучшим пользовательским опытом. Но будьте осторожны - никто не выиграет, если Вы будете изобретать велосипед, который уже используется в JQuery. Не жертвуйте хорошей практикой разработки только для того, чтобы сократить количество кода. Но есть множество мест, где на сегодня советы вполне применимы. Попробуйте следовать ванили в следующий раз, это может быть все, что вам нужно!
Источник: http://tutorialzine.com/2014/06/10-tips-for-writing-javascript-without-jquery/
Як виконати налагодження JavaScript програми
Автор: Дмитро Охріменко
Введение
Данная статья будет полезна web разработчикам, которые начинают работать с языком JavaScript и знакомятся с инструментами разработки, встроенными в браузер. Умение «дебажить» JavaScript приложение является очень важным для веб разработчика, поскольку позволяет быстро найти причину ошибки в сценарии.
Отладка в Google Chrome
Отладка приложения – процесс обнаружения, локализации и устранения ошибок при помощи отладчика (инструмента встроенного в среду разработки или другое ПО). При отладке разработчик может узнать значения переменных и ход выполнения программы.
Во всех современных браузерах есть инструменты, позволяющие разработчику анализировать работу веб приложения, в том числе и выполнять отладку JavaScript кода. Для того, чтобы открыть инструменты веб разработчика, в большинстве браузеров используется клавиша F12. В данной статье будет рассмотрена отладка JavaScript приложения на примере инструмента Web Inspector в браузере Google Chrome.
Ниже приведен HTML код страницы с простым сценарием, который будет анализироваться с помощью Web Inspector.
<div id="myDiv">div>
<script>
var div = document.getElementById("mydiv");
var text = "";
for (var i = 0; i < 10; i++)
{
text += i + " ";
}
div.innerHTML = text;
<script>
Задача данного сценария - создать ряд цифр от 0 до 9-ти и отобразить их в элементе div на странице. Но код не срабатывает, и мы попробуем найти проблему, выполнив отладку.
Запуск Web Inspector и переключение в окно отладчика.
Нажав на клавишу F12, мы получаем следующее окно в Google Chrome.
Убедитесь в том, что выбран пункт меню Sources, который и позволяет произвести отладку.
Окно отладки делится на три панели (отмечены на изображении цифрами):
1 – Панель файлов, подключенных к текущей странице, в которых есть JavaScript код.
2 – Панель, в которой будет отображаться JavaScript код выбранного файла.
3 – Панель с дополнительными настройками, упрощающими отладку.
Установка точки останова или breakpoint
Для того, чтобы начать отладку приложения, нужно определить, на каком этапе произойдет остановка выполнения сценария. Для этого, как и в большинстве других инструментах отладки, необходимо установить точку останова или breakpoint.
Точка останова (breakpoint) – метка, которая указывает отладчику, на каком этапе выполнения приложения нужно сделать паузу.
Для начала необходимо выбрать файл, в котором будет выполнятся отладка JavaScript (для этого дважды щелкаем по файлу index.html)
После этого устанавливаем точку останова, нажимая на номер строки в центральной панели, которая отображает код выбранного файла. Точка останова отображается синим прямоугольником. Теперь, если обновить страницу, сценарий должен выполниться до 9 строки и остановиться. Далее мы сможем пошагово выполнять отладку приложения и отслеживать значения переменных в сценарии.
Одно из преимуществ отладчика – отображение ошибок, выброшенных интерпретатором. На строке 14 выводится сообщение – Uncaught TypeError: Cannot set property ‘innerHTML’ of null (невозможно установить свойство ‘innerHTML’ для null). Это сообщение уже может помочь в решении проблемы сценария. Сценарий пытается обратиться к свойству на переменной div - сообщение говорит о том, что в этой переменной null и для null нельзя установить значения свойства. Если в переменной null - значит нужно искать код, который записывает в переменную значение.
Пошаговая отладка JavaScript
После установки breakpoint нужно начать отладку. Для этого достаточно обновить страницу (F5). При наличии точки останова сценарий остановился на строке №9 (об этом свидетельствует синяя подсветка строки).
С помощью горячей клавиши F10 можно пошагово выполнять приложение и отследить значения переменных. При первом нажатии на F10 выполнение переходит на следующую строку кода и, наведя курсор на переменную div, мы сможем увидеть значение этой переменной. Отладчик показывает, что в переменной находится значение null.
Ошибка на строке №9 вызвана отсутствием инициализации переменной div должным образом. После внимательного изучения этой строки мы находим ошибку – неправильно указанный id элемента “myDiv”.
Дополнительную информацию по отладке JavaScript приложений Вы можете найти в бесплатном видео уроке https://itvdn.com/ru/video/javascript-advanced. В этом видео уроке будет идти речь не только об отладке, но и о работе с объектами и прототипами в JavaScript.
Вивчайте React Native на ITVDN
Автор: Редакция ITVDN
Друзі, привіт!
Сьогодні ділимося приємною новиною з тими, хто знає React і націлений на розширення свого стеку задля створення нативних застосунків під різні мобільні платформи – на ITVDN вийшли всі уроки курсу “React Native”!
Це кросплатформний фреймворк що використовується для розробки програм під Android, Android TV, iOS, macOS, tvOS, Web, Windows та UWP. React Native дає можливість поєднувати переваги фреймворку з власними перевагами кожної нативної платформи.
Даний курс охоплює розгляд розробки мобільних застосунків з використанням технології React Native та платформи Expo. Початкові уроки зосереджені на введенні в React Native та Expo, налаштуванні робочого середовища та основах компонентного підходу до розробки. Ви дізнаєтесь про створення інтерфейсів, роботу зі списками, стилізацію та використання сторонніх бібліотек для поліпшення візуального оформлення застосунків.
Також курс включає вивчення більш складних тем, таких як робота з формами, анімаціями, мультимедійним контентом, інтеграція з RESTful API, локальне зберігання даних, впровадження push-повідомлень та фонових завдань. Особлива увага приділяється використанню хуків для управління станом і життєвим циклом компонентів, а також комунікації між компонентами і навігації в мобільних застосунках.
Останні уроки курсу присвячені проєктуванню і розробці проєкту на React Native з нуля. Цей проєкт сприятиме поглибленню розуміння повного циклу розробки мобільних застосунків і стане відмінним доповненням до портфоліо.
Автор курсу – Кінаш Станіслав, FrontEnd Developer.
Курс складається з 20 уроків загальною тривалістю 9 годин 59 хвилин.
Структура курсу:
Початок роботи з React Native та Expo Go
Налаштування робочого середовища
Базові компоненти React Native: стандарти інтерфейсу
Робота зі списками у React Native: відображення даних
Стилізація в React Native
Сторонні бібліотеки для стилізації компонентів
Додаткові компоненти React Native – покращення взаємодії
Основи Hooks
Глибоке занурення в Hooks
Комунікація між компонентами. Частина 1
Комунікація між компонентами. Частина 2
Навігація в React Native з використанням Expo Go
Робота з формами та введенням даних
Анімація та жести
Робота з мультимедіа та камерою
Робота з RESTful API
Робота з локальним сховищем даних
Push-повідомлення та фонові завдання
Міжнароднізація та локалізація застосунків
Заключний проєкт
Чого ви навчитеся на даному курсі:
Розробляти повнофункціональні мобільні застосунки з використанням React Native.
Використовувати компонентний підхід React для створення динамічних та реактивних інтерфейсів.
Застосовувати стилізацію та адаптацію макетів для різних розмірів екранів мобільних пристроїв.
Інтегрувати сторонні бібліотеки та API для розширення функціональності та поліпшення візуального оформлення застосунків.
Управляти навігацією та переходами між екранами в мобільних застосунках.
Реалізовувати взаємодію з локальним сховищем даних і вебсервісами для створення динамічних та інтерактивних застосунків.
Використовувати анімації та обробку жестів для підвищення інтерактивності та користувацького досвіду.
Розуміти та застосовувати найкращі практики i18n та локалізації для створення глобально доступних застосунків.
Публікувати розроблені застосунки в Expo Go Dev Store.
Попередні вимоги
Для проходження курсу потрібно мати знання та практичні навички роботи з HTML, CSS, JavaScript, React. Курс розрахований як на розробників-початківців, які вже мають базу знань у фронтенд-технологіях, так і на досвідчених розробників, котрі бажають розширити свої знання та навички в сфері мобільної розробки з використанням React Native.
Дивіться перший урок у вільному доступі. Курс вже доступний на нашому сайті в повному обсязі – до кожного уроку є практичні завдання та опорний конспект. Якщо у вас є активна підписка, ви можете дивитися його прямо зараз.
Курс входить до комплексної програм підготовки за спеціальностями FrontEnd Developer та React Developer.
Нові відео курси ITVDN українською мовою
Автор: Редакция ITVDN
Перелік оновлено 30 жовтня 2025 року
Друзі, привіт! Якщо ви вже трохи знайомі з нашим ресурсом, то, мабуть, помітили, що від початку повномасштабної війни ми активно працюємо над створенням нових українськомовних відео курсів – якісних і доступних за ціною для кожного з вас.
Наразі ви можете вивчати на ITVDN такі українськомовні курси:
✅ FrontEnd + Node.js
HTML5 & CSS3 Стартовий
CSS Flexbox.
Верстання на Grid.
Практичний курс з верстки лендінгу
Bootstrap 5.
Шаблонізатор Pug.
JavaScript Стартовий.
JavaScript Базовий
JavaScript Поглиблений
JavaScript Шаблони
Асинхронне програмування у JavaScript.
TypeScript.
React Базовий.
React Поглиблений.
Vue.js Стартовий.
Angular Базовий.
Тестування Angular додатків
Node.js Базовий.
✅ Java
Основи IntelliJ IDEA
Java Стартовий.
Java Базовий
Java Поглиблений.
SOLID принципи в Java.
MySQL Базовий.
JDBC & Hibernate
Unit-тестування в Java з JUnit
Основи Java EE
Spring.
Spring MVC.
Spring Data.
Spring Security.
Створення застосунків за допомогою Spring Data
Асинхронне програмування на Java
✅ .NET
C# Стартовий.
SQL Базовий.
C# Асинхронне програмування.
Універсальні шаблони C#.
Unit-тестування у C#.
Породжуючі патерни проєктування.
Структурні патерни проєктування мовою C#.
Алгоритми та структури даних мовою C#
Entity Framework Core Базовий
ASP.NET Core Базовий
✅ Python
Python Стартовий.
Python Базовий.
Python Базовий 2025
Flask.
Породжуючі патерни проєктування на Python
✅ Інше
Основи використання Git
PostgreSQL.
Основи адміністрування Windows Server.
Docker.
React Native.
Unity Стартовий.
Android Базовий.
PL/SQL.
Unit-тестування в PHP.
Триває процес публікації нових курсів:
HTML5 & CSS3 Базовий
Transact-SQL
JavaScript Патерни Проєктування
Створення проєкту на Python і Django
Entity Framework 6
Усі ці курси мають безкоштовний доступ на місяць за програмою Free For Ukraine і дозволяють отримати базові знання з найпопулярніших технологій на сучасному ринку ІТ: HTML & CSS, JavaScript, TypeScript, Java, C#, Docker, SQL, MySQL, PL/SQL, Git, Vue.js, React, Node.js, Spring, Flask тощо.
За програмою Free For Ukraine українці мають можливість отримати безкоштовний доступ до усіх курсів ITVDN на 30 днів.
Однак ми розуміємо, що за місяць нереально вивчити весь стек технологій з тієї чи іншої ІТ-спеціальності, тому після безкоштовного доступу рекомендуємо обрати пакет підписки “Базовий”, який дає повний доступ до усіх відео курсів на 6 місяців.
Цього часу зазвичай достатньо для того, щоб пройти повне навчання з нуля до рівня спеціаліста, якщо приділяти цьому щонайменше 10 годин на тиждень.
Вартість пакету “Базовий” – 89.99 USD, тобто ви отримуєте доступ до величезної бази знань всього за 15 USD на місяць.
Додаткові сервіси, які входять в пакет “Базовий”:
Вихідний код навчальних проєктів
Презентації, опорний конспект, д/з
Перевірка 10 домашніх завдань
Консультації з тренером – 60 хв.
Доступ до інтерактивних практикумів
Онлайн тестування (16 тестів) та сертифікати за пройденими курсами
Доступ до нових курсів за спеціальністю, які виходитимуть під час дії підписки
Детальніше про “Базовий”
Вивчай JavaScript з нуля українською мовою
Автор: Редакция ITVDN
Добрий день, друзі!
Сьогодні хочемо вас порадувати новим відео курсом, який обов'язково стане в нагоді кожному FrontEnd розробнику, а також BackEnd програмістам та Automation QA, які використовують мову JavaScript в якості основного інструменту написання коду. На ITVDN опубліковано всі уроки нового курсу “JavaScript Стартовий”. Курс українською мовою!
JavaScript – це одна з найпопулярніших мов програмування. Вона користується великим попитом як серед новачків, так і серед досвідчених девелоперів, оскільки:
простіша у вивченні в порівнянні з іншими загальновідомими мовами програмування (С#, Java, C++/C тощо);
успішно використовується для створення клієнтської сторони веб-застосунків (FrontEnd), але також поширена і на серверній стороні в тандемі з Node.js (BackEnd);
може використовуватися в геймдеві, розробці мобільних та настільних застосунків, тестуванні ПЗ тощо;
має великий попит на ІТ-ринку.
Вивчення JavaScript – це інвестиції в майбутнє, що окуплять себе з лихвою, оскільки досвідчені JavaScript розробники щедро оплачуються, мають широкий спектр проєктів та кар’єрних можливостей, а також можуть вести професійну діяльність дистанційно.
Курс “JavaScript Стартовий” є першою сходинкою у вивченні програмування мовою JavaScript.
Він спрямований на вивчення головних синтаксичних конструкцій JavaScript. Ви дізнаєтеся, як працювати зі змінними, використовувати умовні та циклічні конструкції, масиви та об'єкти. Отримаєте необхідні знання для написання алгоритмів та підготуєте базу, після якої можна розвивати свої навички у веб-розробленні або почати використовувати JS для інших цілей.
Автор курсу – Дмитро Охріменко, CEO CyberBionic Systematics, сертифікований тренер Microsoft та автор курсів з .NET та FrontEnd розробки. У записаних відео уроках Дмитро ділиться ефективними техніками роботи з мовою JavaScript, які актуальні та потрібні на сьогоднішній день.
Тривалість курсу – 8 годин 40 хвилин.
Структура курсу:
Вступ.
Структура коду.
Змінні та типи даних.
Рядки та перетворення типів.
Оператори.
Умовний оператор if.
Switch та тернарний оператор.
Цикли.
Масиви.
Методи масивів.
Функції. Частина 1.
Функції. Частина 2.
Об'єкти. Частина 1.
Об'єкти. Частина 2.
Чого ви навчитеся на даному курсі:
Створювати мовою JavaScript базовий динамічний контент для web-сторінок.
Працювати зі змінними та типами даних.
Працювати з умовними та циклічними конструкціями.
Розуміти особливості використання масивів та працювати з методами оброблення даних у масивах.
Використовувати функції (розуміти та використовувати області видимості, контекст, рекурсію).
Працювати з об'єктами.
Попередні вимоги
Для успішного проходження даного курсу необхідно володіти мовами верстання HTML & CSS на базовому рівні.
Якщо ви вже займаєтеся розробкою іншою мовою програмування та хочете вивчити JavaScript – ці відео матеріали вам ідеально підійдуть: просто швидко перегляньте перші уроки і сконцентруйте увагу на особливостях роботи JavaScript.
Якщо ви займаєтеся тестуванням ПЗ, “JavaScript Starter” допоможе вам розібратися з синтаксисом мови та стане першим кроком у освоєнні автоматизації тестування.
Дивіться перший урок у вільному доступі. Курс вже доступний на нашому сайті в повному обсязі – до кожного уроку є практичні завдання, опорний конспект та онлайн тести для більш глибокого засвоєння матеріалу. Якщо у вас є активна підписка, ви можете дивитися його прямо зараз.
Курс входить до комплексних програм підготовки за спеціальностями:
Frontend Developer
Верстальник сайтів
JavaScript Developer
React Developer
Python Developer
ASP.NET Core Developer
ASP.NET MVC Developer
PHP Developer
Ruby Developer
Новий курс – Автоматизація тестування на C#
Автор: Редакция ITVDN
Доброго дня!
На ITVDN опубліковано новий відео курс – "Автоматизація тестування на C#"! Він стане у нагоді всім розробникам-початківцям C#/.NET, які прагнуть до написання дійсно якісних і продуманих .NET додатків.
Автоматизація тестування дозволяє позбутися рутини ручного функціонального тестування, передавши програмі задачі з послідовного запуску тесту, ініціалізації відповідних елементів, виконання тесту, аналізу та видачі результату.
На курсі розглядається застосування бібліотеки Selenium для тестування веб та десктоп додатків. Розглядаються можливості тестових фреймворків C# для автоматизації тестування – NUnit, xUnit та MSTest. Буде розглянуто можливість застосування патерну Page Object та розширення цього шаблону Page Factory для проєктування тестів.
Ви познайомитеся з API тестуванням на прикладі REST додатків, а також з основами та ключовими моментами підходу розроблення BDD, із синтаксисом мови Gherkin, що підтримує розроблення, засноване на поведінці, та з інструментом для застосування BDD підходу – SpecFlow.
Автор курсу – Тетяна Пєшкова, Senior QA Engineer. У записаних відео уроках вона ділиться техніками ефективної організації автоматизованих тестів на C#, спираючись на власний досвід та найкращі практики.
Структура курсу:
Автоматизація тестування.
Selenium WebDriver
Пошук елементів у web та desktop додатках (локатори).
Selenium WebDriver: найскладніші елементи.
Порівняння тестових фреймворків.
Page Object Pattern.
API тестування на прикладі REST.
BDD. Gherkin. SpecFlow.
Чого ви навчитеся на даному курсі:
Застосовувати принципи автоматизації тестування у побудові процесу тестування проєкту.
Застосовувати Selenium WebDriver у Visual Studio для тестування користувацького інтерфейсу веб-сторінки.
Використовувати інструменти для пошуку локаторів у web та Windows desktop додатках, а також складати всі типи локаторів, у тому числі CSS і XPath.
Реалізовувати складну взаємодію Selenium WebDriver з браузером, таку як виконання подій миші та клавіатури, виконання JavaScript-коду, робота з випадаючим списком, зі спливаючими повідомленнями або додатковими вікнами браузера.
Розуміти різницю між тестовими фреймворками NUnit, xUnit та MSTest та застосовувати їх атрибути, залежно від необхідності.
На практиці застосовувати шаблон проєктування автотестів Page Object та його розширення Page Factory.
На прикладі REST розуміти принципи тестування API, розуміти, як будується запит, як відбувається виконання та отримання відповіді від сервера.
Створювати тести за допомогою бібліотеки RestSharp.
Розуміти, де та як потрібно формувати запити різних типів (створення, отримання, видалення та оновлення даних), а також працювати з отриманими від сервера даними.
Розуміти ключові моменти підходу до розроблення BDD, розуміти основи синтаксису мови Gherkin.
Встановлювати та створювати тестові сценарії із інструментом SpecFlow.
Попередні вимоги
Для проходження даного курсу необхідні знання мови C# на рівні курсу C# Базовий, розуміння принципів ООП та основ Unit-тестування мовою C#.
Буде плюсом знання загальних принципів тестування (основні поняття, види тестування, рівні тестування, структура тест-кейсу), знання основ web-технологій (структура HTML-сторінки), знання REST API.
Дивіться перший урок у вільному доступі. Якщо у вас є активна передплата, курс доступний для вас у повному обсязі.
Новий відео курс “Верстка сайту на CSS Grid”
Автор: Редакция ITVDN
Здравствуйте!
Друзья, хотим вас порадовать новым видео курсом - “Верстка сайта на CSS Grid”, который будет полезен каждому верстальщику, а также заинтересует многих FrontEnd разработчиков.
CSS Grid — это удобный механизм для настройки расположения элементов на странице, использующий принцип сети или таблицы со строками и столбцами. Проще говоря, это техника верстки, которая позволяет удобно располагать элементы на сайте, при этом предоставляя возможность легкой реализации адаптивности под различные разрешения экранов.
Данный курс направлен на изучение использования CSS Grid в процессе создания верстки веб-страниц. Вы познакомитесь с этой технологией, начиная с основ ее использования и базовых правил, и заканчивая рассмотрением более сложных структур. На этом курсе вы шаг за шагом узнаете о всех возможностях правил CSS Grid.
Автор курса — Сластен Максим — FrontEnd Developer, опыт разработки более 6 лет. В записанных видео уроках Максим делится эффективными и удобными техниками верстки при помощи Grid, которые с большим успехом используются в сайтостроении.
Структура курса:
Вступление
Знакомство с базовыми свойствами Grid
Работа с Grid контейнером
Создание Grid template и позиционирование контента
Работа с дочерними элементами grid-row и columns
Ordering элементов
Возможности свойства auto
FlexBox и Grid
Адаптивность Grid и медиа-запросы
Создание проекта
Чему вы научитесь на данном курсе:
Использовать CSS Grid при выполнении верстки ваших веб-страниц
Использовать Figma для построения шаблонов для дальнейшей работы
Создавать свои стили
Понимать особенности и уметь применять Grid columns (столбцы) и Grid rows (строки)
Понимать и применять на практике возможности объединения ячеек и именования линий
Применять функцию repeat
Применять grid-template-areas и разбивать грид на grid-areas
Выравнивать ячейки грида с помощью правил justify-items и align-items
Выравнивать контент в ячейках
Использовать значения max-content и min-content
Упорядочивать элементы и управлять отображением элементов в блоке
Ограничивать области перемещения блоков с абсолютным позиционированием
Использовать свойства flex и grid. Уметь преобразовывать флекс блоки в грид
Понимать автосвойства грид, и уметь контролировать построение грида
Уметь совмещать медиа запросы и правила грид блоков
Использовать медиа запросы для гибкой трансформации grid layout`a
Создавать готовый сверстанный проект и деплоить его на GitHub
Предварительные требования
Курс подойдет тем, кто уже имеет базовые знания HTML и CSS, хочет познакомиться с CSS Grid и изучить основы работы этой технологии для уверенного использования ее на практике.
Смотрите первый урок курса в свободном доступе.
Также, можем вам предложить ознакомиться с бесплатным вебинаром “Адаптивная верстка с FlexBox и Grid” для лучшего понимания популярных техник гибкой верстки — FlexBox и Grid, а также выявления преимуществ каждой из них.
Видео курс “Верстка сайта на CSS Grid” позволяет совершенствовать навыки верстки веб-страниц, обучая востребованному и широко используемому подходу Grid. Если вы желаете не останавливаться на этом и хотите дальше развивать свои навыки верстальщика, вам также пригодятся ссылки на другие курсы по данному направлению:
Bootstrap 4
HTML5 & CSS3 Базовый
HTML5 & CSS3 Углубленный
Практический курс по верстке лендинга
Як отримати максимум користі з відео навчання?
Итак, Вы решили, что действительно хотите стать программистом и выбрали современный комфортный и повышающий уровень самоорганизации способ IT обучения – видео курсы с онлайн поддержкой сертифицированными преподавателями. Вы сделали верный выбор, ведь видео обучение считается одним из самых эффективных способов дистанционного образования, а изучение видеокурсов и видео уроков, включающее в себя онлайн поддержку и социальную информационную поддержку, приравнивается к очному образованию. И сервис видео образования ITVDN.com - это именно то, что Вам нужно! Однако, каким образом организовать процесс видео образования, чтобы сделать его по настоящему эффективным? В этом Вам помогут некоторые советы и рекомендации от специалистов нашего центра:
1) Приобретая видеокурс по выбранной Вами технологии, убедитесь, что Ваш текущий уровень знаний соответствует требуемому для начала обучения.
Вашему вниманию предлагаются видеокурсы по наиболее популярным и востребованным технологиям – программирование на языке С#, основы SQL, ADO.NET, Entity Framework, Шаблоны проектирования, ASP.NET, полный набор необходимых видеокурсов для веб-разработчика – HTML&CSS, JavaScript, jQuery, HTML5&CSS3. В каталоге ITVDN представлены 16 полноценных учебных курсов, 7 коротких семинаров и тренингов – всего около 300 часов видео для начинающих и опытных разработчиков программного обеспечения. Также к Вашим услугам индивидуальные консультации от сертифицированных Microsoft преподавателей, радио-подкаст, корпоративный блог, программы лояльности и партнёрства, акции, призы и мощная поддержка в сетях социальных медиа.
2) Изучите Карту специальностей, чтобы понимать, какие знания входят в образовательную программу видео подготовки специалиста, гарантирующую получение знаний, необходимых и достаточных для той или иной профессиональной деятельности.
3) Выделите время не только на просмотр и изучение видео уроков, входящих в состав выбранного Вами видеокурса, но и время на выполнение практических заданий, рассмотренных в ходе видео урока и заданий для самостоятельной деятельности. После изучения урока пройдите тестирование для проверки полученных знаний.
4) Заранее составляйте списки вопросов, которые Вы собираетесь задавать Вашему преподавателю во время онлайн-поддержки, это позволит Вам наверняка не упустить волнующие Вас моменты и получить максимально развёрнутые ответы, повышающие Ваш уровень восприятия изучаемого материала.
5) Организуйте место и время для процесса обучения. Это должно быть тихое комфортабельное место в то же время оставляющее Ваше внимание сконцентрированным. Вы должны иметь возможность вдумчиво и спокойно воспринимать преподаваемый в видео уроках материал.
6) Занимайтесь самостоятельно, при этом по возможности конспектируя ключевые моменты каждого просмотренного видеоурока. Следуйте программе дополнительных заданий, по возможности тезисно повторяя предыдущий видео урок перед просмотром нового материала.
7) По возможности узнайте у своего преподавателя, какие дополнительные источники информации могут помочь Вам в изучении выбранного видеокурса. Как правило наши преподаватели с удовольствием советуют, а зачастую и дают возможность ознакомиться с литературой и специально подготовленными справочниками (handbook) по изучаемым технологиям. Придерживаясь этих несложных рекомендаций, Вы с легкостью получите максимальную отдачу от процесса видео обучения, получите гарантированный профессиональный рост и повышение общего уровня IT образования. ITVDN – Ваш гид в мире видео обучения IT технологиям.
Розіграш 10 подарункових сертифікатів ITVDN з доступом до усіх відеокурсів на 3 місяці
Автор: Редакция ITVDN
Сподіваємося, що ви живі і здорові і маєте бажання вивчати нові технології на ITVDN. Щоб ще більше надихнути і підтримати вас, ми проводимо розіграш подарункових сертифікатів на навчання.
Що розігруємо і скільки буде переможців?
Всього буде 10 переможців, які отримають сертифікат на пакет «Стартовий». Цей пакет відкриває доступ до всіх відео курсів на ITVDN (а їх у нас понад 300 з усіх напрямків) на 3 місяці і дає чудову можливість зробити старт у вивченні ІТ або систематизувати і поглибити ваші знання.
Коли відбудеться розіграш
Розіграш відбудеться 14 листопада о 15:00 в прямому етері на YouTube-каналі ITVDN. Посилання на пряму трансляцію ми надішлемо учасникам у день розіграшу на електронну адресу, яку вони вкажуть у заявці.
Переможці розіграшу зможуть активувати свої сертифікати коли завгодно протягом року з моменту отримання сертифікату.
Для участі у розіграші потрібно:
Залишити відгук про будь-який курс, який ви проходили на ITVDN або про вебінар, який на одному із цих ресурсів: DOU, на сторінці Facebook чи у Google-відгуках
Заповнити заявку учасника розіграшу.
Заявки приймаються до 12:00 14 листопада.
Що можна вивчати на ITVDN?
На ITVDN є понад 300 відеокурсів з наступних напрямків:
програмування мовами Python, Java, JavaScript, C#, PHP, Ruby, С++ тощо;
веб-дизайн, UX/UI дизайн
тестування ПЗ (Manual та Automation);
FrontEnd-розробка (HTML, CSS, JavaScript, TypeScript, Angular, React, Vue.js);
основи Project Management;
розробка ігр на Unity;
мобільна розробка під Android та iOS.
Подарунковий сертифікат “Стартовий” – це:
Доступ до всіх відео курсів, представлених у Каталозі ITVDN на 3 місяці
Можливість навчання з усіх представлених спеціальностей
Доступ до інтерактивних практикумів
Вихідний код навчальних проектів
Презентації, опорний конспект, ДЗ
Перевірка 5-ти виконаних завдань
Консультації з тренером – 30 хв.
Онлайн тестування (10 тестів) та сертифікати за пройденими курсами
Доступ до нових курсів, які виходитимуть під час дії підписки.
Які переваги дає навчання за відео курсами на ITVDN?
Гнучкість. Ви можете вчитися у зручний для вас час із будь-якого місця та у власному темпі. Доступ до матеріалів 24/7.
Конспекти + д/з. Відео уроки містять завдання для закріплення вивченого, а конспекти дозволять отримати вижимку найголовнішого та/або підготуватися до співбесіди.
Економія часу. Відео курси не містять води, а також ви заощаджуєте час на пошуки необхідної інформації в інтернеті, книгах тощо.
Актуальність. Ми стежимо за світом ІТ і стараємося вчасно оновлювати матеріали, аби ви вчили те, що користується попитом на ІТ-ринку.
Тестування та сертифікати. Після уроку ви можете проходити короткі онлайн тести, а після завершення курсу – підсумкове тестування з отриманням Сертифікату в разі успіху.
Практикуючі автори. Автори відео курсів – це професійні розробники, які працюють в ІТ і знають, на яких темах краще зробити акцент.
Вигідні ціни. Відео курси коштують менше, ніж традиційні курси з викладачем або навіть підручники, що дозволяє зекономити кошти на навчанні.
До розіграшу не допускаються громадяни росії та білорусі.
UPD від 14.11.2025
🥳Вітаємо переможців розіграшу:
Буток Олександр
Danylo Palianychka
Гавриленко Олексій
Кудрявський Артем
Pukhno Oleksii
Стародубець Ілля
Тулякова Ніна
Медведков Олександр
Denys Komanich
Багінська Людмила
Відео запис прямої трансляції можна переглянути за посиланням