Frontend Головного Мозга

Public

Просмотреть канал

1.8K

211

45.4K

Не можете присоединиться? @frontend_mind

6.5k Участники

Обновлено: May 14, 2026 at 4:03 PM

Frontend Головного Мозга

Фронтендер из сибири, обо всём что связано с frontend разработкой и интересно самому: ✅ Новости, статьи, ✅ Авторские кейсы, ✅ Песочница, готовые UI макеты. ✅ Юмор Я хочу услышать три главных слова: JS, Angular, Redux Сотрудничество: @cyberJohnny

Follow @frontend_mind to stay updated with the latest angular and frontend trends and news

Рейтинг

Глобальный рейтинг

#456

Рейтинг по языку

#45

Рейтинг по категории

#23

-1

Рост участников (Последние 6 дней)

Всего: 6.5K

Рост за 24ч: +0 0%

Последние посты

Frontend Головного Мозга

24 мая 2026 г., 08:14

https://smmbox.com/uploads/temp/55b292ee6acc754e7ef32273b606ec3a.jpegCSS cвойство margin

Margin задаёт внешние отступы вокруг элемента. Эти отступы не являются частью ширины/высоты элемента при любом значении box-sizing.

Схлопывание
Вертикальные отступы схлопываются друг с другом, горизонтальные – нет. То-есть, если два расположить в колонку (один под другим) и задать каждому margin: 20px 0, то расстояние между ними будет равняться 20px, а не 40px. При этом, если бы у верхнего элемента был задан отступ в 40px, а у нижнего - в 30px, то автоматически выбрался бы больший из них - 40px. Горизонтальные отступы при этом не схлопываются, а суммируются.

Отрицательные значения
Отрицательные значения margin-top/margin-left смещают элемент со своего обычного места.

В CSS есть другой способ добиться похожего эффекта – а именно position:relative. Но между ними есть одно принципиальное различие: при сдвиге через margin соседние элементы занимают освободившееся пространство в отличие от position: relative, при котором элемент визуально сдвигается, но место, где он был, остаётся «занятым».

👉

1,040

Frontend Головного Мозга

24 мая 2026 г., 08:14

📷 Photo

Find numbers with 3 divisors

Ваша задача — написать функцию, которая принимает два целых числа n, m и возвращает отсортированный массив всех целых чисел от n до m включительно, имеющих всего 3 делителя (без учета 1 и самого числа).

Пример:
solution(2, 20) -> [16] // У 16 три делителя - 2, 4, 8

👉

1,850

Frontend Головного Мозга

24 мая 2026 г., 08:14

📷 Photo

👉

1,640

Frontend Головного Мозга

24 мая 2026 г., 08:14

1,390

Frontend Головного Мозга

24 мая 2026 г., 08:14

[poll]

1,010

Frontend Головного Мозга

24 мая 2026 г., 08:14

📷 Photo

Хватит писать «чистый» код. Пора писать понятный код

Да, это очередная статья по чистому коду. Но по разным источникам, соотношение времени, затрачиваемого на чтение и написание кода, может достигать 7 к 1 и даже больше. Когда вы исправляете ошибку, добавляете новую функциональность или проводите рефакторинг, вы сначала погружаетесь в логику, написанную другими людьми (или вами же, но несколько месяцев назад). Именно поэтому читаемость кода становится более важным фактором, чем скорость его первоначального написания. Нечитаемый код — это технический долг, который замедляет всю команду и увеличивает стоимость разработки в долгосрочной перспективе.

👉

804

Frontend Головного Мозга

24 мая 2026 г., 08:14

https://smmbox.com/uploads/temp/e5514940aa74eab366059a1a5fd7905e.jpegЧто делает babel?

Babel – это транспилер для JavaScript, который преобразует современный код (ES6+ и JSX) в старый, совместимый с более старыми браузерами.

Поддержка старых браузеров
Некоторые браузеры (например, Internet Explorer) не поддерживают новые фичи JavaScript. Babel переводит код на более старый стандарт, чтобы он работал везде.

Поддержка современных стандартов (ES6, ES7, ES8...)
Позволяет использовать новые возможности JavaScript, даже если браузер их пока не поддерживает.

Компиляция JSX
Babel преобразует JSX (используется в React) в обычный JavaScript.

Оптимизация и эксперименты
Можно использовать нестандартные предложения для JavaScript, такие как плагины для новых фич.

Как это работает?
Babel делает три шага:

Парсинг – разбор кода в абстрактное синтаксическое дерево (AST).
Трансформация – изменение AST (например, замена const на var).
Генерация – создание нового кода из изменённого AST.

Пример работы Babel
Современный JavaScript (ES6+)
const greet = (name) => `Hello, ${name}!`;
console.log(greet("Alice"));

После транспиляции Babel (ES5)
"use strict";

function greet(name) {
return "Hello, " + name + "!";
}
console.log(greet("Alice"));

👉

944

Frontend Головного Мозга

24 мая 2026 г., 08:14

📷 Photo

Data Structures & Algorithms with JavaScript

Хорошая книга, рассчитанная для тех, кто считает, что JavaScript нужен не только для анимаций и баннеров. Из книги вы узнаете всё про классические структуры данных и алгоритмы с различными примерами реализации. В книге описана работа с алгоритмами поиска/сортировки, массивами, списками, хэш-таблицами и много других полезных тем, которые нужно знать JS-разработчику.

👉

991

Frontend Головного Мозга

24 мая 2026 г., 08:14

📎 File

1,010

Frontend Головного Мозга

24 мая 2026 г., 08:14

📷 Photo

Разбираемся с SVG Path!

SVG — мощный, но сложный инструмент для создания кривых и фигур. Статья объясняет основы: как работает атрибут d, команды M (перемещение) и L (линия), и как они связываются в цепочку инструкций, словно рисование пером. Погрузитесь в интерактивное руководство и начните творить!

👉

720

Frontend Головного Мозга

9 мая 2026 г., 23:02

📷 Photo

👉

916

Frontend Головного Мозга

12 апр. 2026 г., 06:09

📷 Photo

Story Points или искусство делать ставку на выдуманные числа

Сегодня я хотел бы в очередной раз поднять тему оценки задач, а конкретно оценки при помощи Story Points. Хотя мы давно применяем их в работе, оказалось, что команда по-разному трактует детали. Поэтому мы решили систематизировать и выровнять наши знания, собрать хорошие практики по работе со Story Points и попробовать улучшить процедуру оценки задач у нас.

Результатом работы стал этот материал, которым я с радостью делюсь с вами. Он не претендует на откровения, но удобно собирает терминологию, практические советы и наш опыт — возможно, это сэкономит вам пару-тройку Story Points.

👉

1,380

Showing 12 of 12 posts

No more posts

Рейтинг

Требуется вход

Отзывы пользователей (0)

Пока нет отзывов. Будьте первым, кто поделится своим опытом!

Frontend Головного Мозга

Frontend Головного Мозга

Рейтинг

Рост участников (Последние 6 дней)

Последние посты

Рейтинг

Отзывы пользователей (0)

Похожие каналы Telegram

Виталий о позиции

Записки админа Иришки

Подкофейные камни

Дневник Каролины

Кремлевский шептун 🚀

КАТаю мысли

Петербургский гедонист 🥂

Хардкор, мозг и котики

Похожие каналы Telegram

Виталий о позиции

Записки админа Иришки

Подкофейные камни

Дневник Каролины

Кремлевский шептун 🚀

КАТаю мысли

Петербургский гедонист 🥂

Хардкор, мозг и котики

Отзывы пользователей (0)

Последние посты