package.js
dependencies vs devDependencies farqi nima ?
dependencies - bu loyiha ishga tushirilganda kerak bo'ladigan modullarni(paketlarni) o'z ichiga oladi.
npm install orqalio'rnatiladi.
devDependencies - qismi esa faqatgina loyiha tayyor bo'lguniga qadar kerak boladi. misol uchun.
@abs_javascript
dependencies vs devDependencies farqi nima ?
dependencies - bu loyiha ishga tushirilganda kerak bo'ladigan modullarni(paketlarni) o'z ichiga oladi.
npm install orqalio'rnatiladi.
"dependencies": {
"react": "^17.0.2",
"express": "^4.17.1"
}
devDependencies - qismi esa faqatgina loyiha tayyor bo'lguniga qadar kerak boladi. misol uchun.
"devDependencies": {
"babel": "^7.15.4",
"webpack": "^4.29.5"
}
@abs_javascript
β€6
Counter
Bugun oddiyroq loyiha qildim , boshqa ishlarga vaqt ko'p ketib qoldi.
2 ta button va 2 ta select dan iborat ozgina noodatiyroq counter yasadim.
1. Son qo'shish
2. Son ayirish
3. Qo'shish va Ayirish darajasini belgilash
4. localStorage ga o'zgarishlarni saqlab qoladi.
Link: https://abdulvahob-count.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
@abs_javascript
Bugun oddiyroq loyiha qildim , boshqa ishlarga vaqt ko'p ketib qoldi.
2 ta button va 2 ta select dan iborat ozgina noodatiyroq counter yasadim.
1. Son qo'shish
2. Son ayirish
3. Qo'shish va Ayirish darajasini belgilash
4. localStorage ga o'zgarishlarni saqlab qoladi.
Link: https://abdulvahob-count.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30
@abs_javascript
π₯6π3
remove() nima ?
HTML dan elementni tag tugi bilan olib tashlash uchun ishlatiladi.
SEVGI.remove()
@abs_javascript
HTML dan elementni tag tugi bilan olib tashlash uchun ishlatiladi.
SEVGI.remove()
@abs_javascript
π13
π6β€3
focus() nima ?
Elementlarga focus tushurish uchun ishlatiladi. (TAP bosganda focus tushdi)
ββββ
Meni focusim buzilib qolgan bolsa kerak!!!
@abs_javascript
Elementlarga focus tushurish uchun ishlatiladi. (TAP bosganda focus tushdi)
ββββ
Meni focusim buzilib qolgan bolsa kerak!!!
@abs_javascript
β€3π3
Buttonni bosganda inputga focus tushadi.
@abs_javascript
<input type="text" id="username">
<button onclick="focusInput()">Input maydoniga fokus bering</button>
<script>
function focusInput() {
// Input maydoniga fokus berish
document.getElementById('username').focus();
}
</script>
@abs_javascript
β€6π1
Bazi insonlarni hayotini Math.Random() qilib yuborging kelib ketadi yoki o'zingnikini.
console.error("O'zing bilan o'zing kelisha olmagandaπ‘") => console oynasiga error habarini chiqarish
@abs_javascript
console.error("O'zing bilan o'zing kelisha olmagandaπ‘") => console oynasiga error habarini chiqarish
@abs_javascript
π₯8π1
#xazil
Barcha katta tarjibali, obro'li mutahasislar o'zlarini "backend developer" deb atashadi va mijozlar tomonidagi ishlarni bajarishdan bosh tortishadilar , shuning uchun mijoz tomonini tajribasiz , kichik va unchalik hurmatli bo'lmagan muhandislarga qoldiriladiππ
1 yoshga qariganliklaring bilan frontendchilar π€£
@abs_javascript
Barcha katta tarjibali, obro'li mutahasislar o'zlarini "backend developer" deb atashadi va mijozlar tomonidagi ishlarni bajarishdan bosh tortishadilar , shuning uchun mijoz tomonini tajribasiz , kichik va unchalik hurmatli bo'lmagan muhandislarga qoldiriladiππ
1 yoshga qariganliklaring bilan frontendchilar π€£
@abs_javascript
π5π3
E ukam Lorem dan kamroq qil , Hozir miyyanga Return dan berib , butun tanangni Filter qilib yuboraman, ikki hafta localStorage da qolib ketasan , iltimos aka Clear qilib yuboring desangham foydasi yo'q oma.
@abs_javascript
@abs_javascript
π€£15π2β€1
REST API nima ?
Cluent va Server o'rtasida turuvchi ma'lumot almashishi uchun ishlatiladigan inerface.
@abs_javascript
Cluent va Server o'rtasida turuvchi ma'lumot almashishi uchun ishlatiladigan inerface.
@abs_javascript
π5π₯1
REST API nima ?
REST API - bu JSON , XML , HTML kabi formatlarda o'zaro ma'lumotlar almashadigan , HTTP protokoliga asoslangan , web ilovalar uchun ishlatiladigan interface dir. REST API orqali foydalanuvchi web ilovadan turli so'rovlar yuborish , malumotlarni o'zgartirish , o'chirish yoki qo'shish mumkin.
βββ
Bir ko'rishda sevgiga ishonmaydiganlar uchun , qaytadan o'qib olinglar to'liqroq holda.π
@abs_javascript
REST API - bu JSON , XML , HTML kabi formatlarda o'zaro ma'lumotlar almashadigan , HTTP protokoliga asoslangan , web ilovalar uchun ishlatiladigan interface dir. REST API orqali foydalanuvchi web ilovadan turli so'rovlar yuborish , malumotlarni o'zgartirish , o'chirish yoki qo'shish mumkin.
βββ
Bir ko'rishda sevgiga ishonmaydiganlar uchun , qaytadan o'qib olinglar to'liqroq holda.π
@abs_javascript
β€2π2
HTTP nima ?
HTTP ( Hyper Text trnsfer Protocol -> Gipermatnni uzatish protokoli ) => WEB sahifalarni yoki boshqa malumotlarni internet orqali uztish uchun ishlatiladigan protokoldir.
HTTP va HTTPS farqi nimada π―
HTTPS - himoyalangan bo'ladi .
HTTP - da bunday himoya bo'lmaydi. HTTP da kelgan malumotlarni bazi (sniffer orqali qilsa bolardi , adashmasamπ€¦ββοΈ) dasturlar orqali unda nima jonatilganini anqlash mumkin.
@abs_javascript
HTTP ( Hyper Text trnsfer Protocol -> Gipermatnni uzatish protokoli ) => WEB sahifalarni yoki boshqa malumotlarni internet orqali uztish uchun ishlatiladigan protokoldir.
HTTP va HTTPS farqi nimada π―
HTTPS - himoyalangan bo'ladi .
HTTP - da bunday himoya bo'lmaydi. HTTP da kelgan malumotlarni bazi (sniffer orqali qilsa bolardi , adashmasamπ€¦ββοΈ) dasturlar orqali unda nima jonatilganini anqlash mumkin.
@abs_javascript
β€2π1
https:absdarslar.uz/bay/buyutma => bo'laklagan holda Tanishib chiqamiz.
https: => Protakol turi (http, https)
absdarslar.uz - domen nomi. ( nomni sotib olishizgiz kerak boladi )
bay/buyutma - buyurtmachi yoki foydalanuvchi haqida malumot olish yoki o'zgartirish uchun ishlatiladi.
@abs_javascript
https: => Protakol turi (http, https)
absdarslar.uz - domen nomi. ( nomni sotib olishizgiz kerak boladi )
bay/buyutma - buyurtmachi yoki foydalanuvchi haqida malumot olish yoki o'zgartirish uchun ishlatiladi.
@abs_javascript
π2π₯1
HTTP ga Malumotlarni o'zgartish yoki olish uchun so'rov jonatish (metodlar) kerak bo'ladi.
1. GET - Malumotlarni hammasini yoki birontasini olish
2. POST - Yangi malumot yaratish
3. PUT - Malumotni yangilash
4. PATCH - Malumotni qisman yangilash
5. DELETE - Malumotni yangilash
@abs_javascript
1. GET - Malumotlarni hammasini yoki birontasini olish
2. POST - Yangi malumot yaratish
3. PUT - Malumotni yangilash
4. PATCH - Malumotni qisman yangilash
5. DELETE - Malumotni yangilash
@abs_javascript
π5π3
Bugun menga Farg'ona GET so'ro'vini jonatyabdi. 2 3 soatlarda Farg'onaga borsam kerak π
π6π₯3π¨1
React JS π¨βπ»
Bilaman kanaldagi ko'pchilik React JS developer bo'lib ishlaydi yoki React JS developer bo'lish uchun JavaScriptni mustahkamlayabdi. Shunday ekan qayerdandir React JS bo'yicha doimiy postlar o'qib turishingiz kerak.
Shuni inobatga olib React JS bo'yicha Ayyubxon Farg'oniy kanalni tavsiya qilaman. Ancha foydali bo'lishiga ishonaman.
Telegram Link: https://t.iss.one/thunkdev
YouTube Link: https://www.youtube.com/@fargoniyy
@abs_javascript
Bilaman kanaldagi ko'pchilik React JS developer bo'lib ishlaydi yoki React JS developer bo'lish uchun JavaScriptni mustahkamlayabdi. Shunday ekan qayerdandir React JS bo'yicha doimiy postlar o'qib turishingiz kerak.
Shuni inobatga olib React JS bo'yicha Ayyubxon Farg'oniy kanalni tavsiya qilaman. Ancha foydali bo'lishiga ishonaman.
Telegram Link: https://t.iss.one/thunkdev
YouTube Link: https://www.youtube.com/@fargoniyy
@abs_javascript
π6
Agar JavaScript ni doimiy takrorlab turmas ekansan , juda ko'p narsalar sekin esdan chiqishni boshlaydi.
βββ
Ko'zdan yiroq ko'ngildan yiroq
Ko'zga yaqin , ko'ngilga yaqin
βββ
JavaScriptni ko'zga yaqin qilaverish kerak!
@abs_javascript
βββ
Ko'zdan yiroq ko'ngildan yiroq
Ko'zga yaqin , ko'ngilga yaqin
βββ
JavaScriptni ko'zga yaqin qilaverish kerak!
@abs_javascript
π12π4π³2β€1π₯1
JavaScript pinned Β«React JS π¨βπ» Bilaman kanaldagi ko'pchilik React JS developer bo'lib ishlaydi yoki React JS developer bo'lish uchun JavaScriptni mustahkamlayabdi. Shunday ekan qayerdandir React JS bo'yicha doimiy postlar o'qib turishingiz kerak. Shuni inobatga olib Reactβ¦Β»
JavaScript
React JS π¨βπ» Bilaman kanaldagi ko'pchilik React JS developer bo'lib ishlaydi yoki React JS developer bo'lish uchun JavaScriptni mustahkamlayabdi. Shunday ekan qayerdandir React JS bo'yicha doimiy postlar o'qib turishingiz kerak. Shuni inobatga olib Reactβ¦
Ayyubxon FargΚ»oniy va Ravshan aka Joshni kanalida React JS qanday ishlaydi mavzusida podcast qilishibdi.
Qiziqganlar uchun:
https://www.youtube.com/watch?v=taHYUgpQUwE
@abs_javascript
Qiziqganlar uchun:
https://www.youtube.com/watch?v=taHYUgpQUwE
@abs_javascript
π2