π3
Bundan 2 oy oldin JavaScript info ni o'qishni boshlagan edim. Har kuni ozgina- ozginadan o'qib...
Bu hafta 1 - bo'limni tugatdim , va nihoyatπ₯ . Bu bo'limni mazza qilib o'rgandim rosti.
Agar JavaScriptda bilimlarizni takrorlab chiqmoqchi va kamchiliklarini to'ldirib olmoqchi bo'lsaiz javascript.info sizga juda zo'r yordam bera oladi.
@abs_javascript
Bu hafta 1 - bo'limni tugatdim , va nihoyat
Agar JavaScriptda bilimlarizni takrorlab chiqmoqchi va kamchiliklarini to'ldirib olmoqchi bo'lsaiz javascript.info sizga juda zo'r yordam bera oladi.
@abs_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
π20β€2π1
https://www.figma.com/file/lYVFrWIwkmxO1iOh0Naxwc/Untitled?type=design&node-id=0-1&mode=design&t=W4PaI0VLYfEDZ8gF-0
Salom hammaga hormanglar π₯
Kin shu figmadagi sectionni qila oladigan bo'lsa , qanday qilish bo'yicha maslahat bersin , olsin bunga oxshagan ish qilib korgan edim lekin bunisi boshqacha ekanπ€¦ββοΈ
Oldindan raxmat !!
Salom hammaga hormanglar π₯
Kin shu figmadagi sectionni qila oladigan bo'lsa , qanday qilish bo'yicha maslahat bersin , olsin bunga oxshagan ish qilib korgan edim lekin bunisi boshqacha ekan
Oldindan raxmat !!
Please open Telegram to view this post
VIEW IN TELEGRAM
Figma
Untitled
Created with Figma
π1
JavaScript
https://www.figma.com/file/lYVFrWIwkmxO1iOh0Naxwc/Untitled?type=design&node-id=0-1&mode=design&t=W4PaI0VLYfEDZ8gF-0 Salom hammaga hormanglar π₯ Kin shu figmadagi sectionni qila oladigan bo'lsa , qanday qilish bo'yicha maslahat bersin , olsin bunga oxshaganβ¦
Buni tuzatdim
1 soat vaqtim bor edi halos , shuni uchun chiziqni SVG qilib olib , qolgan card larni chiziq ga position bilan bog'lab chiqdim 980px gacha yaxshi ishlab berdi
Responsiveni alohida html qildim , 980px dan kichik o'lchamda responsivega o'tib ketadigan bo'ldi
Bizda odatda 1024 dan katta va 540-320 oralig'i tekshiriladi ko'proq.
Testir opani javobini kutamiz endi π
1 soat vaqtim bor edi halos , shuni uchun chiziqni SVG qilib olib , qolgan card larni chiziq ga position bilan bog'lab chiqdim 980px gacha yaxshi ishlab berdi
Responsiveni alohida html qildim , 980px dan kichik o'lchamda responsivega o'tib ketadigan bo'ldi
Bizda odatda 1024 dan katta va 540-320 oralig'i tekshiriladi ko'proq.
Testir opani javobini kutamiz endi π
π8β‘2β€1
Element nodes va Text nodes farqi nimada ?
Element Nodes β Bu HTML teglarini ifodalaydi.
Masalan, <body>, <div>, <p> va hokazo bu element nodlariga misol boβlishi mumkin. Element nodlari oβz ichiga boshqa elementlarni yoki matn nodlarini oladi.
Text Nodes β Bu faqatgina matnni ifodalaydi.
Masalan: <p>Hello, world!</p> da βHello, world!β matn nodi boβlib, bu <p> element nodining ichidagi kontentdir. Matn nodlari oβz ichiga boshqa elementlarni olmaydi.
@abs_javascript
Element Nodes β Bu HTML teglarini ifodalaydi.
Masalan, <body>, <div>, <p> va hokazo bu element nodlariga misol boβlishi mumkin. Element nodlari oβz ichiga boshqa elementlarni yoki matn nodlarini oladi.
Text Nodes β Bu faqatgina matnni ifodalaydi.
Masalan: <p>Hello, world!</p> da βHello, world!β matn nodi boβlib, bu <p> element nodining ichidagi kontentdir. Matn nodlari oβz ichiga boshqa elementlarni olmaydi.
@abs_javascript
π6β€2β‘1
JavaScript
Element nodes va Text nodes farqi nimada ? Element Nodes β Bu HTML teglarini ifodalaydi. Masalan, <body>, <div>, <p> va hokazo bu element nodlariga misol boβlishi mumkin. Element nodlari oβz ichiga boshqa elementlarni yoki matn nodlarini oladi. Text Nodesβ¦
Har bir HTML elementi Node dir, lekin har bir Node HTML elementi emas.
βββββ
Hamma ham o'qishligi boshlashi mumkin lekin hamma ham o'qishni oxiriga yetqazmaydi.π§βπ
βββββ
Hamma ham o'qishligi boshlashi mumkin lekin hamma ham o'qishni oxiriga yetqazmaydi.
Please open Telegram to view this post
VIEW IN TELEGRAM
β€13π5
String PAD method
padStart() β method i matnni boshidan boshlab berilgan uzunlikgacha boshqa matn bilan toβldiradi.
padEnd() β ohiridan boshlab to'ldiradi.
@abs_javascript
padStart() β method i matnni boshidan boshlab berilgan uzunlikgacha boshqa matn bilan toβldiradi.
let text = "5";
let padded = text.padStart(4, "0"); // "0005"
padEnd() β ohiridan boshlab to'ldiradi.
let text = "5";
let padded = text.padEnd(4, "0"); // "5000"
@abs_javascript
π9β€3β‘1
let abs = 'abs'
abs.padEnd( 5, 'a' )
console.log( abs );
abs.padEnd( 5, 'a' )
console.log( abs );
Anonymous Quiz
19%
'abs'
47%
'absaa'
7%
5
27%
'absaaa'
π9π3
let abs = 'abs'
console.log( abs.padEnd(5, 'aa') );
console.log( abs.padEnd(5, 'aa') );
Anonymous Quiz
18%
'abs'
44%
'absaa'
15%
'absaaaa'
23%
'absaaaaa'
π4
let abs = 'abs'
console.log( abs.padEnd(5, 'aaaaa') );
console.log( abs.padEnd(5, 'aaaaa') );
Anonymous Quiz
8%
'abs'
17%
Error
52%
'absaaaaa'
23%
'absaa'
π4β€1π₯1
This media is not supported in your browser
VIEW IN TELEGRAM
π€£13π4π1
JavaScript dasturchisi uchun 5 ta maslaxat
1.Nomlarni Tog'ri qo'ying ( Oβzgaruvchilar, funksiyalar va klasslar ... )
2. ES6+ Imkoniyatlaridan foydalaning ( let va const )
3. Code ni test qiling
4. Dokumentatsiya va Resurslardan Foydalaning (MDN Web Docs, Stack Overflow, va GitHub ..)
5. Kodni Qayta Ishlating ( moslashuvchan kod yozing )
βββββββββ-
O'zimga so'ngi paytlarda eng ko'p berayotgan maslahatim
1. Hayotingda keskin o'zgarishlar bo'lyabdi , ortiqcha narsalarga etiboringni qaratma , nafsing ni qisqa muddatdagi lazzati uchun kelajagingni hafga qoyma , Yana bir narsa esingdan chiqmasin , sevgi kabi tuyg'ulardan uzoq yur , sevgi muhim lekin vaqti soati kelganda.
@abs_javascript
1.Nomlarni Tog'ri qo'ying ( Oβzgaruvchilar, funksiyalar va klasslar ... )
2. ES6+ Imkoniyatlaridan foydalaning ( let va const )
3. Code ni test qiling
4. Dokumentatsiya va Resurslardan Foydalaning (MDN Web Docs, Stack Overflow, va GitHub ..)
5. Kodni Qayta Ishlating ( moslashuvchan kod yozing )
βββββββββ-
O'zimga so'ngi paytlarda eng ko'p berayotgan maslahatim
1. Hayotingda keskin o'zgarishlar bo'lyabdi , ortiqcha narsalarga etiboringni qaratma , nafsing ni qisqa muddatdagi lazzati uchun kelajagingni hafga qoyma , Yana bir narsa esingdan chiqmasin , sevgi kabi tuyg'ulardan uzoq yur , sevgi muhim lekin vaqti soati kelganda.
@abs_javascript
π12β‘1β€1π₯1π―1
JavaScript
JavaScript dasturchisi uchun 5 ta maslaxat 1.Nomlarni Tog'ri qo'ying ( Oβzgaruvchilar, funksiyalar va klasslar ... ) 2. ES6+ Imkoniyatlaridan foydalaning ( let va const ) 3. Code ni test qiling 4. Dokumentatsiya va Resurslardan Foydalaning (MDN Web Docsβ¦
Kelinglar sanoqni ko'paytiramiz π₯
Tajribangizdan kelib chiqib yana qanday maslahat bergan bo'lar ediz. Yoqganlarini kanalga joylayman. π¬
@Mr_Shakhzod_N dan ( 6 - 7 - maslahatlar )
6. Tezroq va samaraliroq ishlashga harakat qiling
7. Biror task bajarayotganda shu taskga oid ma'lumotlar bilan izlanib ko'ring va shu sohani mutaxassisi sifatida qarashga harakat qiling. Bu bilan jamoadagi o'rniz muhimroq bo'lishi mumkin
@abs_javascript
Tajribangizdan kelib chiqib yana qanday maslahat bergan bo'lar ediz. Yoqganlarini kanalga joylayman. π¬
@Mr_Shakhzod_N dan ( 6 - 7 - maslahatlar )
6. Tezroq va samaraliroq ishlashga harakat qiling
7. Biror task bajarayotganda shu taskga oid ma'lumotlar bilan izlanib ko'ring va shu sohani mutaxassisi sifatida qarashga harakat qiling. Bu bilan jamoadagi o'rniz muhimroq bo'lishi mumkin
@abs_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
π5β‘2π₯2
DOM ga oid bazi narsalarni yozmoq istadim lekin test qilsak yaxshiroq boladi deb oyladim. Tayyormisiz ? π
π8π2
π3