CodeRoll | Frontend
رفتن به کانال در Telegram
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads
نمایش بیشتر4 021
مشترکین
-524 ساعت
-167 روز
-5230 روز
آرشیو پست ها
4 021
Этот канал не сделает из тебя программиста за неделю!
Там не гарантируют трудоустройство и не дают других пустых обещаний.
Зато ежедневно постят самое интересное по WEB-разработке:
🍑 Полезные библиотеки
🍑 Обучающие материалы с примерами кода
🍑 Обзоры фич популярных фреймворков
Если JS, CSS, HTML, PHP для тебя не просто набор букв - подписывайся👇
4 021
WebTransport API — это интерфейс/механизм передачи данных между клиентом и сервером с помощью протокола HTTP/3.
На днях я прочитал статью о WebTransport API как будущей альтернативе или даже замене WebSockets. Мне стало интересно, что это такое и с чем его едят. Давайте разбираться вместе.
Ссылка
#utils
4 021
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 021
Усиливаем TypeScript с помощью switch + notReachable
Сегодня расскажу, как можно перенести ответственность с разработчика на компилятор TypeScript, повысить надежность приложения, упростить поддержку кодовой базы и ускорить разработку проекта с помощью простого хелпера — notReachable.
Ссылка
#js
4 021
Сборка мусора в JavaScript
Каждый из нас, хотя бы раз, слышал о сборке мусора. Мы знаем, что где-то там работает сборщик мусора, убирая за нами ненужные объекты. Но сколько из нас знают, как он устроен под капотом?
В этой статье мы заглянем под капот этого процесса, поймем, как работает память, и изучим алгоритм сборки мусора.
Поехали убираться!
Ссылка
#js
4 021
Что будет в консоли?
function sayHi() {
console.log(name);
console.log(age);
var name = "Lydia";
let age = 21;
}
sayHi();4 021
Чистая архитектура фронтенда
Функциональные и нефункциональные требования должны применяться не только к бэкенду, но и к фронтенду. Именно архитектура фронтенда позволяет полностью реализовать потребности бизнеса. Кроме того, она дает более четкое представление о сложности проектов, тем самым сокращая время их создания, риски и стоимость.
В этой статье речь пойдет об архитектуре фронтенда, проектирование которой подчиняется множеству принципов, в том числе SOLID, KISS, DRY и DDD.
Ссылка
#статьи
4 021
Мы живем в эпоху своего рода CSS-ренессанса: новые возможности, техники, эксперименты и идеи сыплются на нас в таком количестве, какого мы не видели со времен CSS3.
В то время как сложность CSS кажется постоянной дискуссией, Джефф Грэм рассматривает способы, которыми современный CSS в 2023 году фактически сделал CSS проще в написании.
Подробнее о способах упростить CSS читайте в статье.
Ссылка
#css
4 021
SOLID — это аббревиатура пяти основных принципов проектирования в объектно-ориентированном программировании — Single responsibility, Open-closed, Liskov substitution, Interface segregation и Dependency inversion.
Эти принципы позволяют строить на базе ООП масштабируемые и сопровождаемые программные продукты с понятной бизнес-логикой.
В статье даются практические примеры принципов SOLID в JavaScript.
Ссылка на статью
#js
4 021
Уязвимости сервера Node.js
В статье рассказывается о распространенных уязвимостях сервера:
- Инъекционные атаки
- Межсайтовый скриптинг (XSS)
- DoS (Denial-of-Service - "отказ в обслуживании")
- Неправильная аутентификация и авторизация
- Небезопасные прямые ссылки на объекты (IDOR)
Эти уязвимости не уникальны для Node.js, их можно найти в любом языке программирования серверной части. Но в статье дается информация о том, как их предотвратить в Node.js.
Ссылка
#nodejs
4 021
📌 Уважаемые подписчики!
Канал прекращает свою деятельность. Если вы хотите оставаться в курсе актуальных тем разработки, рекомендую канал "Будни разработчика" от Сергея Бехарского. Его экспертиза безусловно будет полезна.
Спасибо за внимание! 🚀
4 021
htmx - это библиотека, которая предлагает свежий взгляд на создание динамичного веб-интерфейса за счет использования таких функций, как Ajax и CSS transitions прямо в HTML.
Подробнее о библиотеке и как она работает читайте в статье.
Ссылка
#html
4 021
12 советов для отладки кода
Так или иначе каждый разработчик сталкивается порой с ошибками, которые на первый взгляд неизвестного происхождения.
Автор статьи делится советами и инструментами, которые использует при отладке.
Особенно интересный про git bisect - бинарный поиск, чтобы найти коммит, который привел к ошибке.
Ссылка
#статьи
4 021
Верстаешь?
🔥 Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Проскочить на интенсив бесплатно
Начинаем 15 августа.
4 021
AI генераторы картинок
Никак не можете найти подходящую картинку на просторах интернета? Можно воспользоваться AI генераторами картинок. В статье как раз представлен список с ссылками на такие инструменты.
Ссылка
#дизайн
4 021
Expresso TS - это Node.js + TypeScript фрэймворк для быстрого создания масштабируемых и простых в обслуживании серверных приложений.
Фреймворк предоставляет простую, но мощную систему внедрения зависимостей, которая позволяет разработчикам быстро и легко расширять функциональность путем создания и добавления providers. Подробнее на официальном сайте по ссылке!
Ссылка
#nodejs
