Получи случайную криптовалюту за регистрацию!

Frontender's notes [ru]

Логотип телеграм канала @frontendnoteschannel — Frontender's notes [ru] F
Логотип телеграм канала @frontendnoteschannel — Frontender's notes [ru]
Адрес канала: @frontendnoteschannel
Категории: Технологии
Язык: Русский
Количество подписчиков: 36.65K
Описание канала:

Годные статьи для Frontend разработчиков
HTML, CSS, JS, React, Angular, Vue, TypeScript, Redux, MobX, NodeJS.
Чаты: @frontend_ru, @javascript_ru
Контакты:
@g_abashkin

Рейтинги и Отзывы

3.50

2 отзыва

Оценить канал frontendnoteschannel и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

1

4 звезд

0

3 звезд

0

2 звезд

1

1 звезд

0


Последние сообщения 6

2023-05-09 21:07:00 ​​ 58 байтов CSS, которые выглядят красиво почти где угодно

При создании своего веб-сайта автор хотел найти простой и разумный способ сделать его красивым на большинстве дисплеев. Для его задач подошли следующие 58 байтов:

main {
max-width: 38rem;
padding: 2rem;
margin: auto;
}

Читать...
5.0K views18:07
Открыть/Комментировать
2023-05-09 15:37:50 Паттерн Singletone с примером на JavaScript

Алоха товарищи фронты! Несмотря на то что в последнее время все больше задач мы обычно решаем в функциональном стиле я хотел бы сегодня вам рассказать о одном из самых распространенных классовых паттернов - синглтон.

И так что это:
Паттерн Singleton означает создание только одного экземпляра класса и доступ к нему через методы-геттеры.

Пример использования:

class Singleton {
 constructor() {
  if (!Singleton.instance) {
   Singleton.instance = this;
  }
  return Singleton.instance;
 }

 someMethod() {
  console.log('Hello from Singleton!');
 }
}

const instance1 = new Singleton();
const instance2 = new Singleton();

instance1.someMethod(); // "Hello from Singleton!"
console.log(instance1 === instance2); // true

В данном примере класс Singleton будет создавать только один экземпляр и все вызовы конструктора будут возвращать ссылку на этот экземпляр. Таким образом, мы можем быть уверены, что где бы ни встретились вызовы методов класса Singleton, они всегда будут работать с одним и тем же экземпляром.
5.2K views12:37
Открыть/Комментировать
2023-05-09 11:37:50 ​​Node, Nest, Next, Express - пора бы всё объединить!

Для этого мы создали отдельный уголок - Серверный JavaScript.

Собрали всё, проверяй
5.3K views08:37
Открыть/Комментировать
2023-05-08 20:07:39 ​​ Фронтендерская история

Автор расскажет про свой опыт 8 лет разработки во фронтенде и порассуждает, что сейчас происходит с фронтендом.

Читать...
5.6K views17:07
Открыть/Комментировать
2023-05-08 15:07:49 CSS фича - контейнерные запросы

Алоха товарищи фронты! Одна из самых востребованных функций CSS стала поддерживаться всеми основными браузерами. Если вы раньше не слышали об этой штуке то вот вам пример кода:

.panel {
container: layers-panel / inline-size;
}

.card {
padding: 1rem;
}

@container layers-panel (min-width: 20rem) {
.card {
padding: 2rem;
}
}

Демка в codepen - ссылка...
Caniuse - ссылка...
5.6K views12:07
Открыть/Комментировать
2023-05-08 11:37:38 ​​Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке.

Начинаем 11 мая.

Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком.

Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником.

Запишитесь прямо сейчас по ссылке выше или тут —> https://ru.hexlet.io/link/nW0W83
5.5K views08:37
Открыть/Комментировать
2023-05-07 20:07:08 ​​Оптимизируем изображения в HTML

Допустим, у вас есть классная страница и вы добавляете фоновое изображение:

.hero {
/* */
background-image: url('/image.png');
}

С точки зрения производительности страницы — это не лучший вариант.

В статье узнаете, какие есть на это причины.

Читать...
5.6K views17:07
Открыть/Комментировать
2023-05-07 15:07:07 ​​ Анимация грида в CSS

Автор написал несколько примеров анимации грида в css и поделился этим с вами. Статья подойдет как начинающим, так и опытным разработчиком.

Читать...
5.6K views12:07
Открыть/Комментировать
2023-05-06 20:07:06 ​​ Решение головоломки судоку на JavaScript с помощью хэш-карт и рекурсий

Автор написал  метод решения популярной задачи по программированию. Созданная функция эффективно решает судоку с помощью хэш-карт и рекурсий.

Читать...
5.9K views17:07
Открыть/Комментировать
2023-05-06 15:07:05 ​​ Асинхронное поведение в JS

В этой статье вы узнаете как правильно писать код асинхронно в JS, что такое асинхронное поведения кода и как можно выполнять задачи отдельно от остального кода.

Читать...
5.9K views12:07
Открыть/Комментировать