​Как создать приложение вокруг Composition API во Vue 3

Уже больше года прошло с выхода Vue 3 с Composition API. Сейчас синтаксис script setup стал рекомендуемым способом создания нового проекта на Vue.

Эта статья призвана показать интересные фишки Composition API и то, как структурировать приложение вокруг него:

https://tproger.ru/articles/kak-sozdat-prilozhenie-vokrug-composition-api-vo-vue-3/

#фронтенд #vue

​Создание компонента переключения темы

Пошаговая инструкция с разбором каждого действия, которая поможет вам создать переиспользуемый компонент для смены темы оформления сайта:

https://web.dev/building-a-theme-switch-component/

А если не хотите читать, то можно посмотреть видеоверсию.

Это правда :3

​Можно ли подключиться к базе данных с помощью CSS

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

А другой пользователь посчитал шутку не смешной и решил доказать, что это вполне возможно. Вот, что у него получилось в итоге:

https://tprg.ru/N3Kj

#css

​5 частых ошибок при использовании Promise

Промисы — это мощный и полезный инструмент, который позволяет нам удобно работать с асинхронными операциями без необходимости создавать ад коллбэков. Но и им нужно уметь пользоваться, ведь работая с асинхронным кодом неправильно, можно столкнуться с очень неожиданным поведением.

Часто можно встретить именно эти 5 ошибок:

https://www.cat-in-web.ru/5-promises-mistakes/

#javascript

Ertaga Husnuddin Codialning Marg'ilondagi filialida dasturchining o'z ustida ishlashi va rivojlanishi haqida o'z tajribalari bilan o'rtoqlashar ekanlar: https://t.me/codialuz/456

Husnuddin bilan tanishganimizga aniq 3 yildan oshgan. Dizayner Ismoil Safarov tanishtirgan edilar. Ertaga taqdimotda o'zingiz uchun yaxshi ma'lumotlar olishingiz mumkin.

❗️Murojaat botimizga Zetsoft asoschisi Asror Zokirov haqida yana bir murojaat kelib tushgan.

"Assalomu alaykum, yaxshimisiz?
Ismim Hasan zip24.com kompaniyasi product manageri bo'laman. Adashmasam Asror Zokirov va talabalar o'rtasida bo'lgan muammo xaqida kanalizda yozgandiz. Biz adashib u bolani ishga olgandik, lekin ishlaridan qoniqmay ishdan xaydaganmiz yaqinda. lekin u bizni kompaniya nomidan foydalanib bollarni ishga olishda foydalanayapti, shun xaqida bir elon bersak bo'ladimi, talabalar aldanib qolmasin.

U bizda yollanma ishchi bo'lgan va bizni kompaniyadagi rasmlarni olib o'zi kompaniyasi sifatida tanishtirmoqda.

hh.uz da bizni kompaniya nomidan postlar qo'ygan, lekin kontakt nomerlariga o'zini kompaniyasini qo'ygan.

shipox.com bu bizni produkt, hech qachon biz unga buyurtma bermaganmiz, o'zimizda 100dan oshib dasturchilar ishlaydi."

❗️Bunaqa noroziliklar soni juda ko'p kelib tushgan. Qizig'i, hech bir organ xodimlari yoki boshqa bir ma'sul shaxslar Asror Zokirov haqida oxirgacha tekshirib ko'rishmayapti.

https://telegram.me/joinchat/AAAAAEJkS8Idlq1q52q7KQ

📚 TypeScript

#теория

Задача по JavaScript 🚀

Подумайте, что будет выведено в консоль, после выполнения программы.

Ответ и объяснение

Если что-то осталось не понятно, пиши в комментарии 🤝
Свой вариант ответа указывай здесь 🔥👇

Было бы смешно, если бы не было правдой 🌚

​Питонисты здесь? Сегодня свой день рождения отмечает создатель Python Гвидо ван Россум

Гвидо работал над языком с 1989 года, а по-настоящему проект запустили только в 1999 под лозунгом «Программирование для всех». У языка было четыре постулата: интуитивность, открытость, простота и удобство для ежедневных задач.

И как это часто бывает, поначалу сообщество разработчиков не воспринимало язык всерьёз. Но сегодня Python стал одним из самых популярных языков программирования. И можно смело сказать, что почти каждый разработчик хотя бы раз работал с кодом на Python.

С праздником, Гвидо!

#python #история

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

Блочный контекст форматирования — часть механизма отображения веб-страницы в 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-разработчик выбирает библиотеку для текущего проекта:

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