👨🏻‍💻 TechCode Azerbaijan

👨🏻‍💻 TechCode Azerbaijan

〽️ Projelere Doyamayacaksınız Sıfırdan Komple (PHP-MySQL-JS)

✒ PHP HTML MySQ Kullanarak Mükemmel Projeler Geliştiriyoruz Toplam 10 Profesyonel Site Yapımı Hosting Hizmeti Hediyeli !

🔗 https://www.udemy.com/course/projelere-doyamayacaksiniz-php-pdo-html-html5-css-js/?couponCode=MAYISKAMPANYASI

#️⃣ Etiketlər
#php #html #js #udemy #codertv

©️ Coder.Tv | @CoderrTv

Udemy

Sıfırdan İleri Seviye PHP Temelden Zirveye (PHP-MySQL-JS)

PHP HTML MySQ Kullanarak Mükemmel Projeler Geliştiriyoruz Toplam 10 Profesyonel Site Yapımı Hosting Hizmeti Hediyeli !

207 views08:48

❤️ 1

👨🏻‍💻 TechCode Azerbaijan

html_not.pdf

263.6 KB

#CoderBook #html

366 views《Root~♡》, edited 19:15

👨🏻‍💻 TechCode Azerbaijan

HTML.pdf

1.6 MB

#CoderBook #html
HTML pdf

Azərbaycan dilində\

394 views《Root~♡》, edited 19:18

👨🏻‍💻 TechCode Azerbaijan

HTML 5 - Emre Can Öztaş.pdf

2.8 MB

#CoderBook #html

📚HTML 5 - Emre Can Öztaş
🌐 Dil: Türkcə 🇹🇷

©️Coder.Tv | @CoderrTv

316 viewsTaleh_Channel_Bot, 10:26

❤️ 4

👨🏻‍💻 TechCode Azerbaijan

🔻HTMLdə <dialog><dialog/> teqi nədir?

✍🏻 Dialog teqi heç bir Javascript funksiyası və CSS stili
yazmadan veb brauzerdə popup yaratmağınıza imkan
verir.

Şəkildəki nümunə ilə tanış olaraq yoxlaya bilərsiniz.

#popup #webdevelopment #html

@CoderrTv | Asim Mahmudov

👍3

952 viewsTaleh, edited 15:38

👨🏻‍💻 TechCode Azerbaijan

Yeni bir səhifəyə keçid etdikdə səhifənin hər zaman
yuxarısında başlamaq üçün (əgər scroll edib aşağıya
düşmüşüksə əvvəlki səhifədə) funksiya

#reactjs #javascript #frontend #frontenddeveloper #html

@CoderrTv | © Cəfərli Ziya

👍6👏1

1.3K viewsTaleh, 21:01

👨🏻‍💻 TechCode Azerbaijan

📢 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

👍4❤1

1.45K views18:55

👨🏻‍💻 TechCode Azerbaijan

#html #frontend #meta

#Meta tag nədir?

HTML-dəki meta teqləri (yəni <meta> teqləri) səhifə haqqında brauzerə və axtarış sistemlərinə əlavə məlumatlar təqdim etmək üçün istifadə olunur. Bu teqlər <head> hissəsində yerləşir və birbaşa istifadəçiyə görünmür, amma SEO, sosial paylaşım və brauzer davranışları üçün çox vacibdir.

Gəlin, attribute-larına baxaq:

🧠 1. charset — Simvol kodlaşdırması: saytın hansı simvol kodlaşdırmasından istifadə etdiyini bildirir. Nümunə olaraq:

<meta charset="UTF-8">

🔹 Ən geniş istifadə olunan kodlaşdırma UTF-8-dir. Azərbaycan dili simvolları da daxil olmaqla, əksər dilləri dəstəkləyir.

🔍 2. name="description" — Sayt təsviri (SEO üçün) : axtarış sistemlərinə səhifənin qısa təsvirini verir. Nümunə olaraq:

<meta name="description" content="Azərbaycan haqqında maraqlı faktlar və məlumatlar.">

🔹 Google bu təsviri axtarış nəticələrində göstərə bilər. 150-160 simvol tövsiyə olunur.

📱 3. name="viewport" — Mobil uyğunluq: Mobil cihazlarda səhifənin düzgün görünməsi üçün bu teq vacibdir. Nümunə olaraq:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

🔹 Saytın mobil cavabdeh (responsive) olmasına kömək edir.

🗣 4. name="keywords" — Açar sözlər (az təsirli, amma bəzi sistemlərdə hələ də istifadə olunur). Nümunə olaraq:

<meta name="keywords" content="Azərbaycan, tarix, mədəniyyət, turizm">

🔹 SEO üçün əvvəllər vacib idi, indi Google bu teqi nəzərə almır, amma bəzi axtarış sistemləri hələ istifadə edir.

🧾 5. name="author" — Müəllif adı. Nümunə olaraq:

<meta name="author" content="Murad Qurbanzadə">

🔹 Səhifənin müəllifini göstərir.

💻 6. http-equiv="refresh" — Avtomatik yönləndirmə. Nümunə olaraq:

<meta http-equiv="refresh" content="5; url=https://example.com">

🔹 Səhifə 5 saniyədən sonra example.com-a yönləndiriləcək. (Amma bu çox tövsiyə olunmur, çünki istifadəçi təcrübəsinə mənfi təsir göstərə bilər.)

📷 7. Open Graph (Facebook, LinkedIn, WhatsApp paylaşımı üçün). Nümunə olaraq:

<meta property="og:title" content="Azərbaycanın Gözəllikləri">
<meta property="og:description" content="Azərbaycanın təbiəti, mədəniyyəti və tarixi haqqında geniş məlumat.">
<meta property="og:image" content="https://example.com/azerbaycan.jpg">
<meta property="og:url" content="https://example.com/az">

🔹 Sosial şəbəkələrdə link paylaşarkən necə göründüyünü bu teqlər müəyyən edir.

🐦 8. Twitter Card (Twitter paylaşımı üçün). Nümunə olaraq:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Azərbaycan Turizmi">
<meta name="twitter:description" content="Azərbaycanın turizm potensialı haqqında ətraflı məlumat.">
<meta name="twitter:image" content="https://example.com/image.jpg">

🔹 Sosial şəbəkələrdə link paylaşarkən necə göründüyünü bu teqlər müəyyən edir.

Ümumən baxdıqda isə:

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Azərbaycan haqqında faydalı və maraqlı məlumatlar.">
  <meta name="keywords" content="Azərbaycan, mədəniyyət, turizm, tarix">
  <meta name="author" content="Murad Qurbanzadə">
  <meta property="og:title" content="Azərbaycan Gözəllikləri">
  <meta property="og:description" content="Azərbaycanın təbiəti və mədəniyyəti haqqında məlumat.">
  <meta property="og:image" content="https://example.com/image.jpg">
  <meta property="og:url" content="https://example.com/az">
</head>

@TechCodeAz | TechCode.Az

👍2🔥1

158 viewsMurad, 21:06

👨🏻‍💻 TechCode Azerbaijan

#frontend #html #javascript

<script /> nədir?

HTML-də JavaScript kodunu işlətmək üçün <script> tagından istifadə olunur.

Bu tag brauzerə deyir ki, "buradan sonra JavaScript kodu gəlir və onu icra et.”:

<script>
  alert("Salam, dünya!");
</script>

JavaScript-in HTML-ə 3 cür bağlanma üsulu:

1. Daxili script (Internal JavaScript) - JavaScript kodları birbaşa HTML faylının içində, <script> tagı vasitəsilə yazılır:

<!DOCTYPE html>
<html>
<head>
  <title>Daxili Script</title>
</head>
<body>
  <h1>Salam!</h1>
  <script>
    alert("Bu daxili scriptdir.");
  </script>
</body>
</html>

✅ Üstünlükləri:

- Kiçik layihələr üçün rahatdır.
- Fayl sayı az olur.

❌ Dezavantajları:

- Kodlar HTML ilə qarışır.
- Təmizlik və təkrar istifadəyə uyğun deyil.

2. Xarici script (External JavaScript) - Kodlar ayrıca .js faylına yazılır və HTML faylında çağırılır:

<!DOCTYPE html>
<html>
<head>
  <title>Xarici Script</title>
  <script src="main.js"></script>
</head>
<body>
  <h1>Xarici fayl nümunəsi</h1>
</body>
</html>

main.js:

alert("Bu, xarici scriptdir.");

✅ Üstünlükləri:

- Kod daha səliqəli və təşkilatlanmış olur.
- Eyni faylı bir neçə HTML faylında istifadə etmək mümkündür.
- Kodun saxlanması və inkişafı asanlaşır.

❌ Dezavantajları:

- Əlavə HTTP sorğusu (performansa təsir edə bilər).
- Əgər script faylı tapılmasa, səhv çıxar.

3. Inline script (Sətir içi JavaScript) - HTML elementinin içində birbaşa yazılır (məsələn, onclick atributu ilə).:

<button onclick="alert('Düyməyə basıldı!')">Beni bas</button>

✅ Üstünlükləri:

- Sadə funksiyalar üçün tez və rahatdır.

❌ Dezavantajları:

- Kodlar HTML ilə qarışır.
- Oxunması və idarə olunması çətindir.
- Təhlükəsizlik riski artar (XSS hücumları).

⭐️ Ən çox istifadə olunan hansıdır və niyə? -

✅ Xarici script üsulu ən çox istifadə olunur.

Səbəbləri:

- Kodun təkrar istifadəsi mümkündür.
- Layihənin böyüməsinə uyğun səliqəli struktur təmin edir.
- HTML və JavaScript ayrı saxlandığı üçün baxımı və inkişafı asan olur.

@TechCodeAz | TechCode.Az

🔥2

195 viewsMurad, 15:01

About

Blog

Apps

Platform