<?xml version="1.0" encoding="utf-8" ?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:tt="http://teletype.in/" xmlns:opensearch="http://a9.com/-/spec/opensearch/1.1/"><title>Tutorials.uz</title><subtitle>O'zbekiston bo'ylab bepul onlayn dasturlash darslari kanali.
@tutorialsuz telegram kanaliga xush kelibsiz!</subtitle><author><name>Tutorials.uz</name></author><id>https://teletype.in/atom/tutorialsuz</id><link rel="self" type="application/atom+xml" href="https://teletype.in/atom/tutorialsuz?offset=0"></link><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><link rel="next" type="application/rss+xml" href="https://teletype.in/atom/tutorialsuz?offset=10"></link><link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></link><updated>2026-04-03T22:11:14.181Z</updated><entry><id>tutorialsuz:SyW2WImmB</id><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz/SyW2WImmB?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><title>Opacity/Transparency</title><published>2019-08-03T18:25:44.728Z</published><updated>2019-08-03T18:25:44.728Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://teletype.in/files/ff/ff79a1b6-cee2-4b39-a5ee-f2705415f274.png"></media:thumbnail><category term="topic2437" label="HTML / CSS / JavaScript"></category><summary type="html">&lt;img src=&quot;https://teletype.in/files/12/12ad6a9e-83b1-4a87-a92c-7ff3baa36811.png&quot;&gt;Opacity - o'zbek tiliga to'g'ridan-to'g'ri shaffof deb tarjima qilinadi.</summary><content type="html">
  &lt;blockquote&gt;Opacity - o&amp;#x27;zbek tiliga to&amp;#x27;g&amp;#x27;ridan-to&amp;#x27;g&amp;#x27;ri &lt;strong&gt;shaffof &lt;/strong&gt;deb tarjima qilinadi.&lt;/blockquote&gt;
  &lt;p&gt;CSS opacity xossasi elementning shaffofligini o&amp;#x27;rnatish uchun ishlatiladi. &lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Shaffof rasm&lt;/h3&gt;
  &lt;p&gt;opacity xossasi 0.0 - 1.0. gacha bo&amp;#x27;lgan qiymatlarni qabul qiladi. Eng past qiymat, eng shaffof:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/12/12ad6a9e-83b1-4a87-a92c-7ff3baa36811.png&quot; width=&quot;908&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;&lt;strong&gt;Yodda tuting:&lt;/strong&gt;  IE8 va avvalgi versiyalari uchun &lt;code&gt;filter:alpha(opacity=x)&lt;/code&gt; ishlatiladi. x ni o&amp;#x27;rniga 0 - 100 bo&amp;#x27;lgan qiymat kiritiladi. Eng quyi qiymat eng shaffofi:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/48/48c6a57e-cdfa-4f8e-aeb5-cf252eebd752.png&quot; width=&quot;1331&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Shaffof Hover effekt&lt;/h3&gt;
  &lt;p&gt;&lt;code&gt;opacity&lt;/code&gt; ko&amp;#x27;pincha :hover bilan birga ishlatiladi. :hover selektori sichqoncha elementni ustiga olib borilganda bo&amp;#x27;ladigan effektni belgilaydi:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/4b/4bf2ce09-ffa4-4d98-92eb-af4a2520fd26.png&quot; width=&quot;1348&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3&gt;Tushuncha&lt;/h3&gt;
  &lt;p&gt;1-CSS blok kod 1-namunamizda ko&amp;#x27;rsatilganga o&amp;#x27;xshaydi. Qo&amp;#x27;shimcha qilib biz foydalanuvchi elementni ustiga sichqonchani olib borganda effekt sodir qilish uchun kod yozdik. Endigisi holatda sichqoncha rasmni ustiga olib borilsa rasm qayta shaffof ranga kirib qoladi:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/71/71eb0d5a-ba35-424b-8ed3-9df3b5468aa2.png&quot; width=&quot;1347&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Shaffof quti&lt;/h3&gt;
  &lt;p&gt;Opacity xossasini elementning orqa foniga shaffoflik kiritish uchun ishlatganimizda, o&amp;#x27;sha elementning barcha child klasslari xuddi o&amp;#x27;sha shaffoflikni meros qilib oladi. Element ichidagi matnlar ham o&amp;#x27;qib bo&amp;#x27;lmas darajada shaffof bo&amp;#x27;lib qoladi. &lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/de/de97d69d-4339-4c5a-bd0c-efa0b8211116.png&quot; width=&quot;911&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;RGBA Shaffoflik&lt;/h3&gt;
  &lt;p&gt;Agar barcha child sinflar o&amp;#x27;ziga parent klassni qiymatini qabul qilib olishini xohlamasangiz, RGBA ranglardan foydalaning:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/21/21c43ed8-b04e-465b-9653-6a46673ee8a2.png&quot; width=&quot;909&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/b6/b6df2681-19d0-4b9d-99e0-bbee04c6ce6f.png&quot; width=&quot;1344&quot; /&gt;
  &lt;/figure&gt;

