Типы утилит TypeScript, которые необходимо знать
https://www.builder.io/blog/utility-types
👉 @frontend_1
https://www.builder.io/blog/utility-types
👉 @frontend_1
👍5
Совет по Javascript 💡
Возможно, вы не знаете об этом лучшем и надежном способе глубокого клонирования объектов JavaScript 🤩
👉 @frontend_1
Возможно, вы не знаете об этом лучшем и надежном способе глубокого клонирования объектов JavaScript 🤩
👉 @frontend_1
👍7
3 вещи, о которых вы даже не подозревали, что они возможны только с помощью CSS
CSS (Cascading Style Sheets - каскадные таблицы стилей) - это как эстетика для HTML, используемого для структурирования веб-документа. Независимо от того, являетесь ли вы фронтенд-разработчиком, разработчиком полного стека или начинающим веб-дизайнером, использование таблиц стилей CSS - это то, что вы обязательно должны уметь делать!
Я буду расширять ваши горизонты, рассказывая о безграничных возможностях, которые вы можете сделать с помощью CSS, о том, что, как вы думали, можно сделать только с помощью кода.
Для того чтобы освоить некоторые из этих приемов, вы должны хорошо знать теги HTML. Вы также должны знать CSS, flexbox и CSS Grid (особенно border, margin и padding).
Гибкая модель компоновки (flexbox) предназначена для одномерного содержимого, и она отлично справляется с задачей размещения множества элементов разного размера и возврата наилучшего варианта компоновки.
https://blog.openreplay.com/three-things-you-never-thought-were-possible-with-just-css/
👉 @frontend_1
CSS (Cascading Style Sheets - каскадные таблицы стилей) - это как эстетика для HTML, используемого для структурирования веб-документа. Независимо от того, являетесь ли вы фронтенд-разработчиком, разработчиком полного стека или начинающим веб-дизайнером, использование таблиц стилей CSS - это то, что вы обязательно должны уметь делать!
Я буду расширять ваши горизонты, рассказывая о безграничных возможностях, которые вы можете сделать с помощью CSS, о том, что, как вы думали, можно сделать только с помощью кода.
Для того чтобы освоить некоторые из этих приемов, вы должны хорошо знать теги HTML. Вы также должны знать CSS, flexbox и CSS Grid (особенно border, margin и padding).
Гибкая модель компоновки (flexbox) предназначена для одномерного содержимого, и она отлично справляется с задачей размещения множества элементов разного размера и возврата наилучшего варианта компоновки.
https://blog.openreplay.com/three-things-you-never-thought-were-possible-with-just-css/
👉 @frontend_1
👍4❤1
15 убийственных 🗡 приемов JS, о которых вы, вероятно, никогда не слышали 🔈🔥
Вот двадцать коротких и мощных приемов JavaScript, которые позволят максимально повысить производительность и минимизировать боль.
https://dev.to/ironcladdev/15-killer-js-techniques-youve-probably-never-heard-of-1lgp
👉 @frontend_1
Вот двадцать коротких и мощных приемов JavaScript, которые позволят максимально повысить производительность и минимизировать боль.
https://dev.to/ironcladdev/15-killer-js-techniques-youve-probably-never-heard-of-1lgp
👉 @frontend_1
👍3
Совет по производительности в Интернете 💡
Отложенная загрузка некритических модулей для уменьшения размера начальной загрузки страницы и повышения производительности 🚀
👉 @frontend_1
Отложенная загрузка некритических модулей для уменьшения размера начальной загрузки страницы и повышения производительности 🚀
👉 @frontend_1
👍3🔥1
Делаем JavaScript компилируемым с помощью llvm.js
В данной статье мы рассмотрим мощный проект - llvm.js и расскажем, что он представляет из себя. Также мы научимся создавать компилируемый язык программирования на основе JavaScript. Хотя в этой статье мы сфокусируемся именно на JavaScript, ознакомившись с процессом, вы сможете создавать свои собственные компилируемые языки программирования с использованием llvm.js.
https://habr.com/ru/articles/766278/
👉 @frontend_1
В данной статье мы рассмотрим мощный проект - llvm.js и расскажем, что он представляет из себя. Также мы научимся создавать компилируемый язык программирования на основе JavaScript. Хотя в этой статье мы сфокусируемся именно на JavaScript, ознакомившись с процессом, вы сможете создавать свои собственные компилируемые языки программирования с использованием llvm.js.
https://habr.com/ru/articles/766278/
👉 @frontend_1
👍2👎1
Шпаргалка по CSS 🔥
7 способов скрыть элемент с помощью CSS 🤩
Порезали эту шпаргалку для удобства чтения
👉 @frontend_1
7 способов скрыть элемент с помощью CSS 🤩
Порезали эту шпаргалку для удобства чтения
👉 @frontend_1
👍3
JavaScript Live-Coding: Мастерство решения типовых задач на собеседованиях
Искусство live-coding в JavaScript становится все более важным для успешной карьеры веб-разработчика. Если ты стремишься преуспеть на собеседованиях и проявить свои навыки в реальном времени, то эта статья для тебя. Я предлагаю тебе углубиться в мир типовых задач на собеседованиях в разделе live-coding, где ты сможешь проявить свои знания JavaScript. В этой статье мы рассмотрим популярные задачи, подходы к их решению и дам полезные советы, которые помогут тебе справиться с этим вызовом. Давай начнем погружение в мир JavaScript и подготовимся к успешным собеседованиям!
https://habr.com/ru/articles/741108/
👉 @frontend_1
Искусство live-coding в JavaScript становится все более важным для успешной карьеры веб-разработчика. Если ты стремишься преуспеть на собеседованиях и проявить свои навыки в реальном времени, то эта статья для тебя. Я предлагаю тебе углубиться в мир типовых задач на собеседованиях в разделе live-coding, где ты сможешь проявить свои знания JavaScript. В этой статье мы рассмотрим популярные задачи, подходы к их решению и дам полезные советы, которые помогут тебе справиться с этим вызовом. Давай начнем погружение в мир JavaScript и подготовимся к успешным собеседованиям!
https://habr.com/ru/articles/741108/
👉 @frontend_1
👍4
Современный CSS для динамической компонентной архитектуры
За последние несколько лет в CSS появилось множество новых возможностей и улучшений. В результате паритет возможностей между браузерами достиг своего максимума, и предпринимаются усилия, чтобы продолжать выпускать новые возможности последовательно и синхронно среди вечнозеленых браузеров.
Сегодня мы рассмотрим современную архитектуру проекта, акцентируя внимание на тематической компоновке, отзывчивых макетах и компонентном дизайне. Мы узнаем о возможностях улучшения организации кода и рассмотрим такие техники компоновки, как запросы к сетке и контейнерам. Наконец, мы рассмотрим реальные примеры контекстно-зависимых компонентов, использующих передовые техники CSS. Вы будете вдохновлены на развитие своих навыков работы с CSS и готовы к созданию масштабируемых и перспективных веб-проектов.
https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/
👉 @frontend_1
За последние несколько лет в CSS появилось множество новых возможностей и улучшений. В результате паритет возможностей между браузерами достиг своего максимума, и предпринимаются усилия, чтобы продолжать выпускать новые возможности последовательно и синхронно среди вечнозеленых браузеров.
Сегодня мы рассмотрим современную архитектуру проекта, акцентируя внимание на тематической компоновке, отзывчивых макетах и компонентном дизайне. Мы узнаем о возможностях улучшения организации кода и рассмотрим такие техники компоновки, как запросы к сетке и контейнерам. Наконец, мы рассмотрим реальные примеры контекстно-зависимых компонентов, использующих передовые техники CSS. Вы будете вдохновлены на развитие своих навыков работы с CSS и готовы к созданию масштабируемых и перспективных веб-проектов.
https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/
👉 @frontend_1
👍4
Оптимизация сборки веб-приложения
По мере того, как ваше приложение растёт и развивается, растут и затраты времени на его тестирование и сборку, достигая нескольких минут при пересборке в dev-режиме и, возможно, десятков минут при «холодной» production-сборке. Что, конечно, совершенно неприемлемо. И если поначалу увеличение временных затрат может казаться незначительным, то впоследствии это непременно ведёт к ухудшению процесса разработки и может негативно повлиять на скорость выкатки важных релизов или хотфиксов. Таким образом, в какой-то момент вопрос оптимизации и ускорения сборки приложения может стать критически важным для разработчика.
https://habr.com/ru/companies/domclick/articles/722256/
👉 @frontend_1
По мере того, как ваше приложение растёт и развивается, растут и затраты времени на его тестирование и сборку, достигая нескольких минут при пересборке в dev-режиме и, возможно, десятков минут при «холодной» production-сборке. Что, конечно, совершенно неприемлемо. И если поначалу увеличение временных затрат может казаться незначительным, то впоследствии это непременно ведёт к ухудшению процесса разработки и может негативно повлиять на скорость выкатки важных релизов или хотфиксов. Таким образом, в какой-то момент вопрос оптимизации и ускорения сборки приложения может стать критически важным для разработчика.
https://habr.com/ru/companies/domclick/articles/722256/
👉 @frontend_1
👍5
ESLint Plugin Perfectionist
Плагин ESLint, задающий правила для форматирования кода и придания ему единообразия.
Этот плагин задает правила сортировки различных данных, таких как объекты, импорты, типы TypeScript, перечисления, JSX props, атрибуты Svelte и т.д. по алфавиту, естественным образом или по длине строки
Все правила автоматически исправляются. Это безопасно!
https://github.com/azat-io/eslint-plugin-perfectionist
👉 @frontend_1
Плагин ESLint, задающий правила для форматирования кода и придания ему единообразия.
Этот плагин задает правила сортировки различных данных, таких как объекты, импорты, типы TypeScript, перечисления, JSX props, атрибуты Svelte и т.д. по алфавиту, естественным образом или по длине строки
Все правила автоматически исправляются. Это безопасно!
https://github.com/azat-io/eslint-plugin-perfectionist
👉 @frontend_1
👍5✍1