Drag-Drop
Bu loyihani qanday tayorlash mumkin ?
"dragover" va "drop" hodisasidan foydalanishingiz kerak bo'ladi.
Amalyot uchun:
Link: https://js-project-30.vercel.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
@abs_javascript
Bu loyihani qanday tayorlash mumkin ?
"dragover" va "drop" hodisasidan foydalanishingiz kerak bo'ladi.
Amalyot uchun:
Link: https://js-project-30.vercel.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
@abs_javascript
👍5👏2
#code
Drop hodisasini telda qollay olmadim.
Drop o'rniga click dan foydalanadigan bo'lsangiz cursor bosilganida o'tadigan bo'ladi.
@abs_javascript
Drop hodisasini telda qollay olmadim.
Drop o'rniga click dan foydalanadigan bo'lsangiz cursor bosilganida o'tadigan bo'ladi.
@abs_javascript
👍3❤2👏1
TailwindCSS ga hiyonat qilib 2 kun oldin styleX bilan kechasi bilan suhbat qurib chiqdim.
styleX ni ikkichisi sifatida olish mumkin lekin birinchisiga TailwindCSS yaxshi degan fikirga keldim.
styleX bizni qishloq sharoyitiga moslashmagan ekan. TypeScript city ga ko'chib kelish shartini qoydi🫤.Lekin Menga hozircha u shaxardan ish chiqgani yoq shuni uchun rad etdim.💔
TypeScript city ga borganda yana bir gap otib koraman styleX xonga 😀
@abs_javascript
styleX ni ikkichisi sifatida olish mumkin lekin birinchisiga TailwindCSS yaxshi degan fikirga keldim.
styleX bizni qishloq sharoyitiga moslashmagan ekan. TypeScript city ga ko'chib kelish shartini qoydi🫤.Lekin Menga hozircha u shaxardan ish chiqgani yoq shuni uchun rad etdim.💔
TypeScript city ga borganda yana bir gap otib koraman styleX xonga 😀
@abs_javascript
😁11👍3🔥3
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