Совет по CSS 💡

Легко реализуйте плавную прокрутку, используя всего одну строку кода 🤩

👉 @frontend_1

Типы утилит TypeScript, которые необходимо знать

https://www.builder.io/blog/utility-types

👉 @frontend_1

Совет по Javascript 💡

Возможно, вы не знаете об этом лучшем и надежном способе глубокого клонирования объектов JavaScript 🤩

👉 @frontend_1

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

Анимированное руководство упрощает изучение CSS.

👉 @frontend_1

Шпаргалка по CSS 🔥

7 способов скрыть элемент с помощью CSS 🤩

👉 @frontend_1

15 убийственных 🗡 приемов JS, о которых вы, вероятно, никогда не слышали 🔈🔥

Вот двадцать коротких и мощных приемов JavaScript, которые позволят максимально повысить производительность и минимизировать боль.

https://dev.to/ironcladdev/15-killer-js-techniques-youve-probably-never-heard-of-1lgp

👉 @frontend_1

Совет по производительности в Интернете 💡

Отложенная загрузка некритических модулей для уменьшения размера начальной загрузки страницы и повышения производительности 🚀

👉 @frontend_1

Делаем JavaScript компилируемым с помощью llvm.js

В данной статье мы рассмотрим мощный проект - llvm.js и расскажем, что он представляет из себя. Также мы научимся создавать компилируемый язык программирования на основе JavaScript. Хотя в этой статье мы сфокусируемся именно на JavaScript, ознакомившись с процессом, вы сможете создавать свои собственные компилируемые языки программирования с использованием llvm.js.

https://habr.com/ru/articles/766278/

👉 @frontend_1

JavaScript Live-Coding: Мастерство решения типовых задач на собеседованиях

Искусство live-coding в JavaScript становится все более важным для успешной карьеры веб-разработчика. Если ты стремишься преуспеть на собеседованиях и проявить свои навыки в реальном времени, то эта статья для тебя. Я предлагаю тебе углубиться в мир типовых задач на собеседованиях в разделе live-coding, где ты сможешь проявить свои знания JavaScript. В этой статье мы рассмотрим популярные задачи, подходы к их решению и дам полезные советы, которые помогут тебе справиться с этим вызовом. Давай начнем погружение в мир JavaScript и подготовимся к успешным собеседованиям!

https://habr.com/ru/articles/741108/

👉 @frontend_1

Современный CSS для динамической компонентной архитектуры

За последние несколько лет в CSS появилось множество новых возможностей и улучшений. В результате паритет возможностей между браузерами достиг своего максимума, и предпринимаются усилия, чтобы продолжать выпускать новые возможности последовательно и синхронно среди вечнозеленых браузеров.

Сегодня мы рассмотрим современную архитектуру проекта, акцентируя внимание на тематической компоновке, отзывчивых макетах и компонентном дизайне. Мы узнаем о возможностях улучшения организации кода и рассмотрим такие техники компоновки, как запросы к сетке и контейнерам. Наконец, мы рассмотрим реальные примеры контекстно-зависимых компонентов, использующих передовые техники CSS. Вы будете вдохновлены на развитие своих навыков работы с CSS и готовы к созданию масштабируемых и перспективных веб-проектов.

https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/

👉 @frontend_1

Оптимизация сборки веб-приложения

По мере того, как ваше приложение растёт и развивается, растут и затраты времени на его тестирование и сборку, достигая нескольких минут при пересборке в dev-режиме и, возможно, десятков минут при «холодной» production-сборке. Что, конечно, совершенно неприемлемо. И если поначалу увеличение временных затрат может казаться незначительным, то впоследствии это непременно ведёт к ухудшению процесса разработки и может негативно повлиять на скорость выкатки важных релизов или хотфиксов. Таким образом, в какой-то момент вопрос оптимизации и ускорения сборки приложения может стать критически важным для разработчика.

https://habr.com/ru/companies/domclick/articles/722256/

👉 @frontend_1