Forem: Aliy

Pseudo Classes va Pseudo Elements

Aliy — Mon, 25 Dec 2023 07:44:53 +0000

Psuedo Class

CSS da Psuedo class lar Htmlda yozilgan elementga qandaydir jarayonda qo'shimcha style berishda ishlatiladi.
Pseudo class lar quyidagi formula asosida yoziladi:

element:pseudo-class {
  // style
}

Html Code :

<!DOCTYPE html>
<html>
<head>
<title>HTML Code</title>
</head>
<body>
  <div> Html Element </div>
</body>
</html>

CSS Code :

// Box Module
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
// Div Style
div {
  width: 250px;
  height: 250px;
  background: #000;
}

Biz yuqorida Div elementining o'ziga oddatiy holati uchun style berdik. Endi Div elementiga pseudo class ning yozilishini ko'rib chiqamiz.

div:hover {
  background: green;
}

Yuqoridagi kodda div element hisoblanadi, :hover bo'lsa pseudo class hisoblanadi.
pseudo class larda :hover varianti - sichqoncha hover bo'layotgan elementning ustiga borganda ishlaydi.
Pseudo element larning birqancha turlari mavjud va ular haqida quyodagi havoladan topishingiz mumkin.
pseudo classes

Pseudo Element

CSS da pseudo elementlar Htmlda yozilgan elementga qaram bo'lgan element qo'shib beradi.
Pseudo Element quyidagi formula asosida yasaladi:

element:: pseudo-element {
  // style
}

Hozir biz yuqorida HTML fileda yozilgan div ga pseudo element qo'shamiz :

div {
  position: relative;
}
div::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: crimson;
}

Yuqoridagi jarayonda div element, ::before pseudo element hisoblanadi.
Pseudo elementlar bir nechta bo'lib, ular haqida quyidagi linkdan yaxshiroq bilib olishingiz mumkin.
pseudo-elements

Pseudo element va Pseudo Class ning farqi

Pseudo Element qaysi elementga berilayotgan bo'lsa o'sha elementga qaram bo'lib qoladi va uni har qanday vaziyatda ham ko'rishimiz mumkin.
Pseudo Class qaysi elementga berilga bo'lsa o'sha elementning vaziyati pseudo class ga to'g'ri kelganda ishlab uning style ni o'zgartiradi.

Learning of Programming...

Aliy — Sat, 23 Dec 2023 11:13:13 +0000

Before you can study, you need to decide what you want to study.
Frontend or Backend or AI.
Once you understand this, you have two options:

Self study(independent study)
with Teacher Study.

Self Study(independent study)

In independent study, you search in different ways (social networks, video lessons, documents) and learn the opinions of several people, and it's all great.
And in the process, you will realize yourself in this field.
All this process is the result of independent learning.

with Teacher Study

If you study with a teacher, you only study his opinion. And in this case, you make yourself a lazy person who is not sought and does not know how to seek.
This situation will be your disadvantage in any field.

You need the right teacher, but you should not limit yourself to the teacher himself.

This is all my opinion ))

JavaScript qanday dasturlash tili ?

Aliy — Thu, 14 Dec 2023 15:49:32 +0000

High order
Synchronous va single-thread
Dynamic
multi-paradigm

High Level JavaScript

JavaScriptda kodlar inson tiliga yaqinroq va tushinish osonroq bo'lgan dasturlash tilidir. JavaScript kodlarini komputer tiliga o'tkazish uchun compiler yoki interpreterdan foydalaniladi. Shu sababarga ko'ra JavaScript High Level dasturlash tilidir.

Synchronous va single-thread JavaScript

JavaScript kodlarni ketma-ketlik tartibida o'qiydi va ularni bajaradi. Xatolik chiqqan qatorgachon kodlarni bajaradi, xatolik chiqqan joydan boshlab xatolik beradi.

Dynamic JavaScript

Boshqa dasturlash tillarida o'zgaruvchilarni e'lon qilishda o'zgaruvchining aniq bir turi yozilishi kerak. Dynamic dasturlash tillarida o'zgaruvchi e'lon qilinishda o'zgaruvchilarga ma'lum bir ma'lumot turini yozish talab qilinmaydi. JavaScriptda o'zgaruvchilar Dynamic tartibda e'lon qilinadi.

Multi-Paradigm JavaScript

Zamonaviy dasturlash tillari ikkit turga bo'linadi. Imperative(OOP ga asoslanga), Declarative(Funksiyaga asoslangan) dasturlash tillari.
JavaScriptda Imprative va Declarative usullarda ham ishlash imkoni borligi sababli JavaScript Multi-Paradigm dasturlash tili hisoblanadi.

JavaScript Browser o'qiydigan yagona dasturlash tilidir.