Объясните, что такое блочный контекст форматирования и как он работает.

Блочный контекст форматирования — часть механизма отображения веб-страницы в CSS. Это регион страницы, в котором блоки размещаются в привычном для блоков порядке, и в котором плавающие элементы взаимодействуют с другими элементами.

Блочный контекст форматирования может быть создан чем-либо из этого списка:
- плавающие элементы (элементы, у которых float не равно none)
- абсолютно позиционированные элементы (элементы, значение position которых либо absolute, либо fixed)
- «строчные блоки» (элементы с display: inline-block)
- флекс-элементы (непосредственные потомки элемента с display: flex или inline-flex)
- грид-элементы (непосредственные потомки элемента с display: grid или inline-grid) многоколоночные контейнеры (элементы, у которых column-count или column-width не - равно auto, включая элементы с column-count: 1)

#вопросы_по_css

​Как использовать Fetch с async/await

Хотя fetch() прост в использовании, есть некоторые нюансы, которые стоит знать. В данном случае предлагаем вам посмотреть, как работает fetch() с async/await синтаксисом.

Подробнее:

https://dmitripavlutin.com/javascript-fetch-async-await/

#javascript

Камень-ножницы-бумага на чистом CSS

Изучите возможности CSS с помощью игры камень-ножницы-бумага, созданной без использования JavaScript. При этом компьютер не будет выбирать каждый раз один и тот же вариант. Как это сделано можно узнать тут:

https://codepen.io/alvaromontoro/pen/BaaBYyz

#codepen #css

Хе хе 🌚

KWORKS.ru - Bu saytda shunday frilanserlar borki – ular kuniga 100$ hatto 200$ gacha pul ishlashadi.

Xo'sh shuncha pul ishlash uchun nima qilish kerak?
Avvalo foydali xizmat turlarini o'rganishingiz kerak.
Masalan: sayt yuritish, fotoshop, ijtimoiy tarmoqlarda guruhlarni yuritish, sayt va guruhlarni rivojlantira olish, smm va shunga o'xshash xizmatlar. Xullas qiladigan ishingiz buyurtmachi uchun foydali bo'lsa bo'ldi.

Bularning hammasini internet orqali bepul o'qib o'rgansa bo'ladi.

Do'stlarga ulashing👇👇
https://telegram.me/joinchat/AAAAAEJkS8Idlq1q52q7KQ

​Как тестировать компоненты React

При тестировании компонентов с помощью Jest, вы можете столкнуться с ситуацией, когда компоненты по какой-то причине выходят из строя при рендеринге. Дело в том, что для компонента в тесте необходимо находиться в определённой среде.

Как её правильно настроить для правильного тестирования компонентов без проблем, рассказали здесь:

https://javascript.plainenglish.io/how-to-test-react-components-2eff11d8cd75

#react

​Удаляем неиспользуемый CSS с помощью PurgeCSS

Наличие неиспользуемого CSS может встречаться при работе с CSS-фреймворками. Они, конечно, помогают быстрой вёрстке качественных элементов, но также могут и негативно повлиять на производительность, если лишнего кода много и он утяжеляет файлы со стилями.

В этом случае на помощь приходит PurgeCSS — один из нескольких инструментов, которые помогают держать ваши стили под контролем. Подробнее:

https://blog.logrocket.com/purgecss-remove-unused-css-code/

#css

Библиотека Splide для создания качественных каруселей

Splide.js — это легковесная, гибкая, доступная и универсальная библиотека для создания слайдеров и каруселей. С помощью неё вы сможете добавит карусель в ваше приложение несмотря на то, используете вы чистый JavaScript, TypeScript, React, Vue или ещё какое решение.

Познакомиться ближе можно тут:

https://splidejs.com/

#фронтенд #библиотека #javascript

​JavaScript-разработчик выбирает библиотеку для текущего проекта:

​Как разработчики ищут информацию:

У меня одного системники уже давно на уровне тела стоят? 🤔
И там при всём желании ногой не получится включить его.

​Переменные CSS для разработчиков React

В этой статье Джош Камю показал, как применение современных кастомных свойств упрощает разработку приложения на React:

https://www.joshwcomeau.com/css/css-variables-for-react-devs/

#фронтенд #react #css

С этим сталкивался каждый начинающий фронтендер

Kaspersky bilan Kiberhujumlarni real timeda kuzatib borishingiz mumkin.

Sayt: https://cybermap.kaspersky.com/

Youtube | Linkedin | Instagram

@saudabdulwahed

Держите гигантскую паутину из полноценного курса продакт-дизайнера-ux-исследователя https://www.uxdatabase.io/free-product-design-course-curriculum По сути это полноценный бесплатный курс, просто собранный из сотен статей.

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

Suhbat boshlandi: https://youtu.be/eI5GZFO5qU0

​9 инструментов CSS, которые пригодятся в 2022 году

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

Подробнее о них в этой статье:

https://nuancesprog.ru/p/15045/

#css

Лоадеры на чистом CSS

6 лоадеров для вашего проекта, выполненные на чистом CSS с использованием @keyframes. Забирайте скорее:

https://codepen.io/AlexWarnes/pen/jXYYKL

#css #codepen

​Обновление больших массивов данных в Laravel

Иногда вам нужно обновить данные в вашей БД. Самый простой способ — просто запустить обновление в вашей базе данных MySQL. Но такой способ не всегда подходит.

В этой статье предлагается использовать метод chunk для обновления. Вот как это сделать:

https://42coders.com/how-to-update-large-data-in-laravel

#php #laravel

Xudo xohlasa, shanba kuni soat 14:00 da Codialning Marg'ilon filialida dasturlashni o'rganishning samarali usullari haqida gaplashamiz. Kelinglar, ko'rishamiz 😊

https://t.me/codialuz/462

​Комплексная разработка веб-приложений с помощью React и Node.js

Чтобы разработать полноценный сайт и настроить сервер достаточно всего одного языка программирования — JavaScript. Просто берём JS, добавляем Node.js для организации сервера и React для быстрого создания фронтенда.

Чем хороша такая связка и какие особенности имеет, узнаете тут:

https://nuancesprog.ru/p/15133/

#react #nodejs