CodeRoll | Frontend

Відкрити в Telegram

OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads

Росія130 097 Технології та додатки21 039

4 229

Підписники

-124 години

-67 днів

-5230 день

324

Перегляди допису

~ 13424 години

~ 14948 годин

7.66%

Коефіцієнт залучення

Немає даних

Дописів на день

Ads index

beta

Архів дописів

4 228

const obj = { a: 'one', b: 'two', a: 'three' };
console.log(obj);

4 228

TypeScript: лучшие практики TypeScript используется все чаще, начиная небольшими пет-проектами и заканчивая огромнейшими веб-приложениями. Но разработчики до сих пор не всегда используют всю мощь этого языка и совершают ошибки. Например, на некоторых проектах можно встретить кучу any и Function. Давайте разберемся используете ли вы этот невероятно мощный инструмент правильно Ссылка #ts

4 228

Вопросы и ответы для собеседования на позицию frontend-разработчик В этой статье хотел бы поделиться вопросами и ответами, которые я задаю на собеседованиях фронтенд-разработчикам и которые попадались мне, когда я сам искал работу. Здесь собраны вопросы именно по JavaScript. Ссылка #статьи

4 228

Во время фазы захвата событие распространяется с элементов родителей до элемента цели. После достижения цели начинается фаза всплытия.

4 228

Назовите три фазы распространения событий ? пояснения будут следующим постом

Anonymous voting

4 228

Virtual DOM React Подробное руководство по пониманию виртуального DOM в React, включая его реализацию и недостатки обновления реального DOM. Ссылка #react

4 228

WebAssembly: короткий обзор ассемблера для фронтенда В последнее время фронтенд все больше и больше обрастает новыми технологиями, одна из них — WebAssembly. На ней можно написать полноценное web‑приложение и почти все на что способна ваша фантазия. В статье мы рассмотрим, что такое WebAssembly, как работает и с чем её едят. Ссылка #utils

4 228

Что будет в консоли ?

Anonymous voting

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

Что будет в консоли ?

Anonymous voting

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

Что будет в консоли ?

Anonymous voting

4 228

function bark() {
  console.log('Woof!');
}

bark.animal = 'dog';

4 228

🚀Oxlint — более быстрая альтернатива ESLint Недавно стал общедоступен новый линтер Oxlint, основанный на языке программирования Rust, и многие эксперты высоко оценили его. Какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint? Ссылка #utils

4 228

React работает медленно. Что делать? В этом посте обсуждаются проблемы с производительностью CPU в приложениях React и предлагаются решения для повышения производительности. Cсылка #react

4 228

Что будет в консоли ?

Anonymous voting