๐ฅ2โค1โก1โคโ๐ฅ1๐1๐ค1๐ค1๐1
๐ฅ2โคโ๐ฅ1๐1๐1๐1๐1๐ก1
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1๐1
๐2โคโ๐ฅ1๐ฅ1๐1๐1๐1
#Dars4
1โฃโฆHTML bu:
2โฃโฆCSS bu:
3โฃโฆJS bu:
1โฃโฆHTML bu:
Huddi INSONning Skeleti yoki tuzilishi
2โฃโฆCSS bu:
Uning rangi, joylashuvi, tarkibi va hokazo
3โฃโฆJS bu:
Uning harakatlanishi, tayanchi, sezgisi va boshqa sistemalari shu bilan birga reaksiyasi ham
๐2โคโ๐ฅ1โก1๐1๐1๐1
#HTML
1โฃโฆ"CSS" ham "JS" ham bittaga faylga ulanadi. Bu:
2โฃโฆ"HTML"ga kodlar asosan "body" ichiga yoziladi
1โฃโฆ"CSS" ham "JS" ham bittaga faylga ulanadi. Bu:
HTML
2โฃโฆ"HTML"ga kodlar asosan "body" ichiga yoziladi
<body>
</body>
๐3โคโ๐ฅ1๐1๐ฅ1๐1
#HTML
1โฃโฆ "Figma.com" orqali siz ochiq fayllarni "Copy"(nusxa) sini yaratishingiz mumkin boสปladi
2โฃโฆ "Figma" sizga faylning barcha maสผlumotlarini taqdim etadi
Copy yaratishni nima keragi bor desangiz, shu qilgan ishingizga oสปxshash ish tushsa siz eplay olasiz chunki bu sinovdan oสปtgan boสปlasiz ๐))
1โฃโฆ "Figma.com" orqali siz ochiq fayllarni "Copy"
Firma.com
2โฃโฆ "Figma" sizga faylning barcha maสผlumotlarini taqdim etadi
Figma.com
๐3โคโ๐ฅ1โก1๐ฅ1๐1
#HTML
โ Avvalo har bir boshlanayotgan ishda "Header" boสปladi
โ Doimo "Header" dan keyin "Section"
โ Va oxirida "Footer" keladi
Deyarli 70% section ishlatiladi ๐ฅ))
โ Avvalo har bir boshlanayotgan ishda "Header" boสปladi
<header>
</header>
โ Doimo "Header" dan keyin "Section"
<section>
</section>
โ Va oxirida "Footer" keladi
<footer>
</footer>
Deyarli 70% section ishlatiladi ๐ฅ))
๐2โคโ๐ฅ1โก1๐ฅ1๐จโ๐ป1๐1
#HTML
โ "Div" bu - oyna yoki faylning oสปrtada ushlab turuvchi ramka
โ "H" ya'ni ->> " h1", "h2", "h3" "h4", "h5" va "h6" - bular "Title" hisoblanadi(h1 eng katta va h6 eng kichik hajmda)
โ "p" bu - matn kiritish uchun yoziladi(Lorem deb yozib biz "tasodifiy soสปzlardan iborat matn" yoza olamiz, bir necha soniya ichida. Yani "Lorem" deysiz va nechta soสปz kerakligini yozasiz)
โ "Div" bu - oyna yoki faylning oสปrtada ushlab turuvchi ramka
<div>
</div>
โ "H" ya'ni ->> " h1", "h2", "h3" "h4", "h5" va "h6" - bular "Title" hisoblanadi
<h1>
</h1>
โ "p" bu - matn kiritish uchun yoziladi
<p>
</p>
โก1โคโ๐ฅ1๐1๐1๐จโ๐ป1๐1
#HTML
Faylning 1 parchasi ๐
Faylning 1 parchasi ๐
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>softlog</title>
<link rel="stylesheet" href="./main.css">
</head>
<body>
<header class="header">
<div class="header-container">
<div class="header-box">
<img class="header-image" src="./softlog (1).png" alt="">
<ul class="nav">
<li class="nav-link">Categories</li>
<li class="nav-link">Blog</li>
<li class="nav-link">Contact</li>
</ul>
</div>
<div>
<button class="btn1">Claim profile</button>
<button class="btn2">Write a review</button>
</div>
</div>
</header>
<section class="section1">
<div class="section-container">
<div class="section-box">
<h2 class="section-title1">Category title</h2>
<p class="section-text">Accounting software automates an organization's financial functions and transactions with<br> modules including accounts payable, accounts receivable, payroll, billing and general ledger.</p>
</section>
<section class="section2">
<div class="section2-container">
<p class="section2-text"><span class="section2-teyx-span">805 </span>listings</p>
<button class="section2-button">Filter<img class="image" src="" alt=""></button>
</div>
</section>
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
<link rel="stylesheet" href="./main.css">
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
<img class="header-image" src="./softlog (1).png" alt="">
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1