📱 Что пишут на языке программирования C#

🥰 В данной лекции обсудим на что способен язык программирования C#, что на нём пишут, в каких сферах он востребован на данный момент и какие дополнительные технологии должен знать разработчик на языке C#.

➡️ Ссылка на видео

👩‍💻 Красивая анимация волн в тексте на чистом CSS

➡️ Ссылка на код

👩‍💻 Теги sub и sup в HTML

📱 Как проверить, целое число или нет с помощью JavaScript?

📌 Способ 1
‼️ Самый простой способ - использовать метод Number.isInteger(), который возвращает true, если число целое, и false, если число является дробным.

const num = 10 

console.log( Number.isInteger(num) )
// true

📌 Способ 2
‼️ Также мы можем использовать оператор %, чтобы проверить есть ли остаток при делении числа на 1 или нет.

const num = 10.3

if (num % 1 === 0) {
    console.log ('Число целое')
} else {
    console.log ('Число не целое')
}

// Число не целое

📱 Пример использования Task.WhenEach в .NET 9

👀 В .NET 9 Preview 5 появилась новый API Task.WhenEach, который позволяет легко обрабатывать асинхронные задачи по мере их завершения.

Пример ниже выполняет несколько вызовов HttpClient и обрабатывает их результаты по мере завершения:

using System;
using System.Net.Http;
using System.Threading.Tasks;

class Program
{
    static async Task Main(string[] args)
    {
        HttpClient client = new HttpClient();
        Task<string>[] tasks = new Task<string>[]
        {
            client.GetStringAsync("https://example.com/1"),
            client.GetStringAsync("https://example.com/2"),
            client.GetStringAsync("https://example.com/3")
        };

        await Task.WhenEach(tasks, async task =>
        {
            string result = await task;
            Console.WriteLine(result);
        });
    }
}

📱 Типы комментариев в C#

💎 Одна линия

//This is a single line comment

💎 Несколько строк

/*This is a multiple line comment
We are in line 2
Last line of comment*/

💎 XML-комментарии

/// <summary>
/// Set error message for multilingual language.
/// </summary>

📱 Что такое зубчатый массив в C#?

👀 Зубчатый массив состоит из элементов, которые также являются массивами, но каждый из этих массивов может иметь разный размер. Благодаря такому составу мы можем называть зубчатый массив «массивом массивов».

👩‍💻 Красивая анимация при нажатии и наведении на кнопку при помощи CSS

➡️ Ссылка на код

📱 👩‍💻Красивая анимация при нажатии на кнопку при помощи Js и CSS

➡️Ссылка на код

👩‍💻 DISTINCT - исключение дубликатов

🤨 Оператор SQL DISTINCT используется для указания на то, что следует работать только с уникальными значениями столбца.

Синтаксис:

SELECT DISTINCT column_name FROM table_name

📱 Коллекции

🤨 Представляет строго типизированный список объектов, доступных по индексу. Поддерживает методы для поиска по списку, выполнения сортировки и других операций со списками.

Примеры:

List<string> people = new List<string>();

Обращение к элементам списка:

var people = new List<string>() { "Tom", "Bob", "Sam" };
 
string firstPerson = people[0]; // получаем первый элемент
Console.WriteLine(firstPerson); // Tom
people[0] = "Mike";     // изменяем первый элемент
Console.WriteLine(people[0]); // Mike

Длина списка:

var people = new List<string>() { "Tom", "Bob", "Sam" };
Console.WriteLine(people.Count);    // 3

Добавление в список:

List<string> people = new List<string> () { "Tom" };
 
people.Add("Bob"); // добавление элемента
// people = { "Tom", "Bob" };
 
people.AddRange(new[] { "Sam", "Alice" });   // добавляем массив
// people = { "Tom", "Bob", "Sam", "Alice" };
// также можно было бы добавить другой список
// people.AddRange(new List<string>(){ "Sam", "Alice" });
 
people.Insert(0, "Eugene"); // вставляем на первое место
// people = { "Eugene", "Tom", "Bob", "Sam", "Alice" };
 
people.InsertRange(1, new string[] {"Mike", "Kate"}); // вставляем массив с индекса 1
// people = { "Eugene", "Mike", "Kate", "Tom", "Bob", "Sam", "Alice" };
 
// также можно было бы добавить другой список
// people.InsertRange(1, new List<string>(){ "Mike", "Kate" });

👩‍💻 HTML data-атрибуты

📌 Data-атрибуты в HTML позволяют хранить дополнительную информацию об HTML-элементах, не влияя на представление или поведение. Они прекрасно подходят для хранения данных, которые должны быть использованы JavaScript без необходимости использования нестандартных атрибутов, ID или классов.

Пример кода:

<div data-role="page" data-hidden="true" data-custom="12345">Пример элемента</div>

👩‍💻 CSS - clip-path

👀 Clip-path позволяет обрезать элементы в соответствии с заданной формой. Можно использовать предопределенные формы (как круг или эллипс) или создать пользовательскую форму с помощью полигона.

Пример:

clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

Пример интерактивного элемента:

<style>
  #demo-image { 
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  }
</style>
<img id="demo-image" src="path/to/image.jpg" alt="Demo Image">
<input type="range" min="0" max="100" value="50" oninput="updateClipPath(this.value)">
<script>
  function updateClipPath(value) {
    document.getElementById('demo-image').style.clipPath = `polygon(${value}% 0%, 100% 50%, ${value}% 100%, 0% 50%)`;
  }
</script>