اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
CodeRoll | Frontend
رفتن به کانال در Telegram
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads
نمایش بیشتر4 229
مشترکین
-124 ساعت
-67 روز
-5230 روز
آرشیو پست ها
4 228
TypeScript: лучшие практики
TypeScript используется все чаще, начиная небольшими пет-проектами и заканчивая огромнейшими веб-приложениями. Но разработчики до сих пор не всегда используют всю мощь этого языка и совершают ошибки. Например, на некоторых проектах можно встретить кучу any и Function.
Давайте разберемся используете ли вы этот невероятно мощный инструмент правильно
Ссылка
#ts
4 228
Вопросы и ответы для собеседования на позицию frontend-разработчик
В этой статье хотел бы поделиться вопросами и ответами, которые я задаю на собеседованиях фронтенд-разработчикам и которые попадались мне, когда я сам искал работу. Здесь собраны вопросы именно по JavaScript.
Ссылка
#статьи
4 228
Во время фазы захвата событие распространяется с элементов родителей до элемента цели. После достижения цели начинается фаза всплытия.
4 228
Назовите три фазы распространения событий ?
пояснения будут следующим постом
4 228
Virtual DOM React
Подробное руководство по пониманию виртуального DOM в React, включая его реализацию и недостатки обновления реального DOM.
Ссылка
#react
4 228
WebAssembly: короткий обзор ассемблера для фронтенда
В последнее время фронтенд все больше и больше обрастает новыми технологиями, одна из них — WebAssembly. На ней можно написать полноценное web‑приложение и почти все на что способна ваша фантазия. В статье мы рассмотрим, что такое WebAssembly, как работает и с чем её едят.
Ссылка
#utils
4 228
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
const lydia = new Person('Lydia', 'Hallie');
const sarah = Person('Sarah', 'Smith');
console.log(lydia);
console.log(sarah);4 228
Types vs. Interfaces in Typescript
Поймите дилемму TypeScript: типы и интерфейсы, оцените производительность и сделайте выбор в зависимости от потребностей проекта и стиля кода.
Ссылка
#ts
4 228
После прочтения применить, или Чистый код на практике
Начинающие разработчики часто встречают на ревью пул-реквестов очень дотошных ревьюеров, дающих кучу комментариев по теме чистоты кода. Со временем у разработчика опытным путём или с чтением хорошей технической литературы нарабатывается чувство чистого кода — но что делать новичкам?
В этой статье я не буду долго мучить теорией про чистый код и паттерны — об этом уже было в Симпсонах учебниках, конференциях и на Хабре в том числе. Но приведу примеры плохого (на мой взгляд) кода в приложениях на React и JavaScript и покажу, как его улучшить. Надеюсь, начинающим моя статья будет полезна, и после прочтения они смогут применить всё на практике.
Ссылка
#статьи
4 228
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
const member = new Person('Lydia', 'Hallie');
Person.getFullName = function () {
return `${this.firstName} ${this.lastName}`;
}
console.log(member.getFullName());4 228
Софт скилы сделают вас богаче. Или нет?
Опросы менеджеров высшего звена показали, что софт скилы вносят от 75% до 85% в долгосрочный успех в трудовой деятельности. Это утверждение логично вписывается в современный тренд, когда на работу берут тех, у кого более прокачены софты. Нет сомнений в том, что бизнес получит больше профита от работника, который лучше общается с другими, не выгорает, имеет внутреннюю мотивацию, может передать свои знания и так далее. Но какой профит от soft skills для самого работника? Сегодня мы попытаемся разобраться в том, как мягкие навыки связаны с уровнем вашего дохода.
Ссылка
#статьи
4 228
Что такое Webpack и как с ним работать: полный курс по Webpack
Webpack — это сборщик модулей, которые решает эти проблемы. Он создает граф зависимостей и собирает модули приложения в бандл, на который может ссылаться файл «index.html». А ещё Webpack может преобразовать модули перед их добавлением в бандл, например: SASS/LESS в обычный CSS, или JavaScript в ES5 для старых браузеров.
Нашли подробный ролик длиной 3,5 часа, в котором вы:
— Изучите основы и реализуете полную конфигурацию Webpack.
— Настроите TypeScript, React, Babel.
— Научитесь работать со стилями и CSS modules.
— Рассмотрите большую часть возможностей Webpack 5.
— Реализуете монорепозиторий с микрофронтендом на основе workspaces и Module federation.
Ссылка
#utils
4 228
🚀Oxlint — более быстрая альтернатива ESLint
Недавно стал общедоступен новый линтер Oxlint, основанный на языке программирования Rust, и многие эксперты высоко оценили его. Какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint?
Ссылка
#utils
4 228
React работает медленно. Что делать?
В этом посте обсуждаются проблемы с производительностью CPU в приложениях React и предлагаются решения для повышения производительности.
Cсылка
#react