</content></entry><entry><id>tutorialsuz:SJvskPk7S</id><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz/SJvskPk7S?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><title>Abstrakt klass va metodlar - I</title><published>2019-07-31T18:36:15.488Z</published><updated>2019-08-03T17:44:45.560Z</updated><category term="php" label="PHP"></category><summary type="html">&lt;img src=&quot;https://teletype.in/files/20/20ce5ef6-9f6b-4e6a-8760-f6056da9c7d9.png&quot;&gt;Abstrakt klassni yaratishda biz abstract kalit so'zidan foydalanamiz. Abstrakt sifatida belgilangan klass instantsiyalanmaydi. Ya'ni obyekt ololmaymiz.</summary><content type="html">
  &lt;p&gt;Abstrakt klassni yaratishda biz abstract kalit so&amp;#x27;zidan foydalanamiz. Abstrakt sifatida belgilangan klass instantsiyalanmaydi. Ya&amp;#x27;ni obyekt ololmaymiz.&lt;/p&gt;
  &lt;p&gt;Quyidagi abstrakt klass va metodlar haqida muhim ko&amp;#x27;rsatmalarni o&amp;#x27;qing:&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;Abstrakt klassda boshqa odatiy klass kabi o&amp;#x27;z xossa va metodlari bo&amp;#x27;lishi mumkin.&lt;/li&gt;
    &lt;li&gt;Abstrakt klass instantsiyalanmaydi, shuning uchun biz child klass (parent klassdan) yaratib, keyin child klassning obyektini yaratishimiz mumkin.&lt;/li&gt;
    &lt;li&gt;Agar klassda bitta abstrakt metod bo&amp;#x27;lsa, unda klass ham mavjum bo&amp;#x27;lishi kerak.&lt;/li&gt;
    &lt;li&gt;Abstrakt metod shunchaki kod qismi bo&amp;#x27;sh bo&amp;#x27;lganda ham unga argument va metod nomini kiritoladigan bayonot.&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p&gt;Agar buni tushunishga qiynalayotgan bo&amp;#x27;lsangiz, havotir olmang. Keyingi darslarimizda qadamma-qadam barcha ko&amp;#x27;rsatma va tushunchalarni berib boramiz.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;&lt;strong&gt;abstrakt &lt;/strong&gt;sinfni yaratish&lt;/h3&gt;
  &lt;p&gt;Sinfni abstrakt deb e&amp;#x27;lon qilish uchun, sinf nomidan oldin &lt;strong&gt;abstract &lt;/strong&gt;kalit so&amp;#x27;zini ishlatishimiz kerak.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/20/20ce5ef6-9f6b-4e6a-8760-f6056da9c7d9.png&quot; width=&quot;627&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Yuqoridagi namunamizda, Vehicle sinfimiz - abstrakt metodi mavjud bo&amp;#x27;lgan abstrakt sinf.&lt;/p&gt;
  &lt;p&gt;Abstrakt klassni yaratish ko&amp;#x27;rsatmalariga amal qilish dasturchini o&amp;#x27;ziga bog&amp;#x27;liq. Misol uchun, agar Vehicle sinfimizni extend qiladigan yangi sinf yaratmoqchi bo&amp;#x27;lsangiz abstrakt metod milegae() ta&amp;#x27;rifini ta&amp;#x27;minlashingiz kerak aks holda, child sinf ham abstrakt bo&amp;#x27;lishi kerak bo&amp;#x27;ladi. Shuning uchun, barcha child sinflar mileage() metod abstrakt ta&amp;#x27;rifini ta&amp;#x27;minlashingiz(yozishingiz) kerak.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Abstrakt sinf ichida abstrakt bo&amp;#x27;lmagan metod&lt;/h3&gt;
  &lt;p&gt;Har qanday hatto bitta abstrakt metodli sinf abstrakt deb e&amp;#x27;lon qilinishi kerak. Ammo, abstrakt sinflarda abstrakt bo&amp;#x27;lmagan metodlar ham bo&amp;#x27;lishi mumkin, shuningdek, ularni qayta belgilamasdan turib, child sinflar orqali ulardan foydalanish va kirish mumkin.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/47/4749c387-c2bb-4e1e-9496-87b61fb78461.png&quot; width=&quot;865&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Yuqoridagi kodimizda, &lt;strong&gt;Vehicle &lt;/strong&gt;abstrakt sinfimizga uchta start(), stop() va setName() nomli abstrakt bo&amp;#x27;lmagan metodlarni qo&amp;#x27;shdik.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Abstrakt sinflardan meros olish&lt;/h3&gt;
  &lt;p&gt;Boshqa sinflarga o&amp;#x27;xshab, abstrakt sinfdan yangi sinf yaratishimiz mumkin bo&amp;#x27;ladi.&lt;/p&gt;
  &lt;p&gt;Bu yerda yagona farq bu parent sinfda belgilangan abstrakt metod ta&amp;#x27;rifini child sinflarda ham belgilashingiz kerak.&lt;/p&gt;
  &lt;p&gt;Agar child sinfda abstrakt metod ta&amp;#x27;rifi yozilmagan bo&amp;#x27;lsa, unda u abstrakt sinf sifatida belgilanishi kerak.&lt;/p&gt;
  &lt;p&gt;Keling, Vehicle sinfini meros qilib oluvchi 2 child sinf yaratamiz va unga abstrakt metod ta&amp;#x27;rifi mileage() ni belgilaymiz:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/79/79684d49-aca6-47ab-961c-e8fcd60bbff1.png&quot; width=&quot;698&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Biz xohlaganimizcha child sinfni yaratishimiz mumkin, masalan:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/a0/a0837d7b-894b-40de-bcd0-f50d80f8f979.png&quot; width=&quot;806&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Yuqorida ta&amp;#x27;kidlab o&amp;#x27;tkanimizdek, abstrakt sinfda hech qanday obyekt bo&amp;#x27;lmaydi, bir marta mos child sinfni belgilaymiz va ularni obyektlarini yarataveramiz.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/9e/9e4ea0b1-064e-4962-96e7-bf2859b0e5a9.png&quot; width=&quot;624&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Agar urunib ko&amp;#x27;rmoqchi bo&amp;#x27;lsangiz, mavzuni boshiga o&amp;#x27;ting va Vehicle sinfini obyektini yaratishga harakat qiling, aytilganidek yaratolmaysiz va xato FATAL ERROR ga duch kelasiz.&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;SANJAR SOBIRJONOV | TUTORIALS.UZ&lt;/strong&gt;&lt;/p&gt;

