Programming Notes for Professionals
Shu yerda kop mavzular boyicha yaxshi kitoblar bor ekan. Bazilari sal outdated, lekin ichida foydali content ham bor. Tavsiya qilaman.
https://goalkicker.com
@dev_thinking_loud
Shu yerda kop mavzular boyicha yaxshi kitoblar bor ekan. Bazilari sal outdated, lekin ichida foydali content ham bor. Tavsiya qilaman.
https://goalkicker.com
@dev_thinking_loud
Goalkicker
Free Programming Books; HTML5, CSS3, JavaScript, PHP, Python...
Free Programming Books on Android development, C, C#, CSS, HTML5, iOS development, Java, JavaScript, PowerShell, PHP, Python, SQL Sever and more
👍16🔥6
CSS logical properties
"CSS logical property"lar multi-directional web applarda juda qulay styling mexanizm. Bunda top/bottom, left/right o'rniga block/inline, start/end kalit so'zlari ishlatiladi. Bularning farqi writing-mode o'zgargan paytda (LTRdan RTLga masalan) tomonlar avtomatik ravishda o'zgaradi, xuddi flexboxda direction o'zgargandagi kabi. Agar appimiz multi-directional bo'lmasa ham buni ishlatishni tavsiya qilaman, chunki bugun bo'lmasa ertaga ehtiyojimiz tushganda tajribamiz bo'ladi. Malumot uchun tailwind 3.3da buni support qilish uchun klasslar qoshildi.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values
https://web.dev/learn/css/logical-properties
https://css-tricks.com/css-logical-properties-and-values/
https://tailwindcss.com/blog/tailwindcss-v3-3#simplified-rtl-support-with-logical-properties
@dev_thinking_loud
"CSS logical property"lar multi-directional web applarda juda qulay styling mexanizm. Bunda top/bottom, left/right o'rniga block/inline, start/end kalit so'zlari ishlatiladi. Bularning farqi writing-mode o'zgargan paytda (LTRdan RTLga masalan) tomonlar avtomatik ravishda o'zgaradi, xuddi flexboxda direction o'zgargandagi kabi. Agar appimiz multi-directional bo'lmasa ham buni ishlatishni tavsiya qilaman, chunki bugun bo'lmasa ertaga ehtiyojimiz tushganda tajribamiz bo'ladi. Malumot uchun tailwind 3.3da buni support qilish uchun klasslar qoshildi.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values
https://web.dev/learn/css/logical-properties
https://css-tricks.com/css-logical-properties-and-values/
https://tailwindcss.com/blog/tailwindcss-v3-3#simplified-rtl-support-with-logical-properties
@dev_thinking_loud
MDN Web Docs
CSS logical properties and values - CSS | MDN
The CSS logical properties and values module defines logical properties and values that can control layout through logical rather than physical direction and dimension mappings. Logical properties define direction‐relative equivalents to their corresponding…
👍10🔥5
HTML va CSSni o'rganmoqchi bo'lganlarga udemyda o'zbek tilida bepul kurs (kupon sanoqli kun ishlaydi faqat)
https://t.iss.one/dev_skills_lab_com/23
@dev_thinking_loud
https://t.iss.one/dev_skills_lab_com/23
@dev_thinking_loud
Telegram
Devskillslab.com | Official
Assalomu alaykum va rahmatulloh do'stlar! Hayrli tong!
Ramazon oyi munosabati bilan sizlarga 💯skidka (discount) bermoxchiman 🥳😇🤩
Bu fursatdan foydalanib qoling! imkon qadar yaxshi feedback, 5+ star ⭐️ qoldirsela hursand bo'lardim va bu manga yordam bolardi.…
Ramazon oyi munosabati bilan sizlarga 💯skidka (discount) bermoxchiman 🥳😇🤩
Bu fursatdan foydalanib qoling! imkon qadar yaxshi feedback, 5+ star ⭐️ qoldirsela hursand bo'lardim va bu manga yordam bolardi.…
👍10❤3
"Build your own vercel appwrite"
AppWriteni o'ziz o'z serverizda to'liq host qilsangiz bo'lar ekan, juda yoqdi. Hozircha funkciyalari juda ko'p emas, lekin asosiylari bor: web, auth, database, functions, messaging, storage.
Readmedagi bir qator
O'zi infrastruktura setup va maintain qilishga imkoni yo'qlar uchun esa hosted varianti ham bor (appwrite cloud), narxlari ham uncha qimmat emas.
https://github.com/appwrite/appwrite
@dev_thinking_loud
AppWriteni o'ziz o'z serverizda to'liq host qilsangiz bo'lar ekan, juda yoqdi. Hozircha funkciyalari juda ko'p emas, lekin asosiylari bor: web, auth, database, functions, messaging, storage.
Readmedagi bir qator
docker run ...
komanda bilan ko'tarildi.O'zi infrastruktura setup va maintain qilishga imkoni yo'qlar uchun esa hosted varianti ham bor (appwrite cloud), narxlari ham uncha qimmat emas.
https://github.com/appwrite/appwrite
@dev_thinking_loud
GitHub
GitHub - appwrite/appwrite: Build like a team of hundreds_
Build like a team of hundreds_. Contribute to appwrite/appwrite development by creating an account on GitHub.
👍16🔥2❤1
Git repoga bir necha push remote qo'shish
https://youtu.be/FnGOwSSjbHo
#tips_and_tricks
@dev_thinking_loud
https://youtu.be/FnGOwSSjbHo
#tips_and_tricks
@dev_thinking_loud
YouTube
Git repoga bir necha push remote qo'shish
Adding multiple push URLs to a git repo
🔥18👍7
Vite proyekt qanday yaratiladi?
https://youtu.be/QZckpRXsiwA
PS: Umid qilamizki bundan keyin proyekt yaratish uchun create-react-app ishlatilmaydi.
#tips_and_tricks
@dev_thinking_loud
https://youtu.be/QZckpRXsiwA
PS: Umid qilamizki bundan keyin proyekt yaratish uchun create-react-app ishlatilmaydi.
#tips_and_tricks
@dev_thinking_loud
YouTube
Vite proyekt yaratish
Creating a vite project
👍20🔥9
Vite proyektga tailwind qanday qoshiladi?
https://youtu.be/axQIc-JWeZM
#tips_and_tricks
@dev_thinking_loud
https://youtu.be/axQIc-JWeZM
#tips_and_tricks
@dev_thinking_loud
YouTube
Vite proyekt uchun tailwind sozlash
Setup tailwind for a vite project
👍21🔥4❤2
Proyektga prettierni qanday o'rnatamiz va sozlaymiz?
https://youtu.be/A70x6vzwodQ
#tips_and_tricks
@dev_thinking_loud
https://youtu.be/A70x6vzwodQ
#tips_and_tricks
@dev_thinking_loud
YouTube
Prettier, lint-staged va huskyni sozlash
Setup prettier, lint-staged and husky
👍17🔥5❤1
Comma operator
React bilan ishlayotganda bazan JSX ichidagi expressionning qiymatini tez log qilish kerak bo'lib qoladi. Agar component biroz katta bolsa u expressionning qiymatini kelgan yoki elon qilingan joyiga scroll qilmasdan turgan joyida korish mumkin. Buning uchun JavaScriptdagi comma operatorni ishlatish mumkin. Unda expressionlar comma (,) bilan ajratib chiqiladi va bracelarga o'raladi. Bu expression hisoblanadi va u comma bilan ajratilgan expressionlarning ohirgisiga evaluate boladi. Masalan:
#tips_and_tricks
@dev_thinking_loud
React bilan ishlayotganda bazan JSX ichidagi expressionning qiymatini tez log qilish kerak bo'lib qoladi. Agar component biroz katta bolsa u expressionning qiymatini kelgan yoki elon qilingan joyiga scroll qilmasdan turgan joyida korish mumkin. Buning uchun JavaScriptdagi comma operatorni ishlatish mumkin. Unda expressionlar comma (,) bilan ajratib chiqiladi va bracelarga o'raladi. Bu expression hisoblanadi va u comma bilan ajratilgan expressionlarning ohirgisiga evaluate boladi. Masalan:
(1,2,3) === 3
#tips_and_tricks
@dev_thinking_loud
👍37🔥7
Amaliy full-stack darslarimizning 5-videosi
https://youtu.be/xqDyxSmmtQo
#practical_full_stack
@dev_thinking_loud
https://youtu.be/xqDyxSmmtQo
#practical_full_stack
@dev_thinking_loud
YouTube
Amaliy full-stack, 5-dars
Practical full-stack, session 5
https://github.com/ravshansbox/practical-full-stack
https://github.com/ravshansbox/practical-full-stack
👍21🔥5
Amaliy full-stack darslarimizning 6-videosi
https://youtu.be/GJx14K2cRBA
#practical_full_stack
@dev_thinking_loud
https://youtu.be/GJx14K2cRBA
#practical_full_stack
@dev_thinking_loud
YouTube
Amaliy full-stack, 6-dars
Practical full-stack, session 6
https://github.com/ravshansbox/practical-full-stack
https://github.com/ravshansbox/practical-full-stack
🔥23👍3
Amaliy full-stack darslarimizning 7-videosi
https://youtu.be/y8bIMCMhRJo
#practical_full_stack
@dev_thinking_loud
https://youtu.be/y8bIMCMhRJo
#practical_full_stack
@dev_thinking_loud
YouTube
Amaliy full-stack, 7-dars
Practical full-stack, session 7
https://github.com/ravshansbox/practical-full-stack
https://github.com/ravshansbox/practical-full-stack
👍18🔥5
TypeScript 5.5da bazi type-predicatelarni o’zi topadigan (infer) imkoniyat qoshilayotgan ekan
https://www.totaltypescript.com/type-predicate-inference
https://www.totaltypescript.com/type-predicate-inference
Total TypeScript
Type Predicate Inference: The TS 5.5 Feature No One Expected
TypeScript 5.5 introduces type predicate inference from function bodies, simplifying type narrowing and making development easier.
👍19🔥3
useReducer() + RTK
React
- Bu nima beradi?
- Tajribada uchraydi mi? Hech uchratmadim, lekin bu yomon degani emas. Sinab koruvchilar welcome 😉
#tips_and_tricks
@dev_thinking_loud
React
useReducer()
API bilan RTK createSlice()
APIni birga ishlatish mumkin.- Bu nima beradi?
useReducer()
local stateni, RTK createSlice()
esa concise codebaseni (qisqaroq kod) beradi. Va istalgan vaqtda local stateni global statega promote qilish imkonini beradi.- Tajribada uchraydi mi? Hech uchratmadim, lekin bu yomon degani emas. Sinab koruvchilar welcome 😉
#tips_and_tricks
@dev_thinking_loud
👍20🔥4
Amaliy full-stack darslarimizning 8-videosi (1-qism)
https://youtu.be/pbZBNGxSk7I
#practical_full_stack
@dev_thinking_loud
https://youtu.be/pbZBNGxSk7I
#practical_full_stack
@dev_thinking_loud
YouTube
Amaliy full-stack, 8-dars (1-qism)
Practical full-stack, session 8 (part 1)
https://github.com/ravshansbox/practical-full-stack
https://github.com/ravshansbox/practical-full-stack
👍9🔥6❤1
Amaliy full-stack darslarimizning 8-videosi (2-qism)
https://youtu.be/UC4xpK8S5jg
#practical_full_stack
@dev_thinking_loud
https://youtu.be/UC4xpK8S5jg
#practical_full_stack
@dev_thinking_loud
YouTube
Amaliy full-stack, 8-dars (2-qism)
Practical full-stack, session 8 (part 2)
https://github.com/ravshansbox/practical-full-stack
https://github.com/ravshansbox/practical-full-stack
👍9🔥9❤1