HTML , CSS ni eplolmagan JavaScriptni eplaydimi ?
Bir mashxur gap bor: "Inson bir ishni qanday qilsa , hamma ishni shunday qiladi " 😳
Lekin men bu gapga 100% qo'shila olmayman , insonni bitta narsa orqali baholash to'g'ri emas 🙅♂️. Misol uchun dunyoda chiroyli yozolmaydigan 📝 insonlar juda ko'p 🙂, ularni xunuk yozishi , ishda ham shunday degani emas.
Bazilar HTML , CSS qiziqmaydi va ancha yengil qarashadi. 🤦♂️ Lekin JavaScriptdagi mantiq va jozibani ko'rganidan keyin , qiziqishi ortib HTML , CSS niham mustahkam qilib olgan dasturchi bollar bor.
@abs_javascript
Bir mashxur gap bor: "Inson bir ishni qanday qilsa , hamma ishni shunday qiladi " 😳
Lekin men bu gapga 100% qo'shila olmayman , insonni bitta narsa orqali baholash to'g'ri emas 🙅♂️. Misol uchun dunyoda chiroyli yozolmaydigan 📝 insonlar juda ko'p 🙂, ularni xunuk yozishi , ishda ham shunday degani emas.
Bazilar HTML , CSS qiziqmaydi va ancha yengil qarashadi. 🤦♂️ Lekin JavaScriptdagi mantiq va jozibani ko'rganidan keyin , qiziqishi ortib HTML , CSS niham mustahkam qilib olgan dasturchi bollar bor.
@abs_javascript
👍10👏2
<input type="file" >
<input type="file" > dan malumotni qanday qilib olib , ishlatish mumkin ?
@abs_javascript
<input type="file" > dan malumotni qanday qilib olib , ishlatish mumkin ?
@abs_javascript
❤6
Malumotni yuklab olish bo'yicha , kichik amalyot qilib ko'rdim.
Link: https://abdulvahob-input-file.vercel.app/
Github: https://github.com/Abdulvahobjon/js-project-30/tree/main/upload-file
@abs_javascript
Link: https://abdulvahob-input-file.vercel.app/
Github: https://github.com/Abdulvahobjon/js-project-30/tree/main/upload-file
@abs_javascript
❤8
HTML
Input:
id: id si
name: nomi
accept="image/*" : Faqat rasm yuklanishi uchun
multiple: Bir vaqtning o'zida bir nechta rasm yuklay olishlik uchun.
@abs_javascript
Input:
id: id si
name: nomi
accept="image/*" : Faqat rasm yuklanishi uchun
multiple: Bir vaqtning o'zida bir nechta rasm yuklay olishlik uchun.
@abs_javascript
❤8
JavaScript
Malumotni yuklab olish bo'yicha , kichik amalyot qilib ko'rdim. Link: https://abdulvahob-input-file.vercel.app/ Github: https://github.com/Abdulvahobjon/js-project-30/tree/main/upload-file @abs_javascript
Qilgan ishimni ko'rinishiga qarab aytgan gapim.
@abs_javascript
Gòzalliging muhimmas, muhimliging gòzal..!
@abs_javascript
👍6❤1
Share tugmasi qanday yasaladi ? 🫠
Javoblarni kutib qolaman 😀
( men biladigan yo'ldan boshqacharoq yo'l bo'lsa hursad bo'laman)
Bugun kechga share tugmasi bo'yicha kichik mini loyiha qilib ko'raman.
@abs_javascript
Javoblarni kutib qolaman 😀
( men biladigan yo'ldan boshqacharoq yo'l bo'lsa hursad bo'laman)
Bugun kechga share tugmasi bo'yicha kichik mini loyiha qilib ko'raman.
@abs_javascript
👍4🐳4
Hindlar dars o'tishni yorvoradida😅
Nima bo'lganini tushunganing yo'g'u , lekin ko'ding ishlayabdi 😂
@abs_javascript
Nima bo'lganini tushunganing yo'g'u , lekin ko'ding ishlayabdi 😂
@abs_javascript
👍8🤣4😁2
window.location.href 🔗
Agar sizga brauzer oynasining hozirgi linki kerak bo'lsa window.location.href ko'didan foydalansangiz bo'ladi.
@abs_javascript
Agar sizga brauzer oynasining hozirgi linki kerak bo'lsa window.location.href ko'didan foydalansangiz bo'ladi.
@abs_javascript
👍7
encodeURI()
URL manzildagi belgilarni UTF-8 (ko'dlash standarti) bilan almashtiradi. URL dagi nuqsonlarni tog'rilaydi ( qisqacha aytganda)
@abs_javascript
URL manzildagi belgilarni UTF-8 (ko'dlash standarti) bilan almashtiradi. URL dagi nuqsonlarni tog'rilaydi ( qisqacha aytganda)
@abs_javascript
👍4🥰2
JavaScript
window.location.href 🔗 Agar sizga brauzer oynasining hozirgi linki kerak bo'lsa window.location.href ko'didan foydalansangiz bo'ladi. @abs_javascript
Agar window.location.href dan foydalanmoqchi bo'sangiz encodeURI() bilan qoshib ishlatishingiz maqsadga muvofiq bo'ladi.
@abs_javascript
@abs_javascript
🔥5👏2
Share link
Share link yasashning ikki usulini bilaman , birinchisi HTMLda a tegi orqali yasash.
Shu usulda kichik amalyot qilib ko'rdim.
Link: https://abdulvahob-share-btn.vercel.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
@abs_javascript
Share link yasashning ikki usulini bilaman , birinchisi HTMLda a tegi orqali yasash.
Shu usulda kichik amalyot qilib ko'rdim.
Link: https://abdulvahob-share-btn.vercel.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
@abs_javascript
👍6
Share Link
N1 - Share qilmoqchi bolgan sayt linki ( telegram , instagram , X(twitter) ...)
N2 - Qaysi linkni jonatmoqchiligizgiz.
N3 - Link oldiga qanday text qoshmoqchiligingiz.
Misol uchun: Telegram
@abs_javascript
<a href="<N1>?<N2>&text=<N3>">Telegram</a>
N1 - Share qilmoqchi bolgan sayt linki ( telegram , instagram , X(twitter) ...)
N2 - Qaysi linkni jonatmoqchiligizgiz.
N3 - Link oldiga qanday text qoshmoqchiligingiz.
Misol uchun: Telegram
<a href="https://t.iss.one/share/url?url=https://www.youtube.com/@sevzor/videos&text=Kanalga%20obuna%20bo'ling" target="_blank">Telegram</a>
@abs_javascript
👍3
WOW brand loyihasi 📽
Yaqinda yana bir loyiha topshirgan edim Portfolioga qo'shishga ruhsat berishdi , shu saytni sizlar bilanham ulashmoqchiman balki foydalik bo'lar 🙂
Link: https://wowbrand.netlify.app/
GitHub: Mumkin emas 🔐
@abs_javascript
Yaqinda yana bir loyiha topshirgan edim Portfolioga qo'shishga ruhsat berishdi , shu saytni sizlar bilanham ulashmoqchiman balki foydalik bo'lar 🙂
Link: https://wowbrand.netlify.app/
GitHub: Mumkin emas 🔐
@abs_javascript
👍5🔥3
Bg change
1. BG ni o'zgartira olasiz
2. Colorni saqlab olishingiz mumkin
3. Yaratilgan colorni localStorage ga saqlab qoladi.
Link: https://abdulvahob-bg-range.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30/tree/main
@abs_javascript
1. BG ni o'zgartira olasiz
2. Colorni saqlab olishingiz mumkin
3. Yaratilgan colorni localStorage ga saqlab qoladi.
Link: https://abdulvahob-bg-range.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30/tree/main
@abs_javascript
👍5❤2
localStorage
Brauzerda malumotlarni saqlash uchun ishlatiladi.
Agar brauzer o'zgaruvchilarni tozalab bo'lgan yoki Inkognito rejimida ishlaydigan bo'lsa localStorage malumotlarni saqlamaydi
Inkognito nima ?
Brauzerda malumotlarni saqlashni cheklash uchun ishlatiladigan maxsus rejim.
@abs_javascript
Brauzerda malumotlarni saqlash uchun ishlatiladi.
Agar brauzer o'zgaruvchilarni tozalab bo'lgan yoki Inkognito rejimida ishlaydigan bo'lsa localStorage malumotlarni saqlamaydi
Inkognito nima ?
Brauzerda malumotlarni saqlashni cheklash uchun ishlatiladigan maxsus rejim.
@abs_javascript
👍6👏2
LocalStorage
Kecha localStorage haqida qisqacha post qo'ygandim , bugun shuni to'liq qilib qoyay dedim.
Menimcha LocalStorage bilish kerak bo'lgan shu 4 ta narsa bor halos.
@abs_javascript
Kecha localStorage haqida qisqacha post qo'ygandim , bugun shuni to'liq qilib qoyay dedim.
Menimcha LocalStorage bilish kerak bo'lgan shu 4 ta narsa bor halos.
@abs_javascript
👍6❤3🍓1
JavaScript
LocalStorage Kecha localStorage haqida qisqacha post qo'ygandim , bugun shuni to'liq qilib qoyay dedim. Menimcha LocalStorage bilish kerak bo'lgan shu 4 ta narsa bor halos. @abs_javascript
Komentaryada qoshimcha malumot yozishga ekan LocalStorage ga.✍️
Shu malumotni toldirib qoymoqchiman.👀
Locolstorege kompyuter xotirasidan 5- 10mg gacha joy egallaydi. Agar siz LocalStorege ga ko'proq malumot yozmoqchi bo'lsangiz IndexedDB dan foydalansangiz bo'ladi.
IndexedDB nima ?
Bilmiman , hali ishim tushmadi , lekin shunday narsa bor 🥷🏿
@abs_javascript
Shu malumotni toldirib qoymoqchiman.👀
Locolstorege kompyuter xotirasidan 5- 10mg gacha joy egallaydi. Agar siz LocalStorege ga ko'proq malumot yozmoqchi bo'lsangiz IndexedDB dan foydalansangiz bo'ladi.
IndexedDB nima ?
Bilmiman , hali ishim tushmadi , lekin shunday narsa bor 🥷🏿
@abs_javascript
👍4🍓1
Bugun ishdan keyin chiqib 6:00 dan beri ovora bo'layotgan bir loyixamni yaqin daqiqalarda taqdim etaman 😁
Va nihoyat tugadi 🌟
Va nihoyat tugadi 🌟
👍1🍓1