</content></entry><entry><id>tutorialsuz:B12cn-5MB</id><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz/B12cn-5MB?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><title>Ta'sir etuvchi elementlar(psevdo-elementlar)</title><published>2019-07-27T17:40:35.984Z</published><updated>2019-07-27T17:40:35.984Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://teletype.in/files/84/843ef638-da94-4aed-8c94-845f3359b8f1.png"></media:thumbnail><category term="topic2437" label="HTML / CSS / JavaScript"></category><summary type="html">&lt;img src=&quot;https://teletype.in/files/5a/5a09eb5b-d0ca-4bce-b348-036c78270a43.png&quot;&gt;CSS psevdo-elementi elementning belgilangan qismlarini stillash uchun ishlatiladi.</summary><content type="html">
  &lt;p&gt;CSS psevdo-elementi elementning belgilangan qismlarini stillash uchun ishlatiladi.&lt;/p&gt;
  &lt;p&gt;Masalan, u quyidagilar uchun ishlatilishi mumkin:&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;Elementning birinchi harfini yoki satrini stillash&lt;/li&gt;
    &lt;li&gt;Kontentni element kontentidan oldin yoki keyin kontentni qo&amp;#x27;yish&lt;/li&gt;
  &lt;/ul&gt;
  &lt;h3&gt;Sintaksis:&lt;/h3&gt;
  &lt;pre&gt;selektor::psevdo-element {
 xossa: qiymat;}&lt;/pre&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/5a/5a09eb5b-d0ca-4bce-b348-036c78270a43.png&quot; width=&quot;909&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;::first-line psevdo-elementi&lt;/h3&gt;
  &lt;p&gt;&lt;code&gt;::first-line&lt;/code&gt;  bu matnning birinchi qatoriga alohida stil berish uchun ishlatiladi.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/a2/a21f2be6-5433-4f0e-9963-0cc68fc36a06.png&quot; width=&quot;1346&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;p&gt;&lt;code&gt;&lt;strong&gt;::first-line&lt;/strong&gt;&lt;/code&gt;  psevdo-elementi faqat blok-elementlar uchun ishlatilishi mumkin.&lt;/p&gt;
  &lt;p&gt;Quyidagi xossalar &lt;code&gt;&lt;strong&gt;::first-line&lt;/strong&gt;&lt;/code&gt;  psevdo-elementi uchun qo&amp;#x27;llanadi:&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;font xossalari&lt;/li&gt;
    &lt;li&gt;color xossalari&lt;/li&gt;
    &lt;li&gt;background xossalari&lt;/li&gt;
    &lt;li&gt;word-spacing&lt;/li&gt;
    &lt;li&gt;letter-spacing&lt;/li&gt;
    &lt;li&gt;text-decoration&lt;/li&gt;
    &lt;li&gt;vertical-align&lt;/li&gt;
    &lt;li&gt;text-transform&lt;/li&gt;
    &lt;li&gt;line-height&lt;/li&gt;
    &lt;li&gt;clear&lt;/li&gt;
  &lt;/ul&gt;
  &lt;hr /&gt;
  &lt;h3&gt;::first-letter psevdo-elementi&lt;/h3&gt;
  &lt;p&gt;&lt;code&gt;::first-line&lt;/code&gt;  bu matnning birinchi harfiga alohida stil berish uchun ishlatiladi.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/64/64d5ef50-dd0b-4dac-8f53-a3f7b19ff1d6.png&quot; width=&quot;1343&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Quyidagi xossalar &lt;code&gt;&lt;strong&gt;::first-letter&lt;/strong&gt;&lt;/code&gt;  psevdo-elementi uchun qo&amp;#x27;llanadi:&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;font xossalari&lt;/li&gt;
    &lt;li&gt;color xossalari&lt;/li&gt;
    &lt;li&gt;background xossalari&lt;/li&gt;
    &lt;li&gt;word-spacing&lt;/li&gt;
    &lt;li&gt;letter-spacing&lt;/li&gt;
    &lt;li&gt;text-decoration&lt;/li&gt;
    &lt;li&gt;vertical-align(faqat float:none bo&amp;#x27;lsa)&lt;/li&gt;
    &lt;li&gt;text-transform&lt;/li&gt;
    &lt;li&gt;line-height&lt;/li&gt;
    &lt;li&gt;clear&lt;/li&gt;
  &lt;/ul&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Psevdo-elementlar va css klasslar&lt;/h3&gt;
  &lt;p&gt;Psevdo-elementlar va css klasslar birgalikda ishlatilishi ham mumkin.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/9e/9eb20ac5-4bdb-4059-b05c-8514fdefff2b.png&quot; width=&quot;1173&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Yuqoridagi kod intro nomli klass paragrafning birinch harfi qizil rangda va katta o&amp;#x27;lchamda ko&amp;#x27;rinadi.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Ko&amp;#x27;p psevdo-elementlar&lt;/h3&gt;
  &lt;p&gt;Bir qancha psevdo-elementlar birgalikda ishlatilishi mumkin. Ushbu quyidagi namunani ko&amp;#x27;rishingiz mumkin:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/1c/1c35fcdb-bdf5-40be-b1a9-a60219417e04.png&quot; width=&quot;1343&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;::before psevdo-elementi&lt;/h3&gt;
  &lt;p&gt;Bu psevdo-element, element kontentining oldidan qanaqadir kontent qo&amp;#x27;yish uchun ishlatiladi.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/73/7352830b-4be3-4cd5-a3cd-a748694d4b32.png&quot; width=&quot;1244&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;::after psevdo-elementi&lt;/h3&gt;
  &lt;p&gt;Bu psevdo-element, element kontentining orqqanaqadir kontent qo&amp;#x27;yish uchun ishlatiladi.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/d3/d37a1a32-2d26-469a-88fc-ca60c2a05d4d.png&quot; width=&quot;1247&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;::selection psevdo-elementi&lt;/h3&gt;
  &lt;p&gt;Bu psevdo-elementi foydalanuvchi tanlagan elementning bir qismini qanday stilda ko&amp;#x27;rinishini ifodalaydi.&lt;strong&gt; ::selection&lt;/strong&gt; color, background, cursor va outline xossalarini qabul qiladi. Quyida xohlagan tanlangan element kontenti matn rangi qizil, orqa foni sariq.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/22/221be325-cd42-4397-adc5-5b6020779242.png&quot; width=&quot;1342&quot; /&gt;
  &lt;/figure&gt;

</content></entry><entry><id>tutorialsuz:SkEAOO7zH</id><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz/SkEAOO7zH?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><title>Ta'sir etuvchi sinflar(Pseudo-classes)</title><published>2019-07-22T17:56:27.768Z</published><updated>2019-07-22T17:56:27.768Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://teletype.in/files/d4/d4137149-248d-46b1-9316-024d092f4985.png"></media:thumbnail><category term="topic2437" label="HTML / CSS / JavaScript"></category><summary type="html">&lt;img src=&quot;https://teletype.in/files/42/42f3e123-0417-4a95-8458-753c4e703524.png&quot;&gt;Ta'sir etuvchi sinflar(psevdo sinf)  - dizayner tomonidan tanlangan selektorlarga effektlar qo'shish uchun ishlatiladi.</summary><content type="html">
  &lt;p&gt;&lt;strong&gt;Ta&amp;#x27;sir etuvchi sinflar&lt;/strong&gt;(psevdo sinf)  - dizayner tomonidan tanlangan selektorlarga effektlar qo&amp;#x27;shish uchun ishlatiladi.&lt;/p&gt;
  &lt;p&gt;Masalan, ular orqali:&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;em&gt;Biror elementga sichqonchani ustiga bosganimizdagi stilni qo&amp;#x27;shish;&lt;/em&gt;&lt;/li&gt;
    &lt;li&gt;&lt;em&gt;Tashrif buyurilgan yoki tashrif buyurilmasdan oldingi stillarini farqlash;&lt;/em&gt;&lt;/li&gt;
    &lt;li&gt;&lt;em&gt;Element fokuslanganda stil berish kabi holatlarda ishlatamiz.&lt;/em&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Psevdo klasslar joylashuvi&lt;/h3&gt;
  &lt;p&gt;Havolalar har xil yo&amp;#x27;llarda ko&amp;#x27;rinishi mumkin:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/42/42f3e123-0417-4a95-8458-753c4e703524.png&quot; width=&quot;1365&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Psevdo klasslar va CSS klasslar&lt;/h3&gt;
  &lt;p&gt;Psevdo klass va CSS klasslar birgalikda ishlatilishi ham mumkin.&lt;/p&gt;
  &lt;p&gt;Havolaga sichqonchani ovorsangiz u o&amp;#x27;z rangini o&amp;#x27;zgartiradi. Namuna, sichqoncha ovorilgandagi holati:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/e0/e018ad60-128a-4996-aed1-5ff1aca28dbd.png&quot; width=&quot;1230&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;&lt;strong&gt;&amp;lt;div&amp;gt; da sichqoncha ovorilgandagi holat&lt;/strong&gt;&lt;/h3&gt;
  &lt;p&gt;&lt;strong&gt;:hover&lt;/strong&gt; psevdo-klassini &amp;lt;div&amp;gt; elementida ishlatish uchun namuna:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/60/602a9ab9-5bcd-4cb1-aa2f-00b7a75afc89.png&quot; width=&quot;1348&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/d5/d5b525c3-740b-4877-8bc7-fe0ac13ada7e.png&quot; width=&quot;1356&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Sodda Tooltip Hover&lt;/h3&gt;
  &lt;p&gt;div elementi ustida sichqonchani olib borib p elementini podskazka sifatida ko&amp;#x27;rsatish mumkin.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/94/9467f20d-0bcf-4ac5-9253-6a0f668ba2ed.png&quot; width=&quot;1343&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;:first-child klasi&lt;/h3&gt;
  &lt;p&gt;&lt;strong&gt;:first-child&lt;/strong&gt; psevdo sinfi belgilangan element boshqa elementning birinchi child(bola) ekanligini solishtiradi.&lt;/p&gt;
  &lt;p&gt;Birinchi element &amp;lt;p&amp;gt; ga mos keladi:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/33/3340c8d7-af11-4a17-8131-5bd41e8f4e03.png&quot; width=&quot;1341&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3&gt;p elementidagi barcha birinchi child i elementlarini solishtirish&lt;/h3&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/fc/fc2f8c79-cd89-44f4-8492-8be7fe4d6759.png&quot; width=&quot;1344&quot; /&gt;
    &lt;figcaption&gt;ok&lt;/figcaption&gt;
  &lt;/figure&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;:lang psevdo klassi&lt;/h3&gt;
  &lt;p&gt;:lang psevdo klassi turli xil tillar uchun maxsus qoidalarni belgilashga imkon beradi.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/25/25c822ce-f2d7-4877-b029-eacb68fe3813.png&quot; width=&quot;1332&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3&gt;Sanjar Sobirjonov | TUTORIALS.UZ&lt;/h3&gt;

</content></entry><entry><id>tutorialsuz:S1nasvQGB</id><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz/S1nasvQGB?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><title>Meros olish(Inheritance)</title><published>2019-07-22T17:00:51.570Z</published><updated>2019-07-25T14:09:06.196Z</updated><category term="php" label="PHP"></category><summary type="html">&lt;img src=&quot;https://teletype.in/files/87/8724a6ae-1551-4ff8-8cef-394b762fc168.png&quot;&gt;Obyektga yo'naltirilgan dasturlashda, Inheritance mavjud sinfning xususiyatlari va metodlarini ishlatishga imkon beradi.</summary><content type="html">
  &lt;p&gt;Obyektga yo&amp;#x27;naltirilgan dasturlashda, Inheritance mavjud sinfning xususiyatlari va metodlarini ishlatishga imkon beradi.&lt;/p&gt;
  &lt;p&gt;Ko&amp;#x27;pincha dasturlashda mavjud klassning barcha funksional imkoniyatlari va yangi metodlar mavjudligi bilan bir qatorda, mavjud holatlarda kengaytma(extension) singari yangi sinf yaratish kerak bo&amp;#x27;lgan holatlarga duch kelamiz. Bunday hollarda biz barcha metod va xossalarini ko&amp;#x27;chirib olishimiz va yangi sinfda mavjud sinfni yangi sinfga o&amp;#x27;tkazish yoki yangi sinfga eski sinfni meros qilib olamiz.&lt;/p&gt;
  &lt;p&gt;Chalkahib qoldizmi? Buni tushunish uchun oddiy misolni ko&amp;#x27;rib chiqaylik. Taassavur qiling, bizda asosiy metodlar bilan yaratilgan &lt;strong&gt;Human &lt;/strong&gt;sinfi mavjud: &lt;code&gt;walk(),eat(), hear() ,see().&lt;/code&gt;&lt;/p&gt;
  &lt;p&gt;Endi biz erkak va ayol uchun &lt;strong&gt;Male &lt;/strong&gt;va &lt;strong&gt;Female &lt;/strong&gt;nomli ikkita klassni yaratishimiz kerak deylik. &lt;strong&gt;Human &lt;/strong&gt;sinfiga oid barcha xossa va metodlarini yaratayotgan sinflarimizda ham bo&amp;#x27;lishi kerak. Buni biz &lt;strong&gt;Human &lt;/strong&gt;sinfidan yangi sinflarga meros olish bilan qilishimiz mumkin. &lt;/p&gt;
  &lt;p&gt;Meros olingan sinf - &lt;strong&gt;Ota(parent) &lt;/strong&gt;sinf(klass) deyiladi( &lt;strong&gt;super &lt;/strong&gt;yoki &lt;strong&gt;tub(base) &lt;/strong&gt;sinf ham deyilishi mumkin). Mos ravishda, meros olayotgan sinf esa &lt;strong&gt;Bola(child) &lt;/strong&gt;sinf deyiladi(&lt;strong&gt;sub &lt;/strong&gt;yoki &lt;strong&gt;boshlang&amp;#x27;ich&lt;/strong&gt;(derived) sinf deyilishi ham mumkin).&lt;/p&gt;
  &lt;p&gt;Yuqorida ko&amp;#x27;rsatilgan namunamizda &lt;strong&gt;Human ota &lt;/strong&gt;klass, &lt;strong&gt;Male &lt;/strong&gt;va &lt;strong&gt;Female &lt;/strong&gt;klasslar esa &lt;strong&gt;bola &lt;/strong&gt;sinflar hisoblanadi.&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;Inheritance&lt;/strong&gt;(Meros olish) bir qancha o&amp;#x27;xshash sinflar yaratishimizda juda qo&amp;#x27;l keladi.  Biz umumiy &lt;strong&gt;metod &lt;/strong&gt;va &lt;strong&gt;xossalarni ota &lt;/strong&gt;sinfga qo&amp;#x27;yib uni boshqa &lt;strong&gt;bola &lt;/strong&gt;sinflarga meros qilib olishimiz mumkin bo&amp;#x27;ladi, shuningdek obyektni o&amp;#x27;chirish uchun &lt;strong&gt;destructor &lt;/strong&gt;metodi ishlatiladi.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Sinfdan meros olish sintaksisi&lt;/h3&gt;
  &lt;p&gt;PHP da bola(child) sinfini belgilashda ota sinfni belgilash uchun &lt;strong&gt;extends &lt;/strong&gt;kalit so&amp;#x27;z ishlatiladi. Misol uchun:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/87/8724a6ae-1551-4ff8-8cef-394b762fc168.png&quot; width=&quot;587&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Meros olishni ishlatishda kerakli joylarni yodda tuting:&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;Bola sinf ota sinfdagi &lt;strong&gt;xususiy &lt;/strong&gt;(private) bo&amp;#x27;lmagan xossa va metodlardan foydalana oladi va kiroladi.&lt;/li&gt;
    &lt;li&gt;Bola sinfda, ota sinfda yo&amp;#x27;q metodlar ham bo&amp;#x27;lishi mumkin.&lt;/li&gt;
    &lt;li&gt;Bola sinf ota sinfda belgilangan metodni qayta belgilshi va u uchun o&amp;#x27;z implementatsiyasini amalga oshirishi mumkin.&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p&gt;Keling, &lt;strong&gt;Human &lt;/strong&gt;sinfimizga bir metod qo&amp;#x27;shamiz va uni &lt;strong&gt;Male &lt;/strong&gt;va &lt;strong&gt;Female &lt;/strong&gt;bola sinflarida qanday qilib ishlatishni ko&amp;#x27;rib chiqamiz.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/dc/dc8967ed-881e-4d6f-9fc4-e318586a55e9.png&quot; width=&quot;1043&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Yuqoridagi kodni ko&amp;#x27;rganingizdek, ikkala bola sinflar bosh edi, biz ularning ikkoviga ham Human sinfdan meros oldik. &lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Bola klass o&amp;#x27;zining xossa va metodlari bilan&lt;/h3&gt;
  &lt;p&gt;Bola sinf ota sinfni meros qilib olganda u ota sinfdagi barcha non-private(xususiy bo&amp;#x27;lmagan) a&amp;#x27;zolardan foydalana olish va kirishga ega bo&amp;#x27;ladi. Bbiz buni bilamiz ammo bola sinfni o&amp;#x27;zini xossa va metodlari bo&amp;#x27;lishinichi? Ha, buni ham imkoni bor. Keling buni qanday qilishimizga namuna ko&amp;#x27;ramiz:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/0a/0a28089c-c53a-4ae5-8256-6526e2f3de13.png&quot; width=&quot;908&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;&lt;strong&gt;Natija:&lt;/strong&gt;&lt;/p&gt;
  &lt;pre&gt;Mercedes benz - Engine start... 
I am Mercedes benz 
Lets go on a drive...&lt;/pre&gt;
  &lt;p&gt;Agar sinf boshqa sinfni meros qilib olsa, ota sinfida belgilangan xossa va metodlarni ularni qayta belgilamasdan turib foydalanish imkoniyatiga ega bo&amp;#x27;ladi va boshqa har qanday oddiy sinf singari, o&amp;#x27;z xossa va metodlariga ega bo&amp;#x27;lishi mumkin.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;protected kirish modifikatori&lt;/h3&gt;
  &lt;p&gt;Biz turli xil kirish modifikatorlari haqida o&amp;#x27;rgandik va ularni har xil klassning xossa va metodlariga kirishni nazorat qilishni bilib oldik.&lt;/p&gt;
  &lt;p&gt;Agar bola sinfi ota sinfni meros qilib olsa, u faqat xususiy bo&amp;#x27;lmagan xossalar va metodlardan qayta foydalanishi va ularga kirishi mumkin.&lt;/p&gt;
  &lt;p&gt;Ammo biz xossalar uchun &lt;strong&gt;public &lt;/strong&gt;kirish modifikatorlaridan foydalanmasligimiz kerak, chunki bu xossalarga sinfdan tashqarida ham kirish mumkin.&lt;/p&gt;
  &lt;p&gt;Ota sinfining xossalari va metodlariga faqat bola sinfiga kirishga ruxsat berish uchun biz &lt;strong&gt;protected &lt;/strong&gt;kirish modifikatoridan foydalanishimiz mumkin.&lt;/p&gt;
  &lt;p&gt;Agar biz sinfning har qanday xossa yoki metodini &lt;strong&gt;protected &lt;/strong&gt;deb belgilab olsak, u xossalar va metodlarga faqat sinfni meros qilib oladigan bola sinfida kirish mumkin bo&amp;#x27;ladi.&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;Misol uchun:&lt;/strong&gt;&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/37/37a6d849-a2a3-4d13-87a0-386357057f27.png&quot; width=&quot;994&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Yuqoridagi kodda &lt;strong&gt;name &lt;/strong&gt;o&amp;#x27;zgaruvchisini &lt;strong&gt;protected &lt;/strong&gt;deb oldik va uni ishga tushirib ko&amp;#x27;rdik, so&amp;#x27;ngra ushbu xatolikni olamiz:&lt;/p&gt;
  &lt;pre&gt;Fatal error: Uncaught Error: Cannot access protected property Car::$name in...&lt;/pre&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Ota sinf metodini qayta belgilash&lt;/h3&gt;
  &lt;p&gt;Agar bola sinfda, ota sinfning metodini ishlatishni xohlasak ammo sal boshqacharoq bo&amp;#x27;lsa nima bo&amp;#x27;ladi? Bu ota sinfda belgilangan metodni qayta belgilash orqali amalga oshiriladi. Bu - &lt;strong&gt;Metodni qayta belgilash(Method Overriding) &lt;/strong&gt;nomi bilan tanilgan.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/a3/a39c69f8-faee-4748-be14-cae018a7ca47.png&quot; width=&quot;854&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;&lt;strong&gt;Natija:&lt;/strong&gt;&lt;/p&gt;
  &lt;pre&gt;Car class drive method... 
Motorcycle class drive method...&lt;/pre&gt;
  &lt;p&gt;Yuqoridagi kodda bizda &amp;quot;&lt;strong&gt;Vehicle&lt;/strong&gt;&amp;quot; deb nomlangan ota klassi va ikkita &amp;quot;&lt;strong&gt;Car&lt;/strong&gt;&amp;quot; va &amp;quot;&lt;strong&gt;Motorcycle&lt;/strong&gt;&amp;quot; deb nomlangan bola sinflar mavjud.&lt;/p&gt;
  &lt;p&gt;Ota sinfida drive() metodi mavjud, uni bola sinflar qayta belgilagan va boshqacha ta&amp;#x27;rif yozilgan.&lt;/p&gt;
  &lt;p&gt;Agar siz har qanday sinf ota sinfidagi metodni qayta belgilay olishini xohlamasangiz nima bo&amp;#x27;ladi? Bunda ota sinfda final metodini belgilashimiz kerak bo&amp;#x27;ladi. Bu metod ota klassdagi metodni qayta belgilashni bekor qiladi.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/bd/bd807dee-52c3-48bd-b9b2-f9ccaf959d57.png&quot; width=&quot;935&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;&lt;strong&gt;Natija:&lt;/strong&gt;&lt;/p&gt;
  &lt;pre&gt;Fatal error: Cannot override final method Vehicle::drive()&lt;/pre&gt;

</content></entry><entry><id>tutorialsuz:H1ITBlQzS</id><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz/H1ITBlQzS?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><title>«Inson o`zi kim yoxud muvofaqiyatga erishishning siri»</title><published>2019-07-22T08:37:18.513Z</published><updated>2019-07-22T08:37:18.513Z</updated><category term="blog" label="Blog"></category><summary type="html">Siz muvofaqiyatga erishishni xohlaysizmi? Katta, chiroyli va lambarjini moshinangiz bo'lishinichi, xohlaysizmi? Yoki kimdir bo'lishni istarsiz?</summary><content type="html">
  &lt;p&gt;Siz muvofaqiyatga erishishni xohlaysizmi? Katta, chiroyli va lambarjini moshinangiz bo&amp;#x27;lishinichi, xohlaysizmi? Yoki kimdir bo&amp;#x27;lishni istarsiz?&lt;/p&gt;
  &lt;p&gt;Dunyoda shunday insonlar bor, ular boy, dunyoda shunday insonlar bor ular nochor. Har kim o&amp;#x27;zi xohlagan narsaga, sharoitga yoki kasbga erishishni xohlaydi. Lekin ularning o&amp;#x27;zini o&amp;#x27;zlari bundan mahrum qilib qo&amp;#x27;yishganini bilishmaydi ham. Olamning shunday narsa borki, u barchani o&amp;#x27;zi fikr qilgan narsasiga erishtiradi. Ko&amp;#x27;pchilik buni bilmasdan turib ishlatib yuborishadi. Bu olamning eng buyuk SIRI hisoblanadi. &lt;/p&gt;
  &lt;blockquote&gt;Bu sir avval bo&amp;#x27;lgan , hozir bo&amp;#x27;layotgan va bo&amp;#x27;ladigan barcha narsaga javob bo&amp;#x27;loladi.  - &lt;strong&gt;Ralf Voldo Emerson&lt;/strong&gt;&lt;/blockquote&gt;
  &lt;p&gt;Dunyoning mashhur insonlari: Stiv Jobs, Bill Geyts, Jek Maa, Jeff Bezos kabi shaxslarning ham sirlari bir xil. Olamning buyuk siri bo&amp;#x27;lmish - &lt;strong&gt;tortishish kuchi.&lt;/strong&gt;     &lt;/p&gt;
  &lt;p&gt;Shu bilan birga buni fizika ham tasdiqlaydi.  &lt;/p&gt;
  &lt;p&gt;Tortishish kuchi shunday kuchki uni oddiy qilib magnitga qiyos qilishimiz mumkin. Magnit bu bizmiz. Magnit nimani xohlasa o&amp;#x27;sha narsani o&amp;#x27;ziga tortish kuchiga ega. Biror narsaga erishish uchun unga egalik hissiyotini oshirish kerak. Insonning ham o&amp;#x27;zi ana shunday mo&amp;#x27;jizaviy xususiyatga ega. Bu xususiyatni o&amp;#x27;rganish yoki qandaydir qiyinchiliklari yo&amp;#x27;q, uni o&amp;#x27;zimiz har qadamimizda yaratamiz. &lt;/p&gt;
  &lt;p&gt;Inson biror narsani xohlar ekan, uni o&amp;#x27;z ongida ya&amp;#x27;ni miyasida fikrlaydi. Har daqiqada o&amp;#x27;ylashi ham mumkin. Bu esa uning magnitlik xossasini oshishiga olib keladi. O&amp;#x27;sha o&amp;#x27;zi xohlagan narsasini qanchalik ko&amp;#x27;p o&amp;#x27;ylasa, ongidan o&amp;#x27;tkazsa, o&amp;#x27;ylagan narsasini o&amp;#x27;zi tortib olishi mumkin. Ya&amp;#x27;ni u bir zumda sodir bo&amp;#x27;lishi ham mumkin yoki ozgina vaqt talab qilishi ham mumkin. Mana shu kuch bilan biz o&amp;#x27;z hayotimizni o&amp;#x27;zgartirishimiz mumkin. Misol, siz futbol matchida top surayapsiz. Sizda mana shu o&amp;#x27;yinda to&amp;#x27;pni darvozaga kiritolmasamchi, yaxshi o&amp;#x27;ynolmasamchi desangiz, shu salbiy fikr atrofga signal beradi. Bu esa sizni o&amp;#x27;ylagan narsangiz bo&amp;#x27;lishiga olib kelishi mumkin. Bunga o&amp;#x27;xshash holatlar ko&amp;#x27;pchilikda bo&amp;#x27;lganligi aniq.&lt;/p&gt;
  &lt;p&gt;Mana shunday ketma-ketlikda salbiy fikrlar salbiy fikrlarni yoki aksincha ijobiy fikrlar ijobiy fikrlarni olib keladi. Yana bir misol keltirsam, siz bir narsani juda xohlayapsiz. Masalan moshinangiz bo&amp;#x27;lishini xohlaysiz. Hayol surasiz, o&amp;#x27;ylaysiz. U moshinada xuddi o&amp;#x27;zingiz yurganday hayol qilsangiz, unga nisbatan egalik hissini oshirsangiz u narsaga erishish uchun sizga salbiy ta&amp;#x27;sir qiladigan kuchlar qochadi va o&amp;#x27;rniga ijobiy holatlar va yengil vaziyatlar ushbu narsaga erishishda yordam beradi. &lt;/p&gt;
  &lt;p&gt;Har bir istagan narsangizga qattiq ishonch va uni hayolan miyangizdan o&amp;#x27;tkazishingiz kerak. Faqat ijobiy fikrlarni. &lt;/p&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;&lt;em&gt;The Secret&lt;/em&gt;&lt;/strong&gt; filmi asosida qisqacha tayyorlandi. | &lt;strong&gt;TUTORIALS.UZ&lt;/strong&gt;&lt;/p&gt;

</content></entry><entry><id>tutorialsuz:BkwHNyZzH</id><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz/BkwHNyZzH?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><title>Konstruktor va destruktor</title><published>2019-07-20T18:58:07.177Z</published><updated>2019-07-20T18:58:07.177Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://teletype.in/files/e6/e6e129d4-5bfa-4586-907c-51f335f45b5e.png"></media:thumbnail><category term="php" label="PHP"></category><summary type="html">&lt;img src=&quot;https://teletype.in/files/7e/7e36b467-e9d9-4248-a22a-733309ac6ac7.png&quot;&gt;
Klassning obyektini yaratganimizda, biz obyektning xossalarini uni ishlatmasdan oldin o'rnatib olishimiz kerak. Biz buni birinchi obyektni initsializatsiya va xossalari uchun qiymatlar kiritish orqali bajarolamiz,yoki agar o'zgaruvchi public bo'lsa -&gt; operatorini ishlatgan holda yoki private o'zgaruvchilar uchun public setter metodlarini ishlatgan holda bajarishimiz mumkin.</summary><content type="html">
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/7e/7e36b467-e9d9-4248-a22a-733309ac6ac7.png&quot; width=&quot;589&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;&lt;br /&gt;Klassning obyektini yaratganimizda, biz obyektning xossalarini uni ishlatmasdan oldin o&amp;#x27;rnatib olishimiz kerak. Biz buni birinchi obyektni initsializatsiya va xossalari uchun qiymatlar kiritish orqali bajarolamiz,yoki agar o&amp;#x27;zgaruvchi &lt;strong&gt;public &lt;/strong&gt;bo&amp;#x27;lsa &lt;strong&gt;-&amp;gt; &lt;/strong&gt;operatorini ishlatgan holda yoki &lt;strong&gt;private &lt;/strong&gt;o&amp;#x27;zgaruvchilar uchun &lt;strong&gt;public setter &lt;/strong&gt;metodlarini ishlatgan holda bajarishimiz mumkin.&lt;/p&gt;
  &lt;p&gt;Bitta qadamda klass obyektini initsializatsiya qilish va yaratish uchun, PHP da &lt;strong&gt;Constructor &lt;/strong&gt;deb nomlanadigan metod mavjud. Obyektni yaratish mobaynida talab qilingan xossa qiymatlarini belgilash orqali obyektni qurishda &lt;strong&gt;Construct &lt;/strong&gt;metodi ishlatiladi va mos ravishda obyektlarni buzish uchun &lt;strong&gt;Destructor &lt;/strong&gt;metodi ishlatiladi.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Constructor va Destructor ni belgilashdagi sintaksisi&lt;/h3&gt;
  &lt;p&gt;PHP dasturlash tilida, biz klassga konstruktor va destruktor ni belgilashda maxsus funksiyalar : &lt;strong&gt;__construct() &lt;/strong&gt; va&lt;strong&gt; __destruct() &lt;/strong&gt;ishlatishimiz mumkin.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/ff/ffc256c6-9b9b-434e-92cd-8cc7fd5f4250.png&quot; width=&quot;701&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;&lt;strong&gt;Konstruktor &lt;/strong&gt;o&amp;#x27;ziga argument qabul qiladi ammo destruktor hech qanday argument qabul qilmaydi chunki &lt;strong&gt;destruktorning &lt;/strong&gt;vazifasi obyekt ma&amp;#x27;lumotlarini o&amp;#x27;chirish.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Konstruktor&lt;/h3&gt;
  &lt;p&gt;Keling, 2ta parametrli Person klassining namunasini misol sifatida ko&amp;#x27;ramiz, bu qismda biz obyektni yaratish vaqtida klass xossalarini initsializtsiya qilish uchun konstruktorni belgilaymiz.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/4c/4ce39139-feac-41a9-9f81-a9e87e273be6.png&quot; width=&quot;866&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Bundan avvalroq biz o&amp;#x27;zgaruvchilarga qiymat kiritishda&lt;strong&gt; -&amp;gt; &lt;/strong&gt;operatoridan yoki public &lt;strong&gt;setter &lt;/strong&gt;metodlarini ishlatayotgan edik, konstruktor metodda esa biz obyektni yaratish mobaynida o&amp;#x27;zgaruvchilarga qiymatlarni belgilay olamiz.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Destruktor&lt;/h3&gt;
  &lt;p&gt;O&amp;#x27;z nomi bilan ham aytib turibdiki, bu metod obyekt o&amp;#x27;chirilishida ishtirok etadi. Bu metod xotiradan chiqarib yuboradi. Umuman olganda, destruktor metodda fayllarni yopish, manbalarni tozalash kabi ishlarda ishlatolasiz. &lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/b6/b6822a64-2834-44df-a943-44756223de71.png&quot; width=&quot;942&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Destruktor metod hech qanday argument qabul qilmaydi va o&amp;#x27;chirladigan obyektdan oldin chaqiriladi. &lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;Esda tuting: &lt;/strong&gt;Agar siz klass nomi bilan bir xil funksiya klass nomini ko&amp;#x27;rsangiz shuni bilingki u konstruktor vazifasini bajarmoqda. Klassning eski versiyalarida __construktor() metodi belgilanmagan shuning uchun klass nomi bilan bir xil nom ishlatilinadi xuddi Core Java ga o&amp;#x27;xshab. Namuna:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/2f/2f593abe-bf81-4fc4-94fe-b77b064b76ef.png&quot; width=&quot;904&quot; /&gt;
  &lt;/figure&gt;

</content></entry><entry><id>tutorialsuz:Skb8UEAbH</id><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz/Skb8UEAbH?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><title>Kombinatorlar</title><published>2019-07-18T18:11:20.738Z</published><updated>2019-07-18T18:11:20.738Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://teletype.in/files/e6/e6dcf5a7-6085-4caf-a74e-e516f61944c4.png"></media:thumbnail><category term="topic2437" label="HTML / CSS / JavaScript"></category><summary type="html">&lt;img src=&quot;https://teletype.in/files/a4/a454a229-34d4-471e-aa30-c690910749e9.png&quot;&gt;Kombinator - selektorlar orasida ularning munosabatini, aloqasini ifodalaydian yoki ko'rsatadigan belgi.</summary><content type="html">
  &lt;p&gt;&lt;strong&gt;Kombinator &lt;/strong&gt;- selektorlar orasida ularning munosabatini, aloqasini ifodalaydian yoki ko&amp;#x27;rsatadigan belgi.&lt;/p&gt;
  &lt;p&gt;CSS selektorlar bitta oddiy selektordan ko&amp;#x27;proq selektorlarni o&amp;#x27;z ichiga olishi mumkin. Oddiy selektorlar orasida biz kombinator qo&amp;#x27;shishimiz mumkin:&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;avlod(descendant) selektor (bo&amp;#x27;shliq)&lt;/li&gt;
    &lt;li&gt;bola(child) selektor (&amp;gt;)&lt;/li&gt;
    &lt;li&gt;eng yaqin tug&amp;#x27;ishgan(adjacent sibling) selektor (+)&lt;/li&gt;
    &lt;li&gt;umumiy tug&amp;#x27;ishgan (general sibling) selektor (~)&lt;/li&gt;
  &lt;/ul&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Avlod selektori&lt;/h3&gt;
  &lt;p&gt;Avlod selektori barcha, belgilangan elementning barcha avlodlariga mutanosib bo&amp;#x27;ladi.&lt;/p&gt;
  &lt;p&gt;Quyidagi namunada, &amp;lt;div&amp;gt; elementi ichidagi barcha &amp;lt;p&amp;gt; elementlarini tanlaydi:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/a4/a454a229-34d4-471e-aa30-c690910749e9.png&quot; width=&quot;1344&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Bola selektor&lt;/h3&gt;
  &lt;p&gt;Bola selektor belgilangan elementning eng yaqin bola elementlarini tanlab oladi.&lt;/p&gt;
  &lt;p&gt;Quyidagi namunada &amp;lt;div&amp;gt; elementiga eng yaqin &amp;lt;p&amp;gt; elementini tanlab olgan:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/8c/8c33debe-f10b-429e-a39e-3dd5c62f817b.png&quot; width=&quot;1339&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Eng yaqin tug&amp;#x27;ishgan selektor&lt;/h3&gt;
  &lt;p&gt;Bu selektor belgilangan elementning barcha ikkilamchi tug&amp;#x27;ishgan elementlarini tanlab oladi.&lt;/p&gt;
  &lt;p&gt;Tug&amp;#x27;ishgan elementlarning bir xil ota elementi bo&amp;#x27;lishi kerak. Adjacent - eng yaqin elementlardan keyingi element degan ma&amp;#x27;noni bildiradi.&lt;/p&gt;
  &lt;p&gt;Quyidagi namunada, &amp;lt;div&amp;gt; elementidan keyin eng yaqin &amp;lt;p&amp;gt; elementi tanlab olinmoqda:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/e0/e0a36258-3656-4ad8-b7dc-cfd73f4adffd.png&quot; width=&quot;1188&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;Umumiy tug&amp;#x27;ishgan selektorlar&lt;/h3&gt;
  &lt;p&gt;Umumiy selektorlar - belgilangan elementning barcha tug&amp;#x27;ishgan elementlarini tanlaydi.&lt;/p&gt;
  &lt;p&gt;Quyidagi namunada &amp;lt;div&amp;gt; elementining tug&amp;#x27;ishgan barcha &amp;lt;p&amp;gt; elementlarini tanlab olmoqda:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/02/02251f4e-3c6c-4246-8f62-dbc5a36fd0f3.png&quot; width=&quot;1345&quot; /&gt;
  &lt;/figure&gt;
  &lt;h3&gt;Sanjar Sobirjonov | t.me/tutorialsuz&lt;/h3&gt;

</content></entry><entry><id>tutorialsuz:BkUroJa-B</id><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz/BkUroJa-B?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><title>$this kalit so'zi</title><published>2019-07-17T18:38:54.008Z</published><updated>2019-07-18T17:43:14.045Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://teletype.in/files/29/2915b435-7963-45e8-baaa-b0a94987f092.png"></media:thumbnail><category term="php" label="PHP"></category><summary type="html">&lt;img src=&quot;https://teletype.in/files/87/878df590-03c7-4ff0-b470-2a7f59e7382b.png&quot;&gt;Agar siz oldingi darslarimizda yoki OOP da ishlatilgan $this kalit so'ziga ko'zingiz tushgandir.</summary><content type="html">
  &lt;p&gt;Agar siz oldingi darslarimizda yoki OOP da ishlatilgan &lt;strong&gt;$this &lt;/strong&gt;kalit so&amp;#x27;ziga ko&amp;#x27;zingiz tushgandir.&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;$this&lt;/strong&gt; kalit so&amp;#x27;zi klass ichida joriy obyekt uchun klass o&amp;#x27;zgaruvchilari yoki funksiyalarining statik bo&amp;#x27;lmagan a&amp;#x27;zolariga kirish(dostup) uchun member functions(a&amp;#x27;zo funksiyalari) bilan birga ishlatiladi.&lt;/p&gt;
  &lt;p&gt;Keling, &lt;strong&gt;this &lt;/strong&gt;kalit so&amp;#x27;zini ishlatilishini tushunish uchun namunani ko&amp;#x27;ramiz:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/87/878df590-03c7-4ff0-b470-2a7f59e7382b.png&quot; width=&quot;833&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;&lt;strong&gt;Natija:&lt;/strong&gt;&lt;/p&gt;
  &lt;p&gt;&lt;code&gt;Mening ismim: John Wick&lt;/code&gt;&lt;/p&gt;
  &lt;p&gt;Yuqoridagi kodda, biz klass ichida $name nomli private o&amp;#x27;zgaruvchi yaratib oldik va bizda $name ga yangi qiymat belilash va mos ravishda ulardan qiymat ulash uchun 2 ta public metodlar getName() va setName() .&lt;/p&gt;
  &lt;p&gt;Har doim a&amp;#x27;zo funksiyaning ichidan klass o&amp;#x27;zgaruvchisini chaqirmoqchi bo&amp;#x27;lganimizda, biz o&amp;#x27;zgaruvchini o&amp;#x27;zida saqlaydigan joriy obyektni ko&amp;#x27;rsatish uchun ishlatamiz.&lt;/p&gt;
  &lt;p&gt;Biz yana boshqa a&amp;#x27;zo funksiyaning ichidagi klassning bir a&amp;#x27;zo funksiyasini chaqirishimiz uchun &lt;strong&gt;$this&lt;/strong&gt; ni ishlatishimiz mumkin.&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;ESDA TUTING: &lt;/strong&gt;Agar klass ichida static a&amp;#x27;zo funksiyalari yoki o&amp;#x27;zgaruvchilari bo&amp;#x27;lsa, biz ularga &lt;strong&gt;$this&lt;/strong&gt; ishlatib murojaat qilolmaymiz.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;&lt;strong&gt;static &lt;/strong&gt;klass a&amp;#x27;zolariga &lt;strong&gt;self &lt;/strong&gt;ni ishlatish&lt;/h3&gt;
  &lt;p&gt;static klass a&amp;#x27;zolari uchun $this kalit so&amp;#x27;zining o&amp;#x27;rniga, self ni &lt;strong&gt;muhit ruxsat operatori (::) &lt;/strong&gt;bilan birga ishlatamiz. Misol uchun:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/26/26a1754f-2c7f-4bcb-ba0e-01391f7a37a9.png&quot; width=&quot;837&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;self va this o&amp;#x27;rtasidagi farq&lt;/h3&gt;
  &lt;p&gt;Keling self va this o&amp;#x27;rtasidagi farqlarni jadvalda kuzatamiz:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/99/99c1cfc0-eb2b-4307-bef8-dc3762c8d39f.png&quot; width=&quot;678&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;&lt;strong&gt;Yuqoridagilarni yanada yaxshiroq tushunish uchun namuna kod:&lt;/strong&gt;&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/4b/4b1b7cb7-1629-4177-bc53-ca3fbb581c83.png&quot; width=&quot;910&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;&lt;strong&gt;Natija:&lt;/strong&gt;&lt;/p&gt;
  &lt;pre&gt;Ish nomi: Ma&amp;#x27;lumot(Data) Mutaxasisi
Ish ta&amp;#x27;rifi: Ma&amp;#x27;lumot fanini bilishingiz kerak
Kompaniya nomi: TUTORIALS.UZ &lt;/pre&gt;
  &lt;p&gt;Yuqoridagi kod parchasida biz ko&amp;#x27;proq non-static o&amp;#x27;zgaruvchilar va 1 ta static o&amp;#x27;zgaruvchini ishlatdik.&lt;/p&gt;
  &lt;p&gt;Chunki static o&amp;#x27;zgaruvchilar klassning o&amp;#x27;zi bilan bog&amp;#x27;langan, klassni obyekti bilan emas, shuning uchun biz ularni klass nomi bilan chaqirdik.&lt;/p&gt;
  &lt;p&gt;Shuningdek, static a&amp;#x27;zo funksiyasi ichida static o&amp;#x27;zgaruvchini ham va non-static metod ichida ham static o&amp;#x27;zgaruvchini ishlatish mumkin, keyin ularni static metodga o&amp;#x27;xshab, klassning nomi bilan chaqiramiz.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3&gt;&lt;strong&gt;                                        Atamalar:&lt;/strong&gt;&lt;/h3&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;strong&gt;A&amp;#x27;zo o&amp;#x27;zgaruvchi&lt;/strong&gt; - klass ichida belgilangan barcha o&amp;#x27;zgaruvchilar&lt;/li&gt;
    &lt;li&gt;&lt;strong&gt;A&amp;#x27;zo funksiyasi &lt;/strong&gt;- klass ichida belgilanib, obyekt ma&amp;#x27;lumotlariga murojaat qilish yoki kirish uchun ishlatiladigan funksiyaga aytiladi.&lt;/li&gt;
    &lt;li&gt;&lt;strong&gt;Muhit ruxsat operatori&lt;/strong&gt; (::) - klassdagi static, constant va dominant xossa va metodlariga kirishni belgilaydi.&lt;/li&gt;
  &lt;/ul&gt;

</content></entry><entry><id>tutorialsuz:Hk7wXjO-S</id><link rel="alternate" type="text/html" href="https://teletype.in/@tutorialsuz/Hk7wXjO-S?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=tutorialsuz"></link><title>inline-block</title><published>2019-07-14T12:43:07.193Z</published><updated>2019-07-14T12:43:07.193Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://teletype.in/files/cf/cf4d62a7-b2ed-400c-86f1-5478f231d493.png"></media:thumbnail><category term="topic2437" label="HTML / CSS / JavaScript"></category><summary type="html">&lt;img src=&quot;https://teletype.in/files/3d/3d18defa-20d4-45d8-8e5e-216313340169.png&quot;&gt;display: inline-block bilan display: inline ni taqqoslaganimizda, inline-block katta farq qilishi ya'ni u elementning width va height xossalarini kiritishga imkon berishini bilib olamiz.
Bundan tashqari inline-block : top-bottom, margin-padding xususiyatlarni ham qo'llaydi, inline esa yo'q.
display: inline-block bilan display: block ni taqqoslaganimizda, inline-block katta farq qilishi ya'ni elementdan keyin line-break(qator) tashlamasdan, bitta chiziqda yonma-yon elementlar joylashuvini ta'minlaydi.</summary><content type="html">
  &lt;p&gt;&lt;strong&gt;display: inline-block &lt;/strong&gt;bilan &lt;strong&gt;display: inline&lt;/strong&gt; ni taqqoslaganimizda, inline-block katta farq qilishi ya&amp;#x27;ni u elementning &lt;strong&gt;width &lt;/strong&gt;va &lt;strong&gt;height &lt;/strong&gt;xossalarini kiritishga imkon berishini bilib olamiz.&lt;br /&gt;Bundan tashqari &lt;strong&gt;inline-block&lt;/strong&gt; : top-bottom, margin-padding xususiyatlarni ham qo&amp;#x27;llaydi, inline esa yo&amp;#x27;q.&lt;br /&gt;&lt;strong&gt;display: inline-block &lt;/strong&gt;bilan &lt;strong&gt;display: block &lt;/strong&gt;ni taqqoslaganimizda, inline-block katta farq qilishi ya&amp;#x27;ni elementdan keyin line-break(qator) tashlamasdan, bitta chiziqda yonma-yon elementlar joylashuvini ta&amp;#x27;minlaydi.&lt;/p&gt;
  &lt;p&gt;Quyidagi misolda uchala xossalarning birga qo&amp;#x27;llanilib ularning harakatlari farqi keltirilgan:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/3d/3d18defa-20d4-45d8-8e5e-216313340169.png&quot; width=&quot;1343&quot; /&gt;
  &lt;/figure&gt;
  &lt;hr /&gt;
  &lt;h3&gt;inline-blockni nav menu yaratishda ishlatish&lt;/h3&gt;
  &lt;p&gt;display:inline-block bilan ro&amp;#x27;yhat bandlarini vertikal o&amp;#x27;rniga gorizontal tartibda ekranga chiqarishimiz mumkin. Quyidagi namunada gorizontal navigatsion menyu yaratish ko&amp;#x27;rsatilgan:&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/f3/f39b3644-17d4-418f-a9c0-736bd09eccca.png&quot; width=&quot;1348&quot; /&gt;
  &lt;/figure&gt;

</content></entry></feed>