#css #transform
🔻 Css'dəki Transform özəlliyinin animasiyalı şəkildə izahı.
https://www.instagram.com/tv/CcBGYD5j8a1/?utm_medium=copy_link
@CoderrTv
🔻 Css'dəki Transform özəlliyinin animasiyalı şəkildə izahı.
https://www.instagram.com/tv/CcBGYD5j8a1/?utm_medium=copy_link
@CoderrTv
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Media Queries
CSS-də Media Queries proqramlaşdırma dillərindəki "if" şərti strukturuna bənzəyir.
Brauzer/pəncərə üçün mötərizələr arasındakı şərt təmin edilirsə, buruq mötərizələrin içindəki qaydalar nəzərə alınır. #css #frontend #responsive
@CoderrTv
CSS-də Media Queries proqramlaşdırma dillərindəki "if" şərti strukturuna bənzəyir.
Brauzer/pəncərə üçün mötərizələr arasındakı şərt təmin edilirsə, buruq mötərizələrin içindəki qaydalar nəzərə alınır. #css #frontend #responsive
@CoderrTv
👍5🔥1👏1
📢 Yeni başlayanlar və Tələbələr üçün #Onlayn #Frontend Proqramlaşdırma Təlimi!
Frontend proqramlaşdırma, interaktiv veb səhifələr və veb tətbiqlərin inkişafında əsas rol oynayır. Bizim təlimlərimiz vasitəsilə, HTML, CSS və JavaScript (React Js) kimi ən güclü və populyar veb texnologiyalarını öyrənəcəksiniz.
MasterCode Academy-də #Onlayn #frontend bootcamp-ına qoşulun və təcrübəli təlimçilərlə 5 ay müddətində frontend kodlaşdırma biliklərinə yiyələnin.
Bizim təlimlərimizdən faydalanmaqla, bir frontend proqramçı olmaq üçün tələb olunan lazımi bacarıqları əldə edəcəksiniz.
Dərslər həftədə 5 dəfə xüsusi tədris proqramı ilə həyata keçirilir.
Təlimçilərimiz ilə yanaşı mentor heyətimiz sizə 7/24 dəstək olur.
Bootcamp-a qoşulan #tələbələr üçün özəl qiymət təklifimiz də mövcuddur.
💬 Ətraflı məlumat üçün rəy bölməsinə və ya @coderarxivdev'ə yaza bilərsiniz.
#javascript #developer #html #css #reactjs
Frontend proqramlaşdırma, interaktiv veb səhifələr və veb tətbiqlərin inkişafında əsas rol oynayır. Bizim təlimlərimiz vasitəsilə, HTML, CSS və JavaScript (React Js) kimi ən güclü və populyar veb texnologiyalarını öyrənəcəksiniz.
MasterCode Academy-də #Onlayn #frontend bootcamp-ına qoşulun və təcrübəli təlimçilərlə 5 ay müddətində frontend kodlaşdırma biliklərinə yiyələnin.
Bizim təlimlərimizdən faydalanmaqla, bir frontend proqramçı olmaq üçün tələb olunan lazımi bacarıqları əldə edəcəksiniz.
Dərslər həftədə 5 dəfə xüsusi tədris proqramı ilə həyata keçirilir.
Təlimçilərimiz ilə yanaşı mentor heyətimiz sizə 7/24 dəstək olur.
Bootcamp-a qoşulan #tələbələr üçün özəl qiymət təklifimiz də mövcuddur.
💬 Ətraflı məlumat üçün rəy bölməsinə və ya @coderarxivdev'ə yaza bilərsiniz.
#javascript #developer #html #css #reactjs
👍4❤1
#frontend #css
🔷 CSS nədir?
CSS – Cascading Style Sheets ifadəsinin qısaltmasıdır, Azərbaycan dilində bu "Silsiləvi Üslub Cədvəli" deməkdir.
CSS, HTML elementlərinin necə görünəcəyini (rəngi, ölçüsü, yerləşməsi, arxa fonu və s.) təyin etmək üçün istifadə olunur.
CSS 3 yolla yazılır. Gəlin CSS-in 3 əsas tətbiq üsulunu nümunələrlə izah edək və sonda hansının daha çox üstünlük təşkil etdiyini və səbəbini açıqlayaq.
🔹 1. Inline CSS (Daxili səviyyədə yazılan CSS) : Inline CSS birbaşa HTML elementinin style atributu ilə yazılır. Bu üsul çox lokal dəyişikliklər üçün istifadə olunur.
➕ Üstünlükləri:
- Sürətli düzəlişlər üçün uyğundur
- JavaScript ilə asanlıqla dəyişdirilə bilər
➖ Mənfi cəhətləri:
- Təmiz kod prinsiplərinə ziddir
- Təkrarçılığa səbəb olur, reusable deyil
- İdarə olunması çətindir (böyük layihələrdə)
🔹 2. Internal CSS (Daxili <style> tag-i ilə yazılan CSS): Bu üsulda CSS qaydaları <head> daxilindəki <style> tag-ında yazılır.
➕ Üstünlükləri:
- Tək səhifəlik layihələr üçün uyğundur
- Sürətli testlərdə rahatdır
➖ Mənfi cəhətləri:
- Kodun təkrar istifadəsi çətindir
- Böyük layihələrdə idarəolunmaz hala gəlir
- HTML faylı çox böyük olur
🔹 3. External CSS (Xarici .css faylı ilə): Bu üsulda bütün CSS qaydaları ayrı bir .css faylında saxlanılır və HTML faylına <link> vasitəsilə əlavə olunur.
HTML:
CSS:
➕ Üstünlükləri:
- Kodun təkrar istifadəsi asandır
- Fərqli səhifələr eyni
- Layihəni modulyar və təmiz saxlayır
- Brauzer bu faylı cache-ləyir, performans artır
➖ Mənfi cəhətləri:
- Fayl çoxdursa səhifənin ilk yüklənməsi biraz gecikə bilər
Sizcə hansı daha çox SEO və performans baxımından daha sərfəlidir? Səbəbini də istəsəz bizimlə bölüşə bilərsiz.
1. İnline
2. External
3. İnternal
@TechCodeAz | TechCode.Az
🔷 CSS nədir?
CSS – Cascading Style Sheets ifadəsinin qısaltmasıdır, Azərbaycan dilində bu "Silsiləvi Üslub Cədvəli" deməkdir.
CSS, HTML elementlərinin necə görünəcəyini (rəngi, ölçüsü, yerləşməsi, arxa fonu və s.) təyin etmək üçün istifadə olunur.
CSS 3 yolla yazılır. Gəlin CSS-in 3 əsas tətbiq üsulunu nümunələrlə izah edək və sonda hansının daha çox üstünlük təşkil etdiyini və səbəbini açıqlayaq.
🔹 1. Inline CSS (Daxili səviyyədə yazılan CSS) : Inline CSS birbaşa HTML elementinin style atributu ilə yazılır. Bu üsul çox lokal dəyişikliklər üçün istifadə olunur.
<p style="color: red; font-size: 20px;">Bu mətn qırmızıdır və 20px-dir.</p>
➕ Üstünlükləri:
- Sürətli düzəlişlər üçün uyğundur
- JavaScript ilə asanlıqla dəyişdirilə bilər
➖ Mənfi cəhətləri:
- Təmiz kod prinsiplərinə ziddir
- Təkrarçılığa səbəb olur, reusable deyil
- İdarə olunması çətindir (böyük layihələrdə)
🔹 2. Internal CSS (Daxili <style> tag-i ilə yazılan CSS): Bu üsulda CSS qaydaları <head> daxilindəki <style> tag-ında yazılır.
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: blue;
font-weight: bold;
}
</style>
</head>
<body>
<p>Bu mətn göydür və qalındır.</p>
</body>
</html>
➕ Üstünlükləri:
- Tək səhifəlik layihələr üçün uyğundur
- Sürətli testlərdə rahatdır
➖ Mənfi cəhətləri:
- Kodun təkrar istifadəsi çətindir
- Böyük layihələrdə idarəolunmaz hala gəlir
- HTML faylı çox böyük olur
🔹 3. External CSS (Xarici .css faylı ilə): Bu üsulda bütün CSS qaydaları ayrı bir .css faylında saxlanılır və HTML faylına <link> vasitəsilə əlavə olunur.
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p class="green-text">Bu mətn yaşıl olacaq.</p>
</body>
</html>
CSS:
.green-text {
color: green;
font-size: 18px;
}➕ Üstünlükləri:
- Kodun təkrar istifadəsi asandır
- Fərqli səhifələr eyni
.css faylını istifadə edə bilər- Layihəni modulyar və təmiz saxlayır
- Brauzer bu faylı cache-ləyir, performans artır
➖ Mənfi cəhətləri:
- Fayl çoxdursa səhifənin ilk yüklənməsi biraz gecikə bilər
Sizcə hansı daha çox SEO və performans baxımından daha sərfəlidir? Səbəbini də istəsəz bizimlə bölüşə bilərsiz.
1. İnline
2. External
3. İnternal
@TechCodeAz | TechCode.Az
👍2