Результаты поиска по запросу: mvc4 5*
Валидация форм средствами HTML5
Автор: Редакция ITVDN
Введение
Используя формы в HTML5, Вы часто используете методы проверки (валидации) данных, ведь их игнорирование может привести: к потерям пользователей,к мусору в базе данных или к взлому сайта. Исторически сложилось, что создание форм с хорошей валидацией – сложная задача.
В HTML5 есть инструменты обработки данных для форм, с их помощью можно производить валидацию, включающую в себя специальные атрибуты и новые типы входных данных. Давайте разберем их детальнее.
1. Специализированные типы входных данных
В HTML5 введены несколько новых типов ввода. Они используются для создания поля ввода, принимающего только определенные типы данных.
Новые типы входных данных выглядят следующим образом:
color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week
Пример:
<input type="email"/>
Если браузер не поддерживает данный тип ввода, поле будет вести себя, как обычное поле ввода текста.
2. Обязательные поля для заполнения
Просто добавив атрибут "required" к <input>, <select> или <textarea>. , Вы говорите браузеру, что значение должно быть заполнено.
<input type="checkbox" name="terms" required >
3. Лимиты
Мы можем установить некоторые ограничения и лимиты, например, максимальные и минимальные значения для числовых полей. Чтобы ограничить длину поля ввода надо использовать атрибут "maxlength".
<input type="text" name="name" required maxlength="15">
Поле <input type="number" /> использует атрибуты "max"и "min", чтобы создать диапазон возможно-допустимых значений (в примере минимально допустимый возраст 18)
<input type="number" name="age" min="18" required>
4. Стилизирование
CSS3 псевдо-классы позволяют украсить форму в не зависимости от ее состояния. Это:
:valid
:invalid
:required
:optional
:in-range
:out-of-range
:read-only
:read-write
В примере мы объединили селекторы "valid" и "invalid" с псевдо-классом "focus" для закрашивания поля формы в красный или зеленый, в зависимости от того, что делает пользователь: выбирает или печатает.
input:focus:invalid,
textarea:focus:invalid{
border:solid 2px #F5192F;
}
input:focus:valid,
textarea:focus:valid{
border:solid 2px #18E109;
background-color:#fff;
}
5. Подсказки
Вы замечали всплывающее окно с подсказкой при отправлении неправильно заполненной формы? Установив атрибут "title" для поля ввода, можно добавить подсказки, указывающие на ошибки при нарушении тех или иных правил валидации.
Обратите внимание, что разные браузеры отображают всплывающие подсказки по-разному. В браузере Chrome значение названия атрибута будет отображаться мелким шрифтом, под основным сообщением об ошибке. В Firefox другая проблема: использовав атрибут “pattern” после того как он берется в качестве шаблона, Вы не получите всплывающую подсказку.
<input type="text" name="name" title="Пожалуйста введите имя пользователя.">
6. Шаблоны
Атрибут "pattern", разрешает разработчикам задавать регулярное выражение, которое браузер сравнивает с данными ввода, прежде чем отправить форму заявки.
Вот как это можно использовать:
<input type="email" name="email" required pattern="^\S+@\S+\.\S+$" title="example@mail.com">
С функцией фильтрования входных данных мы можем принимать только полный e-mail адрес.
Источник: http://tutorialzine.com/2014/12/quick-tip-easy-form-validation-with-html5/
6 основных тенденций, которые будут популярны в веб-разработке в 2015 году
Автор: Редакция ITVDN
Введение
Подошел к концу 2014 год и самое время спросить себя: «Какие тенденции будут преобладать в сфере веб-разработки в 2015 году?». Представляем вашему вниманию подборку трендов, которые, по нашему мнению, будут популярны в следующем году.
1. Адаптивный дизайн
Вместе с ростом популярности на планшеты начал расти спрос на адаптивный дизайн, сегодня это - неотъемлемая часть любого сайта. С помощью “Responsive Design” пользователь сможет спокойно просматривать Ваш сайт на любом девайсе, будь то PC или мобильный телефон. Зачем Вам адаптивный дизайн? Ответ простой, сейчас все больше пользователей просматривают новости через разные устройства с разным расширением экрана, поэтому выбор ресурса напрямую зависит от удобства его использования на всех носителях. Главный критерий выбора – ширина контента не должна превышать ширину экрана, иначе пользователю будет неудобно воспринимать информацию и он к вам больше не вернется.
2. Плоский дизайн (Flat Design)
Плоский дизайн начал набирать свою популярность после релиза Windows 8, благодаря компании Microsoft и ее Metro-стилю. Концепция плоского дизайна заключается в том, что двухмерные изображения не перегружают восприятие пользователя и уменьшают загруженность ресурса. В плоском дизайне отсутствуют лишние эффекты: тени, блики и градиенты, в противовес им выдвигаются яркие цветовые решения.
3. Карточный дизайн
Карточный дизайн — это способ подачи контента на страницах сайта. Каждая карточка содержит в себе определенную информацию, это дает ресурсу возможность концентрировать внимание пользователя и легко группировать содержимое сайта. Главное преимущество данного типа дизайна — это легкость взаимодействия пользователя с Вашим сайтом, ведь карточки легко можно опубликовать на своей странице в социальных сетях, сохранить в избранное или прокомментировать. Первопроходцами карточного дизайна считаются Pinterest и Google+. Благодаря своей отзывчивости и адаптивности все больше сайтов переходит на карточный дизайн.
4. Фоновые изображения и видео
За последнее время все большую популярность набирают ресурсы с широкоформатным изображением или видео на фоне, с небольшой цитатой поверх него. Этот прием идеально подходит для сайта-портфолио или сайта-визитки.
5. Рисованные иллюстрации и шрифты
Сайты с рисованной типографикой или иллюстрациями подкупают своей неповторимостью. Все больше сайтов начали использовать в своем дизайне элементы, разработанные вручную, именно под определенный проект. Эти детали делают сайт уникальным и запоминающимся, пользователю приятней пользоваться таким сайтом, он захочет рассказать о нем другу и обязательно вернется сам.
6. SVG иконки и анимации
SVG — это специальный язык разметки векторной графики, который разрабатывается W3C с 1999 года. Возможность создавать SVG изображения доступна в большинстве векторных редакторов: Illustrator, Corel Draw или Sketch. SVG-графика часто используется для создания иконок, они выглядят качественней и легко адаптируются под разные расширения экрана. И напоследок, с помощью SVG можно создавать анимированные иконки.
Источник: http://www.sevensignature.com/blog/articles/top-10-sign-things-come-2015-web-design-trends/
Приоритет операторов в JavaScript (часть 2)
Автор: Александр Марченко
Продолжение описания.
Статья является продолжением статьи "Приоритет операторов в JavaScript", здесь будет проанализирована работа операторов дикремента и инкремента, а также рассказаны особенности применения сокращенной формы арифметических операторов.
В случае, если в любом математическом выражении используется сразу несколько разных операторов, то порядок их выполнения будет определяется приоритетом. Всем известно, что операция умножения будет выполнятся в выражении раньше, нежели операция сложения. Но, поскольку в JavaScript существует гораздо больше операторов, крайне полезно ознакомиться с таблицей приоритетов. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence.
Рассмотрим простой пример:
<script type="text/javascript">
var a = 3 + 4 * 5;
alert(a);
</script>
Оператор умножения * имеет приоритет несколько выше, чем оператор сложения +, при этом не важно, что стоит после него. Поэтому операция умножения будет выполнена первой, ее операндами будут значения 4 и 5, результат умножения станет вторым операндом в операции сложения. Оператор присваивания = имеет наименьший приоритет, следовательно, операция присваивания будет выполнена после операции сложения. В итоге получим значение a = 23.
Приоритет операторов можно переопределить, используя скобки. Таким образом, получим следующее выражение:
var b = (3 + 4) * 5;
alert(b);
Теперь результат сложения будет первым операндом в операции умножения, и получим результат b = 35.
На практике, если вы точно не уверены в приоритетах используемых операторов, используя скобки, вы разбиваете сложное выражение на совокупность более простых, которые выполняются по отдельности.
Инкремент и декремент.
Довольно часто возникает потребность провести увеличение или уменьшение значения переменной, изменить элемент массива, увеличив его или уменьшив на единицу, для этого используются специальные операторы:
Инкремент ++, выполняет изменение значения переменной, увеличивая на единицу. Может принимать две формы: постфиксный и префиксный.
Декремент --, выполняет изменяет значение переменной, уменьшая на единицу, и также принимает две вышеупомянутые формы.
Ознакомимся с отличиями постфиксного и префиксного изменения переменной на примере инкремента.
<script type="text/javascript">
var myVariable1 = 1;
var myVariable2
myVariable1++; // myVariable1 = myVariable1 + 1;
document.write("Значение переменной myVariable1 = " " + myVariable1 + "");
++ myVariable1; // myVariable1 = myVariable1 + 1;
document.write("Значение переменной myVariable1 = " " + myVariable1 + "");
// В случае когда в инструкции используется исключительно оператор инкремента, нет разницы какую форму мы используем.
myVariable2 = myVariable1++; // myVariable2 = myVariable1
document.write("Значение переменной myVariable2 = " " + myVariable2 + "");
document.write("Значение переменной myVariable1 = " " + myVariable1 + "");
// В данном случае значение переменной myVariable1 увеличивается на 1, но в переменную myVariable2 передается старое значение. Иначе говоря, сперва происходит операция присвоения myVariable2 = myVariable1, а затем увеличения myVariable1 = myVariable1 + 1
myVariable2 = ++ myVariable1; // y = myVariable1 + 1
document.write("Значение переменной myvariable2 = " " + myVariable2 + "");
document.write("Значение переменной myVariable1 = " " + myVariable1 + "");
// В этом случае, вызов ++ myVariable1 сперва увеличит переменную, и затем вернет ее значение (увеличенное значение) в переменную myVariable2.
</script>
Как видим, особенностью инкремента является наличие у него постфиксной формы, которая срабатывает лишь после завершения той инструкции, в которой она использовалась, т.е. после первой встречающейся точки с запятой «;», которая сигнализирует о завершении инструкции JavaScript.
Что касается декремента, принцип его работы идентичен инкременту, с отличием лишь в том, что происходит операция вычитания единицы от единственного операнда. Если он стоит перед операндом, он уменьшает его на единицу и возвращает уменьшенное значение, в случае размещения после операнда – уменьшает операнд, и возвращает прежнее неизмененное значение.
Сокращенная форма.
Кроме операторов увеличения и уменьшения на единицу (инкремента и декремента), для упрощения записи простых арифметических операций (по типу x = x + 3;) существуют следующие специальные операторы: +=, -=, *=, /=, которые работают по следующему принципу:
<script type="text/javascript">
var myVariable1 = 9;
myVariable1 += 3; // myVariable1 = myVariable1 + 3;
document.write("myVariable1 += 3 = "" + myVariable1 + "");
myVariable1 -= 3; // myVariable1 = myVariable1 - 3;
document.write("myVariable1 -= 3 = "" + myVariable1 + "");
myVariable1 *= 3; // myVariable1 = myVariable1 * 3;
document.write("myVariable1 *= 3 = "" + myVariable1 + "");
myVariable1 /= 3; // myVariable1 = myVariable1 / 3;
document.write("myVariable1 /= 3 = "" + myVariable1 + "");
</script>
Применяя сокращенные операторы, важно помнить об их приоритете выполнения. В таблице приоритетов вы найдете приоритет сокращенных операторов ( +=, -=, *=, /=, %=, <<=, >>=, >>>=, &=, ^=, |= ) одним из самых низких. После них находится только оператор множественного вычисления « , ». Это означает, что действия, заложенные в эти операторы, будут выполняться после всех прочих из вашего выражения наравне с оператором присвоения.
Использование коротких форм применения операторов позволяет существенно ускорить написание вашего сценария и при должном внимании упростить процесс его создания. Зачастую подобное использование операторов применяют в написании тела условных и циклических конструкций.
Приоритет операторов в JavaScript (часть 1)
Автор: Александр Марченко
Введение
В данной статье мы познакомимся со стандартными операторами и их применением в языке программирования JavaScript для работы с переменными и со значениями.
Сперва познакомимся со специфической терминологией, которая используется при работе с операторами.Большинство операторов обозначаются символами пунктуации, такими как =, +, - и другими. Некоторые – специальными ключевыми словами, к примеру, delete и new. Но, как знаки пунктуации, так и ключевые слова обозначают обычные операторы, просто используют для этого разный синтаксис.
Оператор присвоения
Операнд – то, к чему будет применен оператор, или порой можно встретить название: «аргумент оператора».
Оператор присваивания выглядит как знак равенства = :
var a = 1, b = 2;
В данной строке переменной "a" было присвоено значение 1, а переменной b – значение 2.
var a = a + 2;
В этой строке переменной "a" было присвоено ее значение, увеличенной на 2. Иначе говоря, сперва выполнится операция сложения текущего значения переменной a, результат которого будет пере-присвоен переменной a.
Полезной особенностью данного оператора является использование его по цепочке:
var a, b, c;
a = b = c = 2 + 3;
В результате работы последней строки всем трем переменным будет присвоено значение 5.
Арифметические операторы
Арифметические операторы используются для определения простейших математических операций над операндами, в качестве которых могут выступать как значения, так и переменные: плюс + , минус - , умножить * , поделить / , деление по модулю (определение остатка от деления) %.
Большинство JavaScript-операторов работают с двумя операндами, следовательно, способны два простых выражения объединить в одно более сложное. Но JavaScript поддерживает несколько унарных операторов, которые преобразуют только одно выражение в другое, более сложное.
Таким оператором является унарный минус, который изменяет знак числа на противоположный. В таком случае оператор «минус» в выражении -1 представляет собой унарный оператор и выполняет смену знака у своего единственного операнда 1.
<script type="text/javascript">
var x = 1;
document.write(-x + " ");
document.write(-(-x) + " ");
document.write(-(x + 4) + " ");
script>
Унарный плюс, используемый в качестве арифметического оператора, не выполняет каких-либо действий:
<script type="text/javascript">
document.write(+1);
document.write(" ");
document.write(+(1 - 2));
script>
Более распространенным применением унарного плюса является преобразование значения в число.
В случае объединения двух выражений в одно более сложное используются бинарные операторы, иначе говоря, бинарным называют оператор, который применяется к двум операндам, к примеру, если оператор плюс будет стоять между двумя числами, он будет представлен в своей бинарной форме:
<script type="text/javascript">
var a = 1, b = 2;
document.write(a + b + " ");
document.write(b + a + " ");
script>
Кроме того, если у нас есть две переменные со строковыми значениями, бинарный плюс сложит эти строки. произведя конкатенацию, а применение унарного плюса к каждой из переменных произведет преобразование их значений к числу.
var a = "2";
var b = "3";
alert(a + b); // "23", произошла конкатенация строк
alert(+a + b); // "23", второй операнд - всё ещё стоковая переменная
alert(+a + +b); // 5, число, поскольку оба операнда предварительно преобразованы в числа ((+a) + (+a))
В то же время, если использовать оператор «минус», мы получим другие результаты:
var a = "2";
var b = "3";
alert(a - b); // -1, произошло неявное преобразование типов
Таким образом, мы подошли к тому, что создавая JavaScript-выражения, важно обращать внимание на типы данных, передаваемых операторам, и, как следствие, на типы данных, которые они возвращают. Стоит отметить, что различные операторы требуют, чтобы операнды, с которыми они работают, возвращали значения только определенного типа. Так, нельзя выполнить умножение строк, поэтому выражение var a = "text1" * "text2"; не является допустимым и приведет к ошибке. В то же время, выражение var a = "2" * "3"; вполне допустимо, потому что интерпретатор JavaScript будет пытаться по мере возможностей преобразовать выражение в требуемый тип данных, в нашем случае из строкового типа в числовой.
Познакомимся с работой операторов умножения и деления на простом примере. В данном случае мы используем бинарные формы операторов, поскольку они взаимодействуют с двумя операндами:
<script type="text/javascript">
document.write("2" / 2 + " "); // 1, произойдет неявное преобразование строки в число
document.write(((2 + 2) * 6) / "12" + " "); // 2, произойдет неявное преобразование строки в число
document.write(12 * 7 / 2 + " "); // 42
document.write(17 % 7 + " "); // 3, возвращаем остаток от целочисленного деления
document.write(21 / 3 - 1 + " "); // 6, наблюдаем правильный порядок выполнения операций: сперва деление, затем нахождение разницы
script>
Если с работой операторов +, -, *, / в самом простом их применении мы были знакомы еще из младшей школы, то с оператором % стоит познакомиться детальней. Оператор деления по модулю % вычисляет остаток, получаемый при целочисленном делении первого операнда на второй, которые в курсе школьной математики именовались как делимое и делитель соответственно, а в результате самого деления мы получали частное и остаток от деления. Деление по модулю подразумевает возвращение остатка от деления.
Например, выражение var a = 190 % 27; будет выполнено следующим образом:
Оператор деления по модулю зачастую применяют к целочисленным операндам, но он корректно работает и с вещественными значениями. Так, в итоге выполнения выражения var a = -6.3 % 3; переменной a будет присвоено значение -0.3.
Кроме этого, стоит отметить следующие особенности вычислений в JavaScript:
<script type="text/javascript">
var a = 4,
b = true;
c = undefined,
d = Infinity,
e = 0,
res = undefined;
res = a * d;
document.write(res + " "); // Infinity, умножение числа на бесконечность возвращает бесконечность
res = a + b;
document.write(res + " "); // 5, true преобразовывается в 1 и производится операция сложения
res = a / e;
document.write(res + " "); // Infinity, деление числа на ноль возвращает бесконечность
res = a * c;
document.write(res + " "); // NaN, умножение числа на неопределенный тип данных, вернет сигнализацию об ошибке в виде NaN - Not a Number
script>
В дальнейшем мы познакомимся с такими операторами как инкремент/декремент, операторами сравнения, равенства и идентичности, которые будут часто использоваться в написании клиентских сценариев c использованием языка JavaScript.
Изучай HTML5 & CSS3 на английском с носителем языка
Автор: Редакция ITVDN
Наши партнёры CyberBionic Systematics запускают курс HTML5 & CSS3 на английском языке от носителя языка! Изучение HTML5 & CSS3 на английском – это не только навыки кодирования, но и мощный старт для карьеры на международном уровне. Вы научитесь создавать современные веб-страницы, работать с ключевыми инструментами и мыслить, как профессиональный разработчик. Сделайте первый шаг в будущее вместе с нами!
📅 Дата старта: 5 августа 2025 года
🕒 График: два раза в неделю – вторник и четверг
📚 Количество занятий: 10 уроков
🌟 Язык курса: английский (требуемый уровень – B1 и выше)
Как проходит обучение:
Онлайн в Zoom: интерактивные занятия в удобном формате из любой точки мира.
Записи уроков: возможность пересматривать материал в любое время.
Практика и тесты: закрепление знаний через реальные задачи.
Сертификация: официальный сертификат для подтверждения ваших навыков.
Чему вы научитесь:
Создавать структуру веб-страниц с помощью HTML5 & CSS3
Писать чистый и семантический код
Использовать основные инструменты для веб-разработки
Реализовывать собственные проекты под руководством ментора
О менторе курса:
James Turner — Front-end Software Engineer с более чем 5-летним опытом разработки.
Руководил разработкой продуктов для корпоративного сектора
Обучил более 200 студентов, которые успешно начали карьеру в IT
Имеет бэкграунд в маркетинге, что добавляет глубины его подходу к обучению
Кому подходит курс:
Новичкам, которые хотят освоить основы веб-разработки
Тем, кто мечтает работать в международных командах
Начинающим с уровнем английского не ниже B1
Не упустите возможность получить качественное IT-образование и новые перспективы! Регистрируйтесь сейчас, места ограничены.
👉 Запишитесь на курс и начните обучение уже в августе!
Как создать адаптивный лендинг: пошаговый практический курс
Автор: Редакция ITVDN
Если вы давно мечтали научиться профессиональной вёрстке, создавать эффектные и адаптивные веб-страницы, отлично отображающиеся на любых устройствах, но вам не хватало практики — самое время действовать!
Приглашаем вас на совершенно новый, подробный «Практический курс по верстке лендинга», который позволит вам освоить самые популярные современные инструменты веб-разработки всего за 10 дней.
Забудьте о скучных лекциях и сухой теории без практики! Наш курс — это сплошная практика, где каждое занятие будет приближать вас к созданию профессиональных проектов. От настройки среды до публикации вашего первого сайта на GitHub Pages — все это станет вашей реальностью уже совсем скоро.
Что вас ждет? Вы откроете для себя мир HTML, CSS, и современный препроцессор SASS, который сделает ваш код чистым и профессиональным. Усовершенствуете навыки создания адаптивных макетов с помощью Flexbox и Grid, научитесь использовать популярные JavaScript-библиотеки, чтобы оживить страницу слайдерами, модальными окнами, формами и даже корзиной для покупок.
Курс охватывает такие темы:
Установка и настройка IDE.
Работа с Git и GitHub.
Управление пакетами npm и Node.js.
Обзор популярных CSS-фреймворков (Bootstrap, Tailwind CSS, Bulma, Foundation).
Создание файловой структуры и настройки проекта с использованием SASS и Gulp.
Техники верстки header.
Использование Flexbox и Grid для адаптивных макетов.
Использование иконок Font Awesome в адаптивных макетах.
Создание адаптивных слайдеров с Glide.js.
Работа с формами и модальными окнами.
Создание динамических элементов с использованием JavaScript.
Этот курс — не просто знания, это ваши новые возможности и перспективы в IT-сфере. Уже после его завершения вы сможете с легкостью браться за реальные коммерческие заказы, создавая лендинги, которые будут приносить клиентам результат.
Автор курса — Иноземец Анна, Frontend Developer.
Курс состоит из 10 видеоуроков общей продолжительностью 5 часов 13 минут.
Структура курса:
Установка IDE, git, работа с npm и терминалом.
Библиотеки и фреймворки CSS.
Создание базовой структуры проекта; верстка header.
Flexbox и его возможности, Font Awesome (icons), верстка I и II секций.
Grid и его возможности, развертывание скрытых карточек.
Адаптивный слайдер с помощью библиотек.
Переиспользование стилей и позиционирование.
Создание модальных окон на странице и работа с формами.
Врстка подвала сайта (footer). Публикация страницы на GitHub Pages.
Дополнительное усовершенствование страницы.
Чему вы научитесь на данном курсе:
Создавать адаптивные и интерактивные веб-страницы.
Использовать SASS (SCSS) для написания чистого кода.
Верстать сложные макеты с помощью Flexbox и Grid.
Интегрировать JavaScript-библиотеки и создавать интерактивные элементы.
Работать с Git и публиковать страницы на GitHub Pages.
Реализовывать формы с валидацией, модальные окна и интерактивные слайдеры.
Создавать динамический контент с помощью JavaScript.
Предварительные требования
Этот курс будет чрезвычайно полезен для тех, кто уже имеет начальные знания HTML, CSS и JavaScript и хочет значительно повысить свои навыки для работы в IT-индустрии.
Смотрите первый урок в свободном доступе. Курс уже доступен на нашем сайте в полном объеме — к каждому уроку есть практические задания и опорный конспект. Если у вас есть активная подписка, вы можете смотреть его прямо сейчас.
Новый видеокурс – Entity Framework Core Базовый
Автор: Редакция ITVDN
Если вы работаете с C# и базами данных, то знаете, что эффективное управление ими — это must-have навык для разработчика. А если еще не знакомы с Entity Framework Core, самое время исправить это!
Вышел новый курс "Entity Framework Core Базовый", который поможет быстро освоить основы ORM и упростить работу с базами данных в .NET-приложениях.
Представьте: вы пишете код на C#, а вся магия с базами данных происходит без лишних SQL-запросов. Именно для этого существует Entity Framework Core — кроссплатформенный фреймворк от Microsoft, который превращает таблицы БД в удобные объекты и коллекции. Забудьте о рутинном написании SQL — EF Core берет это на себя, позволяя работать с данными так, будто это просто кусок вашего кода.
Этот курс — настоящий must-have как для новичков, которые хотят наконец связать C# с SQL через ORM, так и для бывалых разработчиков, которые стремятся освежить знания об EF Core и его последних фишках. Вот что вас ждет:
Разберетесь, что такое ORM и когда он спасает.
Научитесь моделировать сущности в коде и связывать их с реляционной моделью.
Освоите CRUD-операции (create, read, update, delete) без стресса.
Познакомитесь с LINQ для крутых запросов к БД.
Узнаете о миграциях, чтобы ваши модели всегда были в актуальном состоянии.
А еще — тонкости типа отношений между сущностями (One-to-One, One-to-Many, Many-to-Many), подходы к наследованию (Table-per-Hierarchy, Table-per-Type и т. д.), жадное/ленивое/явное считывание данных и даже немного чистого SQL, если очень захочется.
Автор курса — Науринский Юрий, .NET Tech Lead
Курс состоит из 15 видеоуроков общей продолжительностью 5 часов 20 минут.
Структура курса:
Понятие ORM. Знакомство с EF Core
Выбор провайдера БД и подключение к нему. Начало работы с EF Core
Моделирование сущностей в EF Core. Часть 1: Конфигурация модели
Моделирование сущностей в EF Core. Часть 2: Использование особенностей
Моделирование сущностей в EF Core. Часть 3: Отношения между сущностями
Моделирование сущностей в EF Core. Часть 4: Наследование в моделях
Обратная разработка. Миграции. Первоначальное наполнение данными
Особенность EF Core: Отслеживание_изменений
Считывание сущностей. Часть 1: Теория и использование LINQ.
Считывание сущностей. Часть 2: Сложные запросы
Считывание сущностей. Часть 3: Загрузка связанных сущностей
Создание сущностей
Обновление сущностей
Удаление сущностей
Работа с сырым SQL
Чему вы научитесь на данном курсе:
Основы ORM и их преимущества
Как смоделировать сущности в C# и связать их с реляционной базой данных
Как работать с CRUD-операциями (создание, чтение, обновление, удаление)
Использование LINQ для запросов к базе данных
Как работать со связями между сущностями: One-to-One, One-to-Many, Many-to-Many
Использование миграций для удобного поддержания структуры БД
Работа с Lazy, Eager и Explicit loading
Как выполнять сложные SQL-запросы без выхода из EF Core
Предварительные требования
Для новичков, которые хотят понять, как связать C# с базами данных с помощью ORM. Для опытных разработчиков, которые хотят разобраться с последними возможностями EF Core.
Смотрите первый урок в свободном доступе. Курс уже доступен на нашем сайте в полном объеме — к каждому уроку есть практические задания и опорный конспект. Если у вас есть активная подписка, вы можете смотреть его прямо сейчас.
На ITVDN опубликован видео курс Java Enterprise Edition (Java EE)
Автор: Редакция ITVDN
Программистам, которые стремятся создавать высоконагруженные корпоративные приложения, есть хорошая новость: на нашей платформе теперь доступен курс «Основы Java EE».
Java Enterprise Edition (Java EE) — это одна из ведущих платформ для разработки масштабируемых монолитных приложений. Она отлично подходит для создания веб-приложений, серверных систем и сервисов, ориентированных на стабильность и высокую производительность.
Курс «Java EE» охватывает следующие темы:
Сервлеты — изучение основ, жизненного цикла, обработки HTTP-запросов, работы с JSON и создание API.
JavaServer Pages (JSP) — создание динамических страниц, использование тегов JSP и библиотек JSTL.
Java Persistence API (JPA) — интеграция с базами данных, ORM, создание сущностей и выполнение CRUD-операций.
Java Message Service (JMS) — асинхронный обмен сообщениями, настройка очередей и топиков.
JavaServer Faces (JSF) — построение интерактивных веб-интерфейсов, работа с формами и динамическими элементами.
Enterprise JavaBeans (EJB) — разработка бизнес-логики, Session Beans и Message-Driven Beans.
WebSockets — создание интерактивных коммуникаций между сервером и клиентом.
Dependency Injection — гибкое управление компонентами в приложениях Java EE.
Java EE — это не просто платформа, это ваш ключ к созданию мощных, стабильных и производительных систем, которые способны обслуживать миллионы пользователей. Если Spring отлично подходит для микросервисов, то Java EE — идеальный выбор для масштабируемых монолитных решений, работающих на группе серверов. Эта технология позволяет создавать серверные приложения, которые будут надежными и эффективными в любых условиях.
Курс состоит из 13 уроков, которые постепенно раскроют перед вами все возможности Java EE. В лайв-кодинге преподаватель покажет, как создавать, тестировать и деплоить приложения, которые не просто работают, а работают безупречно. Вы сможете внедрить все эти знания в свои проекты уже во время обучения.
Что вы получите на выходе?
Знания, которые помогут вам создавать высоконагруженные системы. Навыки, которые станут вашим козырем во время собеседований. И уверенность в том, что вы готовы к сложным задачам в мире корпоративной разработки.
Не упустите возможность сделать мощный шаг в своей карьере - запишитесь на курс «Основы Java EE» уже сейчас! Это ваш шанс овладеть инструментами, которые откроют двери к новым возможностям.
Автор курсу – Лудченко Святослав, Java Software Engineer at Hoermann Intralogistics
Курс состоит из 13 видеоуроков общей продолжительностью 7 часов 54 минуты.
Структура курса:
Начало работы в Servlets в начале работы с сервлетами
Жизненный цикл и основные концепты сервлетов и сервлетов
Расширенные возможности Servlets
Тестирование и деплоймент Servlets и деплоймент Servlets
Основы JavaServer Pages (JSP)
Расширенные возможности (JSP)
Основы Java Persistence API (JPA)
CRUD операции JPA
Основы Java Message Service (JMS)
Интеграция JMS в Java EE приложения
JavaServer Faces (JSF)
Enterprise JavaBeans (EJB)
WebSockets и Dependency Injection в Java EE
Чему вы научитесь на данном курсе:
Понимать жизненный цикл сервлетов и работать с ними для обработки запросов и ответов.
Интегрировать базы данных с помощью JPA, реализуя CRUD-операции.
Создавать динамические веб-страницы с JSP для профессиональных веб-приложений.
Реализовывать асинхронный обмен сообщениями через JMS для распределенных систем.
Использовать WebSockets для интерактивной коммуникации между клиентом и сервером.
Предварительные требования
Курс подходит для всех, кто хочет не просто кодить, а создавать что-то большое. Для тех, кто готов перейти от базового Java к реальным кейсам разработки корпоративных решений. Для Junior и Middle разработчиков, которые мечтают вывести свои навыки на новый уровень.
Смотрите первый урок в свободном доступе. Курс уже доступен на нашем сайте в полном объеме - к каждому уроку есть практические задания и опорный конспект. Если у вас есть активная подписка, вы можете смотреть его прямо сейчас.
Курс входит в комплексную программу подготовки по специальности:
Java Developer
Новый видеокурс - Создание приложений с помощью Spring Data
Автор: Редакция ITVDN
Мечтаете научиться разрабатывать современные web-приложения на языке Java с использованием Spring Boot и Spring Data? Теперь у вас есть отличная возможность освоить все ключевые аспекты работы с данными и базами данных благодаря нашему новому курсу «Создание приложений с помощью Spring Data»!
Курс «Создание приложений с помощью Spring Data» охватывает следующие темы:
Проектирование баз данных и создание таблиц с ключами и связями в MySQL.
Spring Data JPA — как настроить репозитории и выполнять CRUD-операции.
Разработка web-приложений с помощью Spring Boot и шаблонизатора Thymeleaf.
REST API — создание REST контроллеров и тестирование HTTP-запросов.
Транзакции и связи между таблицами: взаимодействие со сложными данными и каскадирование изменений.
Запросы SQL и JPQL — автоматизация работы с запросами и их внедрение.
Тестирование приложений — использование JUnit 5 для модульного тестирования.
Стилизация веб-интерфейса с Bootstrap и интерактивность на основе JavaScript.
Вас ждет проект «Записная книжка», благодаря которому вы научитесь проектировать таблицы, строить связи между данными и реализовывать все ключевые CRUD-операции. Вы освоите Spring Data JPA для работы с базами данных и Spring Boot для быстрой и гибкой разработки веб-приложений.
В курсе мы подробно рассмотрим взаимодействие с базами данных, создание запросов, управление транзакциями и оформление интерфейса с помощью Thymeleaf и Bootstrap. Также вы научитесь писать модульные тесты с JUnit 5, чтобы ваши приложения были надежными и готовыми к масштабированию.
Курс построен так, чтобы знания легко закреплялись на практике благодаря live coding и постепенному усложнению задач. На выходе вы получите реальное web-приложение, которое можно добавить в свое портфолио.
Готовы создать свое первое приложение с Spring Data и Spring Boot? Тогда этот курс именно для вас!
Автор курса - Евгений Беркунский, Java Developer
Курс состоит из 11 видеоуроков общей продолжительностью 8 часов 41 минуты.
Структура курса:
Обзор курса. Базы данных. JDBC, JPA, Spring Data.
Работа с реляционными базами данных. Таблицы, ключи, связи.
Создаем консольное приложение Spring Data JPA.
Разработка простого Web-приложения с использованием Spring Boot.
Подключение Spring Data к Web-приложению.
Исключения при доступе к данным и тестирование.
Создание запросов средствами SQL, JPQL.
Создание запросов на основе имен методов.
Комплексное web-приложение с несколькими таблицами. Транзакции в приложении.
Оформление приложения, создание web-клиента.
Использование REST методов в контроллере.
Чему вы научитесь на данном курсе:
Научитесь проектировать базы данных и строить на их основе приложения.
Сможете реализовывать CRUD-операции с использованием Spring Data.
Создадите современное web-приложение и оформите его интерфейс.
Построите собственный REST API и научитесь тестировать его.
Предварительные требования
Курс рассчитан как для новичков, так и для опытных разработчиков, которые хотят освоить Spring Data для доступа к базам данных в проектах с использованием Spring Boot.
Смотрите первый урок в свободном доступе. Курс уже доступен на нашем сайте в полном объеме - к каждому уроку есть практические задания и опорный конспект. Если у вас есть активная подписка, вы можете смотреть его прямо сейчас.
Курс входит в комплексную программу подготовки по специальности:
Java Developer.
Новый видеокурс - Алгоритмы и структуры данных на языке C#
Автор: Редакция ITVDN
Курс «Алгоритмы и структуры данных на #C» - это ваш билет в мир, где данные превращаются в магический инструмент для создания быстрых и надежных решений. От простых связанных списков до мощных графов и оптимизированных алгоритмов — вы постепенно будете осваивать глубокие концепции, которые меняют способ программирования.
Вы научитесь анализировать эффективность алгоритмов, работать с базовыми структурами, такими как списки и массивы, и погрузитесь в более сложные концепции, такие как деревья, графы и хеш-таблицы. Этот курс не только научит вас писать код, но и поможет мыслить, как архитектор, который строит надежные и эффективные системы.
Курс «Алгоритмы и структуры данных на языке #C» охватывает следующие темы:
Оценка эффективности алгоритмов — асимптотическая сложность, О-нотация, сравнение алгоритмов.
Односвязные и двусвязные списки.
Динамические массивы.
Стек (Stack) и очередь (Queue).
Множества (Set) — объединение, пересечение, разность, симметричная разность.
Алгоритмы сортировки — выборка, вставка, слияние, Timsort.
Хеш-таблицы — принцип работы, хеш-функции, обработка коллизий.
Деревья — бинарное дерево поиска, АВЛ-дерево, балансировка.
Графы — представление, поиск в глубину, поиск в ширину, алгоритм Дейкстры, алгоритм Флойда-Уоршелла, топологическая сортировка.
Динамическое программирование — базовые приемы, задачи о рюкзаке, оптимальный маршрут.
Каждое занятие — это баланс между теорией и практикой, где вы не просто изучаете алгоритмы, но и учитесь применять их в реальных задачах. Благодаря этому курсу вы сможете создавать оптимальные решения, которые работают как часовой механизм.
Автор курса - Зиновьева Анастасия, .NET Developer
Курс состоит из 10 видеоуроков общей продолжительностью 5 часов 14 минут.
Структура курса:
Введение в структуры и алгоритмы данных. Связанные списки
Динамический массив, Stack, Queue и Set.
Алгоритмы сортировки.
Хеш-таблицы. Деревья.
Бинарное дерево поиска. АВЛ-дерево.
Графы. Часть 1.
Графы. Часть 2.
Графы. Часть 3.
Динамическое программирование.
Задачи. Практикум.
Чему вы научитесь на данном курсе:
Оценивать время выполнения алгоритмов и эффективно их оптимизировать.
Понимать структуры данных — от стеков и очередей до деревьев и хеш-таблиц.
Реализовывать популярные алгоритмы, такие как поиск кратчайшего пути или сортировка Timsort.
Решать сложные задачи — Ханойские башни, коммивояжер, динамическое программирование.
Предварительные требования
Для тех, кто имеет базовые знания C# и стремится поднять свои навыки на новый уровень, создавая мощные решения.
Смотрите первый урок в свободном доступе. Курс уже доступен на нашем сайте в полном объеме — к каждому уроку есть практические задания и опорный конспект. Если у вас есть активная подписка, вы можете смотреть его прямо сейчас.