frontend Archives - RG Academy TƏHSİLİNLƏ HƏDƏFİNƏ ÇAT Fri, 09 Dec 2022 16:40:45 +0000 en-US hourly 1 https://wordpress.org/?v=6.7.1 https://rgacademy.org/wp-content/uploads/2022/11/cropped-RG-Agency-Logo-v2022-e1667770485318-32x32.png frontend Archives - RG Academy 32 32 JavaScript nədir? https://rgacademy.org/javascript-n%c9%99dir/ Fri, 09 Dec 2022 16:32:35 +0000 https://rgacademy.org/?p=829   JavaScript, veb tərtibatçılarının veb səhifələri, tətbiqləri, serverləri və hətta oyunları inkişaf etdirərkən daha dinamik qarşılıqlı əlaqə yaratmaq üçün istifadə etdiyi yüngül proqramlaşdırma dilidir. Tərtibatçılar ümumiyyətlə HTML və CSS ilə yanaşı JavaScript-dən istifadə edirlər . Skript dili HTML elementlərinin formatlaşdırılmasında CSS ilə yaxşı işləyir. Bununla belə, JavaScript hələ də CSS-in öz-özünə edə bilməyəcəyi istifadəçi qarşılıqlı əlaqəsini saxlayır. JavaScript-in vebdə tətbiqləri, […]

The post JavaScript nədir? appeared first on RG Academy.

]]>
 

JavaScript, veb tərtibatçılarının veb səhifələri, tətbiqləri, serverləri və hətta oyunları inkişaf etdirərkən daha dinamik qarşılıqlı əlaqə yaratmaq üçün istifadə etdiyi yüngül proqramlaşdırma dilidir.

Tərtibatçılar ümumiyyətlə HTML və CSS ilə yanaşı JavaScript-dən istifadə edirlər . Skript dili HTML elementlərinin formatlaşdırılmasında CSS ilə yaxşı işləyir. Bununla belə, JavaScript hələ də CSS-in öz-özünə edə bilməyəcəyi istifadəçi qarşılıqlı əlaqəsini saxlayır.

JavaScript-in vebdə tətbiqləri, mobil proqramlar və oyun inkişafı skript dilini öyrənməyə dəyər edir. Siz bunu BitDegree kimi öyrənmə platformaları vasitəsilə və ya GitHub kimi kod hostinq platformalarında pulsuz JavaScript şablonları və proqramlarını araşdıraraq edə bilərsiniz .

JavaScript nə üçün istifadə olunur?

Skript dilinin ilkin versiyaları yalnız daxili istifadə üçün idi. Netscape onu veb-brauzerlər üçün standart spesifikasiya kimi ECMA International -a təqdim etdikdən sonra JavaScript ECMAScript-in buraxılışına öncülük etdi.

Bu, müxtəlif brauzerlər və cihazlar arasında veb səhifələrin qarşılıqlı əlaqəsini təmin etmək üçün ümumi təyinatlı skript dili idi.

JavaScript o vaxtdan bəri Mozilla Firefox və Google Chrome kimi yeni brauzerlərlə birlikdə böyüməyə davam etdi Sonuncu hətta bayt kodunu yerli maşın koduna tərtib edən V8 adlı ilk müasir JavaScript mühərrikini inkişaf etdirməyə başladı .

Bu gün JavaScript-də AngularJS , jQuery və ReactJS kimi mürəkkəb layihələri sadələşdirmək üçün çoxlu çərçivələr və kitabxanalar var .

Əvvəlcə müştəri tərəfində işləyən JavaScript tətbiqi, Google Chrome JavaScript V8 mühərrikində qurulmuş platformalararası server mühiti olan Node.js inkişafından sonra server tərəfinə şaxələnmişdir .

Ən çox veb əsaslı proqramlara xidmət etsə də, JavaScript proqramlaşdırma xüsusiyyətləri müxtəlif sahələrdə başqa tətbiqlərə malikdir. Aşağıda JavaScript-in bir neçə əsas istifadəsi verilmişdir.

1. Veb və Mobil Proqramlar

JavaScript kod kitabxanalarından ibarət JavaScript çərçivələrinin inkişafı tərtibatçılara öz layihələrində əvvəlcədən yazılmış JavaScript kodundan istifadə etməyə imkan verir. Bu, proqramlaşdırma xüsusiyyətlərini sıfırdan kodlaşdırmaqdan onlara vaxt və səylərə qənaət edir.

Hər bir JavaScript çərçivəsi inkişaf və sazlama prosesini asanlaşdıran xüsusiyyətlərə malikdir.

Məsələn, jQuery və ReactJS kimi qabaqcıl JavaScript çərçivələri dizayn səmərəliliyini artırır. Onlar tərtibatçılara kod komponentlərini bir-birinə, funksiyaya və ya dəyər baxımından təsir etmədən təkrar istifadə etməyə və yeniləməyə imkan verir.

Eyni zamanda, Cordova və Titanium kimi mobil proqram inkişaf çərçivələri yerli və ya hibrid proqramlar yaratmağa imkan verir .

Node.js-də JavaScript kodunun tətbiqi də veb inkişafında mühüm rol oynayır. Node.js tək yivli təbiəti və bloklanmayan arxitekturasına görə server cavab vaxtını azalda və gecikmələri buraxa bilər.

Node.js həmçinin mikroservislər üçün genişləndirilə bilən alət kimi xidmət etmək üçün kifayət qədər yüngüldür və sizə fərdi proseslərlə kiçik xidmətlərdən ibarət vahid proqram hazırlamağa imkan verir.

2. Veb Serverlərin və Server Proqramlarının qurulması

Node.js vasitəsilə JavaScript tərtibatçılara veb-serverlər və arxa-end infrastrukturu yaratmağa imkan verir, bununla da veb serverin yaradılmasında vaxtınıza və səyinizə qənaət edirsiniz.

Daxili HTTP modulu istifadəçilər veb səhifəyə daxil olduqda düz mətni göstərən əsas HTTP serverini inkişaf etdirməyə imkan verir. HTTP sorğularını idarə etmək üçün ya Node.js öz veb serverindən, Node-OS-dan , ya da Microsoft İnternet İnformasiya Xidmətləri (IIS) və Apache kimi üçüncü tərəflərdən istifadə edə bilərsiniz .

Nəzərə alın ki, Node-OS Linux nüvəsinin üstündə qurulduğu üçün Linux əməliyyat sistemlərində ən yaxşı işləyir .

3. Vebsaytlarda İnteraktiv Davranış

JavaScript-in əsas funksiyalarından biri veb səhifələrə dinamiklik əlavə etməkdir. Buraya animasiyaların göstərilməsi, mətnin görünməsinin dəyişdirilməsi və açılan menyuların yaradılması daxildir.

Veb sayt yaratmaq üçün yalnız HTML və CSS kodundan istifadə edə bilsəniz də, onun yalnız statik ekranı olacaq. JavaScript ilə istifadəçi veb səhifələrlə qarşılıqlı əlaqədə ola bilər və daha yaxşı baxış təcrübəsi əldə edə bilər.

Bundan əlavə, JavaScript əvvəlcə veb səhifəni yenidən yükləmədən HTML məzmununu və atribut dəyərlərini dəyişməyə imkan verir. Bunun səbəbi JavaScript-in aşağıdakı məlumat növlərini dəstəkləməsidir:

  • Sətir ‒ dırnaq içərisində yazılmış mətn məlumatlarından ibarətdir. Məsələn, “Salam dünya” mətnini göstərin .
  • Rəqəm ‒ (2^53 – 1) və -(2^53 – 1) arasında olan tam və üzən nöqtəli ədədləri əhatə edir.
  • Boolean ‒ doğru və yanlış dəyərləri olan məntiqi məlumat növü .
  • BigInt ‒ ixtiyari uzunluqlu tam verilənləri təmsil edir.
  • Null ‒ null dəyəri ehtiva edir.
  • Undefined ‒ elan edilmiş, lakin təyin olunmamış dəyişənləri ehtiva edir.
  • Simvol ‒ obyektlər üçün unikal identifikatorlar təqdim edir.
  • Obyekt ‒ əyri mötərizələrlə yazılmış mürəkkəb məlumat strukturları üçün. Məsələn, {item:”Kitab”, məlumat:”biography”} .

Obyektdən başqa bütün məlumat növlərindən ibarət olan primitiv məlumat növləri yalnız bir verilənləri saxlaya bilər. Eyni zamanda, obyekt məlumat növü dəyərlər toplusunu ehtiva edə bilər.

JavaScript ilə siz həmçinin kukilərdən istifadə edərək istifadəçilərin internetə baxış təcrübəsini təkmilləşdirə bilərsiniz. JavaScript-də kukilərin yaradılması, oxunması və silinməsi kukilərin dəyərlərinin alıcısı və təyinedicisi kimi fəaliyyət göstərən document.cookie xassəsini tələb edir.

4. Oyun inkişafı

JavaScript HTML5 və WebGL kimi Tətbiq Proqramlaşdırma İnterfeysi (API) ilə istifadə olunarsa, oyun qurmağınıza kömək edə bilər Phaser , GDevelop və Kiwi.js kimi çoxlu JavaScript əsaslı oyun mühərrikləri qrafiklərin göstərilməsi, kodun təkrar emalı və platformalar arası proqramlar üçün əlçatandır.

JavaScript oyun mühərrikləri ilə hazırlanmış bəzi oyunlara Angry Birds , The Wizard və 2048 daxildir .

Angry Birds-in açılış səhifəsi.

JavaScript-i əla edən nədir?

JavaScript onu rəqiblərindən daha yaxşı seçim edən bir sıra üstünlüklərə malikdir. JavaScript istifadə etməyin bir sıra üstünlükləri aşağıdakılardır:

  • Sadəlik ‒ sadə struktura malik olmaq JavaScript-in öyrənilməsini və həyata keçirilməsini asanlaşdırır və digər dillərdən daha sürətli işləyir. Səhvləri aşkar etmək və düzəltmək də asandır.
  • Sürət ‒ JavaScript əvvəlcə serverə qoşulmadan və ya kompilyatora ehtiyac duymadan skriptləri birbaşa veb-brauzer daxilində icra edir. Bundan əlavə, əksər əsas brauzerlər proqramın icrası zamanı JavaScript-ə kodu tərtib etməyə imkan verir.
  • Çox yönlülük ‒ JavaScript PHP, Perl və Java kimi digər dillərlə uyğun gəlir. O, həmçinin məlumat elmini və maşın öyrənməsini tərtibatçılar üçün əlçatan edir.
  • Populyarlıq – məhdud texniki bacarıqları və JavaScript biliyi olan yeni başlayanlara kömək etmək üçün çoxlu resurs və forumlar mövcuddur.
  • Server yükü ‒ müştəri tərəfində işləməyin başqa bir üstünlüyü ondan ibarətdir ki, JavaScript serverə göndərilən sorğuları azaldır. Məlumatların yoxlanılması veb brauzer vasitəsilə həyata keçirilə bilər və yeniləmələr yalnız müəyyən veb səhifə bölmələrinə aiddir.
  • Yeniləmələr ‒ JavaScript inkişaf komandası və ECMA International davamlı olaraq yeni çərçivələr və kitabxanalar yaradır və sənaye daxilində aktuallığını təmin edir.

JavaScript-in zəif tərəfləri nələrdir?

Hər hansı digər proqramlaşdırma dili kimi, JavaScript-də də nəzərə almalı olduğunuz bir neçə məhdudiyyət var. JavaScript-dən istifadənin bəzi çatışmazlıqları aşağıdakılardır:

  • Brauzer uyğunluğu ‒ müxtəlif veb-brauzerlər JavaScript kodunu fərqli şəkildə şərh edir və uyğunsuzluğa səbəb olur. Buna görə də, istifadəçi təcrübəsinə zərər verməmək üçün JavaScript skriptinizi bütün məşhur veb brauzerlərdə, o cümlədən onların köhnə versiyalarında sınaqdan keçirməlisiniz.
  • Təhlükəsizlik ‒ Müştəri tərəfində işləyən JavaScript kodu məsuliyyətsiz istifadəçilər tərəfindən istismara qarşı həssasdır.
  • Sazlama ‒ bəzi HTML redaktorları sazlamağı dəstəkləsə də, digər redaktorlardan daha az səmərəlidir. Brauzerlər səhvlər üçün heç bir xəbərdarlıq göstərmədiyi üçün problemi tapmaq çətin ola bilər.

JavaScript Kodu Veb Səhifənizdə Necə İşləyir?

JavaScript ya birbaşa veb səhifəyə daxil edilir və ya ayrıca .js faylı vasitəsilə istinad edilir. İstifadəçi həmin veb səhifəni ziyarət etdikdə, onun brauzeri HTML və CSS kodu ilə birlikdə skripti işlədəcək – brauzer nişanı vasitəsilə funksional səhifə yaradacaq.

Skript ziyarətçilərin maşınlarına endirilir və orada emal edilir. Bu, serverin skripti brauzerə göndərməzdən əvvəl emal etdiyi server tərəfindəki dildən fərqlənir.

JavaScript kodu bloku ilə qarşılaşdıqda, veb brauzer onu yuxarıdan aşağıya emal edəcək. Sifariş həssas olduğundan, onları dəyişdirməzdən əvvəl əvvəlcə blokdakı obyektlərə və ya dəyişənlərə istinad etdiyinizə əmin olun. Dəyərləri olmayan dəyişənlərin olması qeyri-müəyyən xəta ilə nəticələnəcək.

JavaScript digər proqramlaşdırma dillərindən nə ilə fərqlənir?

JavaScript-in ən populyar proqramlaşdırma dillərindən biri olmasının səbəbi onun çox yönlü olmasıdır. Bir çox tərtibatçılar JavaScript-in təmin etmədiyi xüsusi bir funksiyaya ehtiyac duymadıqca bunu əsas seçim hesab edirlər.

Ən məşhur proqramlaşdırma dillərindən bir neçəsinə nəzər salaq :

C# – .NET ekosistemində işləyən proqramların yaradılması üçün obyekt yönümlü dil. O, statik tiplidir, yəni onun dəyişənləri kompilyasiya zamanı müəyyən edilə bilər. JavaScript-dən fərqli olaraq, C#-da məlumat növlərini dəyişməyə imkan verən operator və konversiya həddən artıq yüklənməsi var.

Java – böyük proqramları və tətbiqləri dəstəkləmək üçün nəzərdə tutulmuş obyekt yönümlü proqramlaşdırma dili. JavaScript-dən fərqli olaraq, Java güclü şəkildə yazılmışdır, yəni onun dəyişənləri xüsusi məlumat növləri ilə əlaqələndirilməlidir. Java öz skriptini işlətmək üçün tam zamanında (JIT) kompilyator tələb edir.

PHP – WordPress kimi PHP əsaslı məzmun idarəetmə sistemlərində tez-tez görülən server tərəfi dili. Onun əsas məqsədləri məlumat bazasına və verilənlər bazasından məlumat ötürmək, HTML faylları toplamaq və sessiyaları izləməkdir. JavaScript-dən fərqli olaraq, PHP verilənlər bazasına birbaşa daxil ola bilir və həm kiçik, həm də böyük hərf dəyişənlərini qəbul edir.

Ruby – metaproqramlaşdırmanı dəstəkləyən ümumi təyinatlı proqramlaşdırma dilidir, yəni digər proqramları və özünü təhlil edə və dəyişdirə bilər. Onun ən populyar çərçivəsi olan Ruby on Rails sizə böyük veb proqramları xərc və vaxtı səmərəli şəkildə qurmağa imkan verir. JavaScript-in Node.js-də tətbiqi Ruby on Rails çərçivəsindən ilham alır.

JavaScript kodunu vebsayta necə əlavə etmək olar?

HTML veb səhifəsinə JavaScript kodu əlavə etməyin iki yolu var – daxili və xarici.
Daxili JavaScript bütün JavaScript kodunu əhatə etmək üçün HTML skriptinin gövdəsində  <script> teqindən istifadə edir.

The post JavaScript nədir? appeared first on RG Academy.

]]>
CSS nədir https://rgacademy.org/css-nedir/ Tue, 06 Dec 2022 16:57:38 +0000 https://rgacademy.org/?p=688 CSS nədir və necə işləyir? CSS 1996-cı ildə W3C ( World Wide Web Consortium ) tərəfindən olduqca sadə bir səbəbə görə hazırlanmışdır . HTML elementi səhifəni formatlaşdırmağa kömək edəcək teqlərə malik olmaq üçün nəzərdə tutulmamışdır. Siz yalnız veb səhifə üçün işarələməni yazmalı idiniz. <font> kimi teqlər HTML versiya 3.2-də təqdim edildi və bu, veb tərtibatçıları üçün kifayət qədər problem yaratdı. Veb səhifələrin müxtəlif şriftlərə, […]

The post CSS nədir appeared first on RG Academy.

]]>
CSS nədir və necə işləyir?

CSS 1996-cı ildə W3C ( World Wide Web Consortium ) tərəfindən olduqca sadə bir səbəbə görə hazırlanmışdır . HTML elementi səhifəni formatlaşdırmağa kömək edəcək teqlərə malik olmaq üçün nəzərdə tutulmamışdır. Siz yalnız veb səhifə üçün işarələməni yazmalı idiniz.

<font> kimi teqlər HTML versiya 3.2-də təqdim edildi və bu, veb tərtibatçıları üçün kifayət qədər problem yaratdı. Veb səhifələrin müxtəlif şriftlərə, rəngli fonlara və çoxlu üslublara malik olması səbəbindən kodun yenidən yazılması uzun, ağrılı və bahalı proses idi. Beləliklə, CSS bu problemi həll etmək üçün W3C tərəfindən yaradılmışdır.

CSS texniki cəhətdən zərurət deyil, lakin siz yəqin ki, yalnız HTML elementləri olan veb səhifəyə baxmaq istəməzsiniz, çünki o, tamamilə çılpaq görünür.

CSS Cascading Style Sheets dilini ifadə edir və HTML kimi işarələmə dilində yazılmış elementləri stilləşdirmək üçün istifadə olunur. O, məzmunu saytın vizual təqdimatından ayırır. HTML və CSS arasındakı əlaqə bir-birinə möhkəm bağlıdır, çünki HTML bir saytın əsasını təşkil edir və CSS bütün veb-saytın bütün estetikasını təşkil edir.

CSS tətbiq edən veb səhifə ilə olmayan bir veb səhifə arasındakı fərq böyükdür və şübhəsiz ki, nəzərə çarpır.

Tamamilə yüklənə bilməyən və mətnin əksəriyyətinin mavi və qara olduğu ağ fon rənginə malik veb saytı görmüş ola bilərsiniz. Bu o deməkdir ki, veb səhifənin CSS hissəsi düzgün yüklənməyib və ya ümumiyyətlə mövcud deyil.

Yalnız HTML olan veb səhifələr belə görünür və məncə, bunun çox cəlbedici olmadığı ilə razılaşarsınız.
CSS-dən istifadə etməzdən əvvəl bütün stilləşdirmə HTML işarələməsinə daxil edilməli idi. Bu o deməkdir ki, veb tərtibatçıları fon rəngini, şrift ölçüsünü, düzülmələri və s. ayrıca təsvir etməli idilər.

CSS sizə hər şeyi fərqli bir faylda stilləşdirməyə imkan verir, beləliklə orada dizayn yaratmağa və daha sonra HTML işarələməsinin üstünə CSS fayllarını inteqrasiya etməyə imkan verir. Bu, faktiki HTML işarələməsini daha təmiz və saxlanmasını asanlaşdırır.

Bir sözlə, CSS xüsusiyyətləri ilə ayrı-ayrı elementlərin necə göründüyünü təkrar-təkrar təsvir etməyə ehtiyac yoxdur. Bu, vaxta qənaət edir, kodu qısaldır və onu səhvlərə meylli etmir.

CSS bir HTML səhifəsində birdən çox üsluba sahib olmağa imkan verir, buna görə də fərdiləşdirmə imkanlarını demək olar ki, sonsuz edir. İndiki vaxtda bu, əmtəədən daha çox zərurətə çevrilir.

CSS necə işləyir?

CSS onu idarə edən bir sıra qaydalar ilə sadə ingilis əsaslı sintaksisdən istifadə edir. Daha əvvəl qeyd etdiyimiz kimi, HTML heç vaxt üslub elementlərindən istifadə etmək üçün nəzərdə tutulmamışdır, yalnız səhifənin işarələnməsi. O, sadəcə məzmunu təsvir etmək üçün yaradılmışdır. Məsələn: <p>Bu, paraqrafdır.</p> .

Bəs siz paraqrafı necə tərtib edirsiniz? CSS sintaksis strukturu olduqca sadədir. Seçici və bəyannamə bloku var. Siz elementi seçirsiniz və sonra onunla nə etmək istədiyinizi bəyan edirsiniz. Olduqca sadə, elə deyilmi?

Bununla belə, yadda saxlamalı olduğunuz qaydalar var. Quruluş qaydaları olduqca sadədir, buna görə narahat olmayın.

Seçici stil vermək istədiyiniz HTML elementlərinə işarə edir. Bəyannamə blokunda nöqtəli vergüllə ayrılmış bir və ya daha çox bəyannamə var.

Hər bir bəyannaməyə CSS mülkiyyət adı və iki nöqtə ilə ayrılmış dəyər daxildir. CSS bəyannaməsi həmişə nöqtəli vergüllə bitir və bəyannamə blokları əyri mötərizələrlə əhatə olunur.

Bir misala baxaq:

Bütün <p> elementləri mavi və qalın rənglə rənglənəcək.

				
					<style>
p {
 color: blue;
 text-weight: bold;
}
<style>
				
			

Başqa bir misalda, bütün <p> elementləri mərkəzə düzüləcək, eni 16x və çəhrayı olacaq.

				
					<style>
p {
   text-align: center;
   font-size: 16px;
   color: pink;
  
}
</style>
				
			

Daxili, Xarici və Daxili CSS Üslubları

Hər bir üslubu qısaca nəzərdən keçirəcəyik, hər bir metodun ətraflı izahı üçün ümumi baxışın altında bir keçid olacaq.

Daxili üslub haqqında danışmağa başlayaq Bu şəkildə edilən CSS üslubları bütün vebsayt hər dəfə yeniləndikdə yüklənir, bu da yükləmə vaxtını artıra bilər. Bundan əlavə, bir səhifədə olduğu üçün eyni CSS üslubunu birdən çox səhifədə istifadə edə bilməyəcəksiniz. Bununla belə, bu da fayda gətirir. Hər şeyin bir səhifədə olması şablonu önizləmə üçün paylaşmağı asanlaşdırır.

Xarici üsul ən əlverişli ola bilər Hər şey xarici olaraq .css faylında edilir Bu o deməkdir ki, bütün üslubu ayrıca faylda edə və CSS-i istədiyiniz səhifəyə tətbiq edə bilərsiniz. Xarici üslub yükləmə vaxtlarını da yaxşılaşdıra bilər.

Nəhayət, CSS-in Inline üslubu haqqında danışacağıq Inline, <style> teqi olan xüsusi elementlərlə işləyir. Hər bir komponent stilizə edilməlidir, ona görə də o, CSS-i idarə etməyin ən yaxşı və ya ən sürətli yolu olmaya bilər. Amma işinə yaraya bilər. Məsələn, bir elementi dəyişdirmək istəyirsinizsə, dəyişiklikləri tez bir zamanda nəzərdən keçirin və ya CSS fayllarına girişiniz yoxdur.

Nəticə

Gəlin burada CSS haqqında öyrəndiklərimizi və onun veb səhifələrin estetikasına necə kömək etdiyini ümumiləşdirək:

  • CSS HTML kimi digər işarələmə dilləri ilə birlikdə işləmək üçün yaradılmışdır. Səhifəni stilləşdirmək üçün istifadə olunur.
  • CSS tətbiqinin üç üslubu var və siz birdən çox səhifəni uyğunlaşdırmaq üçün Xarici üslubdan istifadə edə bilərsiniz.
  • Bu gün bir növ CSS tətbiqini görmədən uzağa getməyəcəksiniz, çünki bu, işarələmə dilinin özü qədər tələbdir.

Ümumiyyətlə, ümid edirik ki, bu məqalə sizə faydalı oldu və hər hansı bir sualınız varsa, lütfən, aşağıdakı şərhlər bölməsində buraxın.

The post CSS nədir appeared first on RG Academy.

]]>