Мы живем в эпоху своего рода CSS-ренессанса: новые возможности, техники, эксперименты и идеи сыплются на нас в таком количестве, какого мы не видели со времен CSS3.
В то время как сложность CSS кажется постоянной дискуссией, Джефф Грэм рассматривает способы, которыми современный CSS в 2023 году фактически сделал CSS проще в написании.
Подробнее о способах упростить CSS читайте в статье.
Ссылка
#css
В то время как сложность CSS кажется постоянной дискуссией, Джефф Грэм рассматривает способы, которыми современный CSS в 2023 году фактически сделал CSS проще в написании.
Подробнее о способах упростить CSS читайте в статье.
Ссылка
#css
👍7
Чистая архитектура фронтенда
Функциональные и нефункциональные требования должны применяться не только к бэкенду, но и к фронтенду. Именно архитектура фронтенда позволяет полностью реализовать потребности бизнеса. Кроме того, она дает более четкое представление о сложности проектов, тем самым сокращая время их создания, риски и стоимость.
В этой статье речь пойдет об архитектуре фронтенда, проектирование которой подчиняется множеству принципов, в том числе SOLID, KISS, DRY и DDD.
Ссылка
#статьи
Функциональные и нефункциональные требования должны применяться не только к бэкенду, но и к фронтенду. Именно архитектура фронтенда позволяет полностью реализовать потребности бизнеса. Кроме того, она дает более четкое представление о сложности проектов, тем самым сокращая время их создания, риски и стоимость.
В этой статье речь пойдет об архитектуре фронтенда, проектирование которой подчиняется множеству принципов, в том числе SOLID, KISS, DRY и DDD.
Ссылка
#статьи
👍5
Что будет в консоли?
function sayHi() {
console.log(name);
console.log(age);
var name = "Lydia";
let age = 21;
}
sayHi();🤯1
Что будет в консоли ?
Anonymous Quiz
26%
Lydia и undefined
15%
Lydia и ReferenceError
9%
ReferenceError и 21
51%
undefined и ReferenceError
Сборка мусора в JavaScript
Каждый из нас, хотя бы раз, слышал о сборке мусора. Мы знаем, что где-то там работает сборщик мусора, убирая за нами ненужные объекты. Но сколько из нас знают, как он устроен под капотом?
В этой статье мы заглянем под капот этого процесса, поймем, как работает память, и изучим алгоритм сборки мусора.
Поехали убираться!
Ссылка
#js
Каждый из нас, хотя бы раз, слышал о сборке мусора. Мы знаем, что где-то там работает сборщик мусора, убирая за нами ненужные объекты. Но сколько из нас знают, как он устроен под капотом?
В этой статье мы заглянем под капот этого процесса, поймем, как работает память, и изучим алгоритм сборки мусора.
Поехали убираться!
Ссылка
#js
👍5
Усиливаем TypeScript с помощью switch + notReachable
Сегодня расскажу, как можно перенести ответственность с разработчика на компилятор TypeScript, повысить надежность приложения, упростить поддержку кодовой базы и ускорить разработку проекта с помощью простого хелпера — notReachable.
Ссылка
#js
Сегодня расскажу, как можно перенести ответственность с разработчика на компилятор TypeScript, повысить надежность приложения, упростить поддержку кодовой базы и ускорить разработку проекта с помощью простого хелпера — notReachable.
Ссылка
#js
👍7🤮2🤡1
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 1);
}
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 1);
}🤯3
WebTransport API — это интерфейс/механизм передачи данных между клиентом и сервером с помощью протокола HTTP/3.
На днях я прочитал статью о WebTransport API как будущей альтернативе или даже замене WebSockets. Мне стало интересно, что это такое и с чем его едят. Давайте разбираться вместе.
Ссылка
#utils
На днях я прочитал статью о WebTransport API как будущей альтернативе или даже замене WebSockets. Мне стало интересно, что это такое и с чем его едят. Давайте разбираться вместе.
Ссылка
#utils
👍5
const shape = {
radius: 10,
diameter() {
return this.radius * 2;
},
perimeter: () => 2 * Math.PI * this.radius
};
console.log(shape.diameter());
console.log(shape.perimeter());🤯3🤔1
All About Cookies
Вы когда-нибудь задумывались, как веб-сайты запоминают ваши данные для входа в систему, содержимое корзины покупок и другие предпочтения? Ответ — Cookies.
В этой статье будут объяснены типы файлов cookie, работа с cookie в JavaScript, когда их использовать, а также лучшие практики.
Ссылка
#js
Вы когда-нибудь задумывались, как веб-сайты запоминают ваши данные для входа в систему, содержимое корзины покупок и другие предпочтения? Ответ — Cookies.
В этой статье будут объяснены типы файлов cookie, работа с cookie в JavaScript, когда их использовать, а также лучшие практики.
Ссылка
#js
👍6🔥2
Что такое генераторы статических сайтов и почему Astro — лучший фреймворк для разработки лендингов
Недавно я решал задачу разработки сайта-лендинга для собственного проекта. У лендинга должна была быть админка, то есть данные для его содержимого должны были храниться и редактироваться на сервере. Поэтому я искал современный и мощный инструмент для генерации страниц на основе данных из API админ-панели.
Ссылка
#framework
Недавно я решал задачу разработки сайта-лендинга для собственного проекта. У лендинга должна была быть админка, то есть данные для его содержимого должны были храниться и редактироваться на сервере. Поэтому я искал современный и мощный инструмент для генерации страниц на основе данных из API админ-панели.
Ссылка
#framework
👍9
👩💻Как использовать html-элемент <dialog>?
В течение долгого времени для базовых UI-компонентов, таких как диалоговые окна, использовались самописные решения, а в тяжёлых случаях и встроенные в JavaScript методы alert(), prompt() и confirm().
Отличная новость в том, что такой компонент можно реализовать с использованием нативного HTML-элемента <dialog>, который встроен в стандарт HTML5 и работает одинаково во всех современных браузерах.
Ссылка
#html
В течение долгого времени для базовых UI-компонентов, таких как диалоговые окна, использовались самописные решения, а в тяжёлых случаях и встроенные в JavaScript методы alert(), prompt() и confirm().
Отличная новость в том, что такой компонент можно реализовать с использованием нативного HTML-элемента <dialog>, который встроен в стандарт HTML5 и работает одинаково во всех современных браузерах.
Ссылка
#html
👍12👌2
Неплохой канал, где тоже постят ссылки на всякое полезное из мира фронтенда, но с более подробным описанием
https://t.me/msosnovfeed
https://t.me/msosnovfeed
👍4❤2🔥2
Vue vs React что выбрать в 2024
Пространство веб-разработки интерфейса наполнено множеством фреймворков JavaScript для работы. Однако на ум приходят два главных претендента: Vue и React. Обе платформы представляют собой эффективные и гибкие решения для создания современных веб-приложений и получили широкое распространение даже у таких крупных брендов, как Adobe, Airbnb, Alibaba, Figma и Netflix.
Ссылка
#framework
Пространство веб-разработки интерфейса наполнено множеством фреймворков JavaScript для работы. Однако на ум приходят два главных претендента: Vue и React. Обе платформы представляют собой эффективные и гибкие решения для создания современных веб-приложений и получили широкое распространение даже у таких крупных брендов, как Adobe, Airbnb, Alibaba, Figma и Netflix.
Ссылка
#framework
👍5👎1
let c = { greeting: 'Hey!' };
let d;
d = c;
c.greeting = 'Hello';
console.log(d.greeting);👍5🤯3