Biz birinchi HTML hujjatimizni “notepad” (“блокнот”) da yaratib ko`rdik (yaratdik≠yaratdik).
Kodlarimizni “bitta-bitta” kiritib, kod yozishning “mehnatini” fahmladik.
Biz - bo`lajak FULL-STACK dasturchilar uchun kod yozishimizda yengillik, qulaylik, samaradorlik bo`lishi uchun maxsus dasturlar ixtiro qilingan.
Bu dasturlar ichida biz Visual Studio Code bilan tanishib o`tamiz.
Visual Studio Code da “o`ynab” kod yozamiz…
Visual Studio Code
Visual Studio Code ning qulayliklari bilan tanishib chiqamiz…
Birinchi navbatda bu dasturni internetdan yuklab, kompyuterimizga o`rnatib olamiz.
Yuklab ham oldik, endi uni o`rnatamiz (“установка”).
(“Aylanamiz, o`rgilamiz, endi uni o`rnatamiz…”)
Ayrim hollarda, o`rnatib bo`lib, dasturni ochsak qora ekran chiqib turadi, dasturni ishlatib bilmay qolamiz…
Bu muammoni mana bunday hal qilamiz:
Dasturning ustiga sichqonchani olib borib, o`ng tugmani bosamiz. “Свойства” ga kirib, dastur nomining oxiriga ushbu yozuvni yozamiz:
--disable-gpu
Visual Studio Code - black blank screen
“Применить”, “ОК” va qarabsizki, dastur ishga tushib (ketishi kerak) ketadi…
Visual Studio Code bizga “Welcome” sahifasini taqdim etadi…
Qulayliklar
- ! va Enter… Masala tamom! (HTML strukturasini qo`yib beradi, 1 sekund ham vaqtimiz ketmaydi!)
- Kodni (tegni) boshidan oxirigacha yozib o`tirmaymiz (“подсказка” beradi) …
- h1*5 qilib ko`ring, guvohi bo`lasiz…
- (Teglar, Atributlar, Yozuvlar) Ranglar bilan ajratilib, chiroyli hosil bo`ladi.
- Baravariga bir nechta qatorga bir xil yozuv yozsangiz bo`ladi.
- “Extensions” bo`limining qulayliklarini ko`ring…
- Bundan tashqari yana ko`plab qulayliklarga ega, bularga esa amaliyot davomida o`zingiz guvoh bo`lasiz…
Ro`yxatlar bilan ishlash
Ro`yxat - bu marker yoki raqam bilan boshlanadigan alohida iboralar yoki jumlalarning o`zaro bog`liqligi. Ro`yxatlar turli xil ma’lumotlarni tartibga solish va ularni foydalanuvchilarga qulay tarzda taqdim etish imkoniyatini beradi.
– Nuqtali (Markerli) ro`yxat
… – Raqamli (Harfli) ro`yxat
… – Ta`riflar (Tavsiflar) ro`yxati
(Unordered List) – Nuqtali (Markerli) ro`yxat
Belgilangan ro`yxatni o`rnatadi, uning har bir elementi kichik marker belgisidan boshlanadi.
… (Ordered List) – Raqamli (Harfli) ro`yxat
Raqamlangan yoki harflangan ro`yxatni o`rnatadi, ya`ni ro'yxatning har bir elementi raqam yoki harf bilan boshlanadi, o`sish tartibida ko`payadi. (Bu tartibni o`zgartirib, “buzib” bilamiz… )
(List) – Ro`yxatdagi element
Ushbu teg ro`yxat elementini belgilaydi. Tashqi teg “ona teg” yoki … bo`lishi mumkin.
… (Description List) – Tavsif ro`yxatining o`zini bildiradi.
… (Description Term) – Tavsiflash muddati – atamani bildiradi.
… (Description Definition) – Tavsif – tavsifni bildiradi.
Ushbu uch element ta’riflar ro`yxatini yaratish uchun mo`ljallangan. Har bir bunday ro`yxat atama yaratadigan tegi va atamani belgilaydigan tegi o`z ichiga olgan konteyneridan boshlanadi. Yopish tegi ixtiyoriy, chunki keyingi teg oldingi element tugaganligini bildiradi, lekin qo`yish tavsiya etiladi. Chunki, barcha teglarni yopish yaxshi amaliyotdir. (Ochdingizmi, yoping-da, Aka! Kodni chiroyli yozgan bo`lasiz shunda!)
Ushbu element odatda lug`at yaratishda yoki metama’lumotlarni (kalit-qiymat juftlari ro`yxatini) namoyish qilishda ishlatiladi.
– Родительский тег (Onasi)
– Дочерний элемент (Bolasi)
… tegining atributlari
reversed – Ro`yxatimizdagi elementlarni to`g`ri tartibda emas, balki teskari tartibda raqamlab beradi.
type=“(qiymatni kiritamiz)” – Tartiblashning turi bo`lib, raqamli, harfli, hatto rim raqami bilan bo`lishini belgilab beradi.
start=“(son kiritamiz)” – Tartiblashni o`sha raqamdan boshlab beradi.
Do'stlaringiz bilan baham: |
