CodeWeave | C#, JS, HTML, CSS
149 subscribers
89 photos
1 file
24 links
Сообщество для обмена знаниями и ресурсами по программированию на HTML, CSS, SCSS, JavaScript, jQuery, C#, SQL

Admin - @WesternMikhailCat
Download Telegram
👩‍💻 CSS Filters

📌 CSS Filters позволяют применять графические эффекты, такие как размытие или изменение цвета, к элементам. Это улучшает дизайн и делает элементы более привлекательными.

.element {
filter: blur(5px) brightness(150%);
}


@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Метод .ajax() в jQuery

📌 Метод .ajax() используется для выполнения AJAX-запросов, что позволяет взаимодействовать с сервером без перезагрузки страницы. Это делает возможным создание динамичных и интерактивных веб-приложений.

$.ajax({
url: 'https://api.example.com/data',
method: 'GET',
success: function(data) {
console.log(data);
},
error: function(error) {
console.error("Error:", error);
}
});


👍 Плюсы:
✔️ Позволяет асинхронное взаимодействие с сервером.
✔️ Поддерживает различные типы запросов (GET, POST и др.).
✔️ Настраиваемый и мощный инструмент для работы с данными.

Минусы:
Сложность настройки для начинающих.
Может привести к проблемам безопасности, если не учитывать XSS и CSRF уязвимости.

@codeWeaveChannel | #jquery
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Горячие Клавиши Visual Studio

👍 Управляем буфером обмена
В Visual Studio есть буфер обмена, куда можно копировать несколько значений, и вставлять их через Ctrl+Shift+V, однако в Windows есть свой буфер, куда можно копировать как обычно через Ctrl+C, и вставлять несколько значений в любое приложение с помощью Win+V. Что удобнее – решать вам.
Вырезать целую строку, не выделяя весь текст в ней, можно просто поставив курсор на строку и нажав Ctrl+L (хотя у меня работает и Ctrl+X). В обоих случаях строка будет вырезана в буфер обмена. Просто удалить строку, не добавляя её в буфер обмена можно с помощью Ctrl+Shift+L.

⭐️ Редактирование
Ctrl+K,C – закомментировать строку,
Ctrl+K,U – раскомментировать строку,
Ctrl+D – продублировать строку,
Ctrl+K,F – отформатировать выделенный блок,
Ctrl+K,D – отформатировать весь файл,
Ctrl+K,E – очистка кода в файле (по заданным вами правилам, например, удаление ненужных using),
Ctrl+K,S – вставка скрипта (блок if, try, for и т.п.), либо заключить выделенный код в блок.
Alt+<стрелки вверх/вниз> - переместить строку вверх/вниз,
Alt+Shift+<стрелки> (Alt+<выделение мышью>) - редактирование по колонкам,
Ctrl+Alt+<поместить курсор мышью> - многокурсорный ввод (редактирование в нескольких местах одновременно).

⭐️ Навигация
Ctrl+G – перейти к линии,
Ctrl+K,K – оставить закладку,
Ctrl+K,N – перейти к следующей закладке,
Ctrl+, (Ctrl+T) - поиск по коду в проекте,
Ctrl+Q – поиск по инструментам IDE,
F12 (Ctrl+щелчок мыши) – перейти к определению,
Ctrl+F12 – перейти к реализации,
Alt+F12 – подсказка реализации во всплывающем окне,
Shift+F12 – найти использования,
Ctrl+Shift+пробел – подсказка по аргументам метода,
Ctrl+[,X (Ctrl+Alt+L) – отметить текущий файл в обозревателе решения,
Ctrl+; - поиск в обозревателе решения,
Ctrl+M,O - свернуть все методы,
Ctrl+M,P - развернуть все методы,
Ctrl+M,M – свернуть/развернуть текущий метод.
Для ASP.NET:
Ctrl+M,G – перейти из метода контроллера в представление или наоборот.

⭐️ Рефакторинг
Ctrl+. (Alt+Enter) – подсказки рефакторинга,
Ctrl+R,R – переименовать,
Ctrl+R,M – извлечь выделенный код в метод,
Ctrl+R,I - извлечь интерфейс из класса,
Ctrl+R,V (Ctrl+R,O) - реорганизовать параметры метода.

⭐️ Скрипты
"prop",Tab,Tab – создать свойство,
"ctor",Tab,Tab – создать конструктор,
Также Tab,Tab работает для других популярных ключевых слов (if, for, switch и т.п.)

⭐️ Отладка
F9 – создать точку останова,
Ctrl+Alt+B – окно со всеми точками останова,
Ctrl+Shift+F9 – удалить все точки останова.

@codeWeaveChannel | #интересное
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Выравнивание чисел с помощью CSS свойства font-variant-numeric

@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Псевдоэлемент ::marker в CSS позволяет настраивать стиль маркеров, используемых в списках

@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Тернарный оператор JS

@codeWeaveChannel | #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
dotnet-backend-developer-roadmap.pdf
67.7 KB
📱 .NET Backend Developer Roadmap: 12 ключевых разделов

@codeWeaveChannel | #csharp
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Операции с датой и временем в C#

@codeWeaveChannel | #csharp
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Генерация HEX кода при помощи JavaScript

@codeWeaveChannel | #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Как обрезать текст и добавить в конце многоточие?

@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Извлечение HTML из текста

@codeWeaveChannel | #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Эффект матового стекла CSS

@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Шпаргалка по CSS свойству transform

@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Функции в JavaScript

@codeWeaveChannel | #javaScript
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Метод trim() в JS

@codeWeaveChannel | #javaScript
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Просто синтаксис медиа-запросов в CSS

@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Эффект вдавленного текста на CSS

@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Non-allocating split finally: совсем скоро в .NET 9

@codeWeaveChannel | #csharp
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Math.random() в JavaScript

@codeWeaveChannel | #javaScript
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Градиентная обводка текста

@codeWeaveChannel | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 slice() в JavaScript

@codeWeaveChannel | #javaScript
Please open Telegram to view this post
VIEW IN TELEGRAM