https://telegra.ph/JavaScriptda-Closure-tushunchasi-07-30

JavaScript Closure mavzusida. Foydali bo'lsa share qilib yuborasizlar 🔥.

@Muhammadislom_Dev

Universitet haqida to'g'ri fikr aytibdi.

UseRef Hook bizga renderlar orasidagi qiymatlarni saqlab qolish imkonini beradi. U yangilanganda qayta ko'rsatishga olib kelmaydigan o'zgaruvchan qiymatni saqlash uchun ishlatilishi mumkin. U to'g'ridan-to'g'ri DOM elementiga kirish uchun ishlatilishi mumkin.

@Muhammadislom_Dev

🔍 React Query nima?

React Query – bu React dasturlarimizda ma'lumotlarni olish, kesh qilish, sinxronizatsiya va boshqa ko'plab jarayonlarni osonlashtiruvchi kutubxona. Bu kutubxona server holatini boshqarishni oddiy va samarali qiladigan bir qator hook va utilitalarni taqdim etadi.

🚀 Nima uchun React Querydan foydalanish kerak?

Samarali ma'lumotlar listini olish: React Query ma'lumotlarni olishning murakkabliklarini yashiradi. Kesh qilish, fon yangilanishlari va qayta ma'lumotlarni olishni avtomatik ravishda boshqaradi.

Avtomatik kesh qilish: React Query so'rovlaringizni kesh qiladi va eski ma'lumotlarni aqlli tarzda yangilaydi.

Sinxronizatsiya: Ma'lumotlaringizni bir nechta komponentlar orasida muammosiz sinxronlashtiradi.

💡 Asosiy xususiyatlar

So'rovlar (Queries): useQuery yordamida ma'lumotlarni oling va ularni server bilan sinxronlashtiring.
Create, Update, Delete: useMutation yordamida serverdagi ma'lumotlarni o'zgartiring.

@Muhammadislom_Dev

Ishdagi sherigim bilan suhbatdan:
- Brat freelance proyektlarni qayerdan olasiz?
- Uylanish kerak uning uchun.

https://telegra.ph/Funksiya-08-05

Funksiya mavzusida ba'zi savollari intervyuda tushish ehtimoli bor. O'zim qisqacha Js bo'yicha takrorlash qilayotkanim uchun shunday jamlab boryapman hammasini. Chuqurroq mavzularga nasib endi o'taman.

Execution context
JavaScript Closure
React Query
JavaScript Funksiyalar
FingerPrint Integration

YouTube da 2yil oldin oz-moz qilgan mehnatlarim bor ekan hali ham.

Kerakli va foydalilarini topishga osonroq qildim nasib bo'lsa buni hali to'ldirib boraman.

Foydali bo'lsa reaksiya va share qilib yuborasizlar 🔥.

@Muhammadislom_Dev

ChatGPT 4o versiyasi 😌.
O'zim haqimda informatsiya so'ragandim 😄

Server harajatlarini kamaytirish uchun coolify.io dan foydalaning. Bu vercelning bepul muqobili.

Siz bir vaqtda frontend, backend, databaseni deploy qilishingiz. Plausible, Supabase kabi open-source platformalarni o'rnatishingiz mumkin.

Hosting uchun Digitalocean yoki Hetzner dan foydalaning.

Oramizda yaqin orada startup qilishni reja qilayotganlar uchun tayyor boilerplatelar:

Bepul: https://github.com/mickasmt/next-saas-stripe-starter
Pullik: https://shipfa.st/

JavaScriptda ishga joylashishda interviewlarda ko'plab so'raladigan mavzular ro'yhati:


Core JavaScript
-Variables, Expressions, Operators, Statements
-Objects, Arrays
-Functions
-Type Conversions
-Functions (scope, closure, patterns)
-OOP
-Regular Expressions
-Strict Mode
-ECMAScript 5+
-Promise
-async await


Client Side JavaScript
-Window (as global object)
-DOM (selection, manipulation, traversing)
-CSS Scripting
-Events
-Timers
-Web Storages
-Network Communications

Ulashing.

#JavaScript

@Muhammadislom_Dev

🚀 Framer Motion bilan Animatsiyalarni Osonlashtiring! 🚀

Framer Motion - React applicationlari uchun animatsiya kutubxonasi. 💻✨

🌟 Asosiy Xususiyatlar:

- Animatsiyalarni tez va oson yaratish.
- Barcha turdagi animatsiyalar uchun ideal.
- React bilan ishlay oladi.

🔧 Misol:

import { motion } from 'framer-motion';

<motion.div
  animate={{ rotate: 360 }}
  transition={{ duration: 2, loop: Infinity }}
  style={{ width: 100, height: 100, backgroundColor: 'blue' }}
>
  Rotate Me
</motion.div>

#ReactJS #FramerMotion #WebDevelopment #JavaScript #Coding

@Muhammadislom_Dev

JavaScript'da o'zi nechta scope bor ? 🤔

1. Global Scope
2. Function(Local) Scope
3. Block Scope
4. Module Scope

Module Scope'ni ko'pchilik bilmasligini aytibdi. Men ham birinchi eshitganimda, biroz o'ylanib qolgandim. Chunki ko'p manbalar bu haqida gapirmaydi. Aslida, bizda har bir modul uchun alohida Scope bor. Bunga misol import qilgan biror modulingizni ichidagi oddiy o'zgaruvchiga import qilayotgan moduldan turib kira olmasligingiz.


1. Batafsil manba
2. Batafsilroq manba

@Muhammadislom_Dev

muhammadislom.uz
Dizayn bo'yicha fikrlar menga qiziq. Commentda qoldirishingiz mumkin. Rasm va boshqa contentlarni endi to'g'rilash jarayonida.

Accessibility bo'yicha ozroq ishlash kerak ekan menimcha norm holatda.

Html, Css, Scss, Bootstrap, JavaScript va Jquery tehnologiyalaridan foydalangan holda bir nechta bepul templatelaridan foydalanishingiz mumkin. Bu yerdan o'zim ham foydalanaman.

Manzil: https://templatemo.com/

Qayerdan kelarkin shunaqa gʻoyalar 😁.

Bizni lox deb o'ylaydi bular

Radixui - bu kichik componentlarni o'zini ichiga jamlagan ui library. Uni o'zingizni loyihangizga install qilib o'rnatib foydalanishingiz mumkin. Bu uidan birinchi marta foydalandim va effectivliroq ko'rindi menga.

Natijasini muhammadislom.uz shunda ko'rishingiz mumkin. RadixUI va Tailwind Css style uchun foydalanganman menga qulay bo'ldi.

Radix UI -> https://www.radix-ui.com/

@Muhammadislom_Dev

Qisqa suhbatdan:
- IELTS sertifikatini nima uchun olding?
- Sovchilikka borishkanida diplomga qo'shib ko'satish uchun.
- Ha unda kelin tanlaganida listeninggi 9 speakinggi 5 bo'lgan kelin tanlagin.


Tushungan tushundi:)

Hozir ishdan chiqsam, ko’chada mendan boshqa hech kim yolg’iz emas. Nega bunday ekan 🤔🫣