CodeRoll | Frontend
前往频道在 Telegram
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads
显示更多4 228
订阅者
-124 小时
-67 天
-5230 天
帖子存档
4 227
Что такое генераторы статических сайтов и почему Astro — лучший фреймворк для разработки лендингов
Недавно я решал задачу разработки сайта-лендинга для собственного проекта. У лендинга должна была быть админка, то есть данные для его содержимого должны были храниться и редактироваться на сервере. Поэтому я искал современный и мощный инструмент для генерации страниц на основе данных из API админ-панели.
Ссылка
#framework
4 227
All About Cookies
Вы когда-нибудь задумывались, как веб-сайты запоминают ваши данные для входа в систему, содержимое корзины покупок и другие предпочтения? Ответ — Cookies.
В этой статье будут объяснены типы файлов cookie, работа с cookie в JavaScript, когда их использовать, а также лучшие практики.
Ссылка
#js
4 227
const shape = {
radius: 10,
diameter() {
return this.radius * 2;
},
perimeter: () => 2 * Math.PI * this.radius
};
console.log(shape.diameter());
console.log(shape.perimeter());4 227
Обработка ошибок в Js
Узнайте все, что вам нужно знать об обработке ошибок в JavaScript.
После прочтения поймете, как обрабатывать ошибки как в синхронном, так и в асинхронном коде.
Ссылка
#js
4 227
Этот канал не сделает из тебя программиста за неделю!
Там не гарантируют трудоустройство и не дают других пустых обещаний.
Зато ежедневно постят самое интересное по WEB-разработке:
🍑 Полезные библиотеки
🍑 Обучающие материалы с примерами кода
🍑 Обзоры фич популярных фреймворков
Если JS, CSS, HTML, PHP для тебя не просто набор букв - подписывайся👇
4 227
WebTransport API — это интерфейс/механизм передачи данных между клиентом и сервером с помощью протокола HTTP/3.
На днях я прочитал статью о WebTransport API как будущей альтернативе или даже замене WebSockets. Мне стало интересно, что это такое и с чем его едят. Давайте разбираться вместе.
Ссылка
#utils
4 227
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 1);
}
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 1);
}4 227
Усиливаем TypeScript с помощью switch + notReachable
Сегодня расскажу, как можно перенести ответственность с разработчика на компилятор TypeScript, повысить надежность приложения, упростить поддержку кодовой базы и ускорить разработку проекта с помощью простого хелпера — notReachable.
Ссылка
#js
4 227
Сборка мусора в JavaScript
Каждый из нас, хотя бы раз, слышал о сборке мусора. Мы знаем, что где-то там работает сборщик мусора, убирая за нами ненужные объекты. Но сколько из нас знают, как он устроен под капотом?
В этой статье мы заглянем под капот этого процесса, поймем, как работает память, и изучим алгоритм сборки мусора.
Поехали убираться!
Ссылка
#js
4 227
Что будет в консоли?
function sayHi() {
console.log(name);
console.log(age);
var name = "Lydia";
let age = 21;
}
sayHi();4 227
Чистая архитектура фронтенда
Функциональные и нефункциональные требования должны применяться не только к бэкенду, но и к фронтенду. Именно архитектура фронтенда позволяет полностью реализовать потребности бизнеса. Кроме того, она дает более четкое представление о сложности проектов, тем самым сокращая время их создания, риски и стоимость.
В этой статье речь пойдет об архитектуре фронтенда, проектирование которой подчиняется множеству принципов, в том числе SOLID, KISS, DRY и DDD.
Ссылка
#статьи
4 227
Мы живем в эпоху своего рода CSS-ренессанса: новые возможности, техники, эксперименты и идеи сыплются на нас в таком количестве, какого мы не видели со времен CSS3.
В то время как сложность CSS кажется постоянной дискуссией, Джефф Грэм рассматривает способы, которыми современный CSS в 2023 году фактически сделал CSS проще в написании.
Подробнее о способах упростить CSS читайте в статье.
Ссылка
#css
4 227
SOLID — это аббревиатура пяти основных принципов проектирования в объектно-ориентированном программировании — Single responsibility, Open-closed, Liskov substitution, Interface segregation и Dependency inversion.
Эти принципы позволяют строить на базе ООП масштабируемые и сопровождаемые программные продукты с понятной бизнес-логикой.
В статье даются практические примеры принципов SOLID в JavaScript.
Ссылка на статью
#js
4 227
Уязвимости сервера Node.js
В статье рассказывается о распространенных уязвимостях сервера:
- Инъекционные атаки
- Межсайтовый скриптинг (XSS)
- DoS (Denial-of-Service - "отказ в обслуживании")
- Неправильная аутентификация и авторизация
- Небезопасные прямые ссылки на объекты (IDOR)
Эти уязвимости не уникальны для Node.js, их можно найти в любом языке программирования серверной части. Но в статье дается информация о том, как их предотвратить в Node.js.
Ссылка
#nodejs
4 227
📌 Уважаемые подписчики!
Канал прекращает свою деятельность. Если вы хотите оставаться в курсе актуальных тем разработки, рекомендую канал "Будни разработчика" от Сергея Бехарского. Его экспертиза безусловно будет полезна.
Спасибо за внимание! 🚀
现已上线!2025 年 Telegram 研究 — 年度关键洞察 
