Assalomu alaykum. Instagramda hozir shunday reklamaga ko'zim tushdi bunda uzum market orqali soatiga daromad qilishni ko'rsatib o'tkan.

Bu biroz shubhali, reklama qiluvchi uzum nomidan emas, подробнее qilinganida boshqa bir inson telegramiga o'tkazdi. Manimcha bunday ishlarga aralashmaslik kerak ertaga sizni yaxshi bir summaga tushurishi mumkin. Bunday ishlar hozir instagramda juda ommalashgan. Sodda insonlar esa buning qurboni bo'ladi.

@Muhammadislom_Dev

#JS_tips
Funksiya ko'p argumentlarni qabul qilsa ularni obyekt ko'rinishda yozish kodni o'qishni ancha qulaylashtiradi.

@Muhammadislom_Dev

Boshlang'ich JavaScriptni o'rganish va unda ishlash mahoratingizni oshirishga yordam beruvchi 4 ta github repozitoriyalar:

- Javascript30
Bu yerda portfolioga qo'shish uchun 30 ta turli loyihalarga g'oyalar va ularning yechimini topishingiz mumkin.

- Awesome JavaScript
Web dasturlash uchun javascriptdagi eng ko'p ishlatiladigan resurslar, kutubxonalar va freymvorklar jamlanmasi.

- JS GitBook
JavaScript boshlang'ich darajada o'rganish uchun manba.

- JavaScript Algorithms and DS Repozitoriyada ko'plab mashhur algoritmlar va ma'lumot tuzilmalarining JavaScript-ga asoslangan misollari mavjud.

Oʻzim Frontend Masters shu yerdagi video darsliklar boʻyicha takrorlayman va javascript.info shuni ham tavsiya qilaman nazariy bilimlar uchun.

@Muhammadislom_Dev

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