RG Academy

İlqar Quliyev

rgacademy — Fri, 22 Sep 2023 09:32:46 +0000

The post İlqar Quliyev appeared first on RG Academy.

JavaScript nədir?

rgacademy — Fri, 09 Dec 2022 16:32:35 +0000

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 .

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ə Bootstrap 101 Template

Hello, world!

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

Sass nədir?

rgacademy — Fri, 09 Dec 2022 14:21:40 +0000

Sass nədir?

Sass (Sintaktik Awesome Style Sheets) CSS-in uzantısıdır. Stil cədvəli dilləri çərçivə ölçüsü və rəngindən tutmuş menyu mövqelərinə qədər mətnin veb-səhifədə harada və necə görünməsinə nəzarət edir.

CSS bütün internetdə istifadə olunur, lakin bu, onu ən rahat kodlaşdırma təcrübəsi etmir. O, tərtibatçılara dəyişənlərlə işləmək və ya mürəkkəb qərar qəbul etmə tapşırıqlarını yerinə yetirmək əvəzinə mətni ekranda necə təqdim etmək barədə təlimat yazmağa kömək etmək üçün nəzərdə tutulmuşdur.

Gördüyünüz kimi, Sass CSS-in bu ciddi çatışmazlıqlarından bəzilərini aradan qaldıraraq, tərtibatçıların layihələrdə vaxt və səylərinə qənaət edir.

Niyə Sass istifadə edirsiniz?

Sass-ı öyrənmək üçün vaxt və səy tələb olunursa, CSS ilə eyni şeyi edə bilsəniz niyə narahat olursunuz? Tərtibatçıların Sass-ı öyrənməyi dəyərli bir investisiya hesab etmələrinin bir neçə əsas səbəbi var.

Sass kodu CSS ilə müqayisədə daha mütəşəkkildir

CSS və Sass nəzəri olaraq eyni imkanlara malik olsa da, Sass daha az kod istifadə edərək eyni işi görə bilir. Bu, Sass kodunu oxumağı və başa düşməyi asanlaşdırır, xüsusən də çoxsaylı tərtibatçıların iştirak etdiyi böyük veb layihələrində.

Sass sintaksisini öyrənmək asandır

Əgər siz artıq CSS-i bilirsinizsə, o zaman Sass sintaksisinin çoxunun CSS ilə eyni olduğunu görəndə rahatlaşacaqsınız. İkisi arasında bir neçə əsas fərq olsa da, artıq CSS-i bilən tərtibatçıların əksəriyyəti qısa bir kurs keçdikdən sonra Sass-ı götürə bilər.

Sass-ı tamamilə yeni bir dil deyil, proqramlaşdırma “ləhcəsi” kimi düşünün.

Sass kodu təkrar istifadə edilə bilər

Bir azdan öyrənəcəyiniz kimi, Sass təkrar-təkrar istifadə oluna bilən dəyişənlərə və kod hissələrinə icazə verir. Bu, tərtibatçılara çox vaxt qənaət edir və kodlaşdırma səhvləri riskini azaldır. O, həmçinin kodunuzun bir çox yerində, məsələn, çərçivə ölçüləri, haşiyə üslubları, rənglər və s. kimi üslubları dəyişdirməyi asan və sürətli edir.

Sass stabildir

2006-cı ildə buraxıldığı gündən etibarən Sass əsas tərtibatçıları, eləcə də böyük texnologiya şirkətləri tərəfindən dəstəklənir. Nəticədə, Sass yetkin, lakin müasir bir dil hesab edilə bilər.

Sass necə işləyir?

Sass, CSS-ə tərcümə olunan bir ön prosessor dilidir. Preprosessor dili giriş məlumatlarını götürür və onu başqa bir proqram tərəfindən giriş kimi istifadə olunan çıxışa çevirir.

Bu o deməkdir ki, siz Sass kodunu işlətdiyiniz zaman kodunuz həqiqətən CSS-ə çevrilir. Həmin CSS kodu çıxışı daha sonra birbaşa brauzer tərəfindən istifadə olunur.

Niyə Sass-dan CSS-ə keçid üçün bu əlavə addım var? Çünki brauzerlər yalnız CSS kodunu oxuya bilir.

İndi Sass-ın necə işlədiyini və bir çox tərtibatçının onu niyə sevdiyini başa düşdüyünüz üçün gəlin onu bu qədər cəlbedici edən Sass-ın dörd xüsusiyyətinə nəzər salaq.

Sass xüsusiyyətləri

Düşündüyünüz kimi, Sass-ın işləmə tərzi o deməkdir ki, Sass-da birbaşa CSS-də kodlaya bilməyəcəyiniz heç bir şey yoxdur. Lakin Sass, tərtibatçılara daha tez və effektiv şəkildə kodlaşdırmağa kömək edən bir neçə fərqli xüsusiyyət ehtiva edir.

Sass-ın dəyişənləri var

Tərtibatçıların nifrət etdiyi bir şey varsa, o, özlərini təkrarlayır. Tutaq ki, siz çoxlu səhifələrdən ibarət vebsayt yaradırsınız. Əlbəttə ki, siz müxtəlif səhifələrin ardıcıl rəng sxemləri və şriftlərlə bağlı görünməsini və hiss olunmasını istərdiniz.

Təmiz CSS-də hər səhifədəki rəngləri və şriftləri çağırmalısınız. Hər dəfə. Və yeni rəng sxemi istəyirsinizsə, geri qayıtmalı və CSS skriptinizdə rəngləri və şriftləri əl ilə redaktə etməlisiniz. Hər. subay. Vaxt.

Sass ilə gözəl bir həll var. Sass sizə dəyişənləri müəyyən etməyə imkan verir ki, daha sonra rəng, şrift ölçüsü və haşiyələr kimi əsas dəyərləri asanlıqla dəyişə biləsiniz. Dəyişiklikləri CSS-də təkrar-təkrar yazmaq əvəzinə, sadəcə Sass-da maraq dəyişəninizin dəyərini dəyişə bilərsiniz.

Sass Mixins daha çox vaxta qənaət edir

Sass ilə nəinki dəyişənləri təyin edə bilərsiniz, həm də Mixins kimi tanınan dəyişən qruplarını paketləyə bilərsiniz. Məsələn, vebsaytdakı səhifələrin əksəriyyəti eyni şriftlərdən, rənglərdən və haşiyə sxemlərindən istifadə edirsə, siz bütün bu dəyərləri özündə birləşdirən Mixin təyin edə bilərsiniz.

Gələcək veb-səhifələrdə sizə lazım olan tək şey şrift, rəng və haşiyə dəyərlərinə fərdi zəng vurmağı xatırlamaqdansa, Mixin-i çağırmaqdır.

İrsi və genişləndirilmiş xüsusiyyətlər

Veb saytınızın hissələrini şablondan bir qədər fərqli etmək istədiyiniz zaman Sass hələ də vaxta qənaət edir. Deyək ki, veb saytınızda əsasən digər səhifələrə bənzəyən, lakin yeni bir başlıq kimi yeni bir şeyə malik bir səhifə istəyirsiniz.

Sass hər şeyi əvvəldən yenidən müəyyən etmək əvəzinə, Mixin xassələrini saxlamağa və ya miras qoymağa və lazım olduqda fərdi dəyərlər əlavə etməyə imkan verir. Beləliklə, Sass-dan istifadə edərək, yeni başlıq üçün xassələri əlavə edərkən əvvəlki Mixin-də müəyyən etdiyiniz şriftləri və rəngləri sürətlə idxal edə bilərsiniz.

Sass funksiyaları

Əgər siz artıq Python , Swift və ya Ruby kimi digər proqramlaşdırma dilləri ilə tanışsınızsa , yəqin ki, əvvəllər öz funksiyalarınızı yaratmısınız. Funksiyalar istifadəçidən daxil olan məlumatları qəbul edir və mürəkkəb əməliyyatları yerinə yetirmək üçün xüsusi kod sətirlərindən keçir.

Bir çox proqramlaşdırma dilləri orta və sətir uzunluqlarını hesablayan funksiyalar kimi daxili funksiyalarla gəlir. Ancaq fərz edək ki, bir səhifənin hər bir çərçivəsindəki söz sayını ayrıca hesablamaq kimi çox xüsusi ehtiyacınız var.

Sass funksiyaları hər səhifədə fərdi təlimatları kodlaşdırmaq əvəzinə təlimatları bir dəfə kodlamağa imkan verir. Daha sonra eyni tapşırığı sizə lazım olan qədər yerinə yetirmək üçün funksiyanıza zəng etmək asandır.

Sass, CSS-nin daha çox proqramlaşdırma dili kimi işləməsinə kömək edir

CSS-in tam proqramlaşdırma dili kimi sayılması ilə bağlı hələ də qızğın müzakirələr gedir. Ancaq mövzunun harada dayanmasından asılı olmayaraq, asanlıqla görmək olar ki, CSS qərar qəbul etmə tapşırıqlarını yerinə yetirmək və dəyişənlərlə işləmək üçün deyil, veb səhifənin necə görünməsi barədə göstərişlər vermək üçün hazırlanmışdır.

Sass-da edilən hər şey CSS-də edilə bilsə də, Sass sizə, tərtibatçıya proqramlaşdırma dili kimi görünən və hiss olunan şəkildə kod yazmağa kömək edir.

SCSS: arsız sintaksis

Sass öyrəndikcə “Sassy CSS” mənasını verən SCSS ilə mütləq rastlaşacaqsınız. Sass iki növ sintaksis ilə yazıla bilər: orijinal girintili və ya daha yeni SCSS. Orijinal sintaksis yuva qurmaq üçün abzasdan istifadə edir və kodda Python və ya Ruby-ə bənzər, lakin CSS-dən fərqli olaraq vizual iyerarxiyanı təmin edir.

SCSS, digər tərəfdən, CSS ilə eyni sintaksisdən istifadə edir, yuvaları göstərmək üçün buruq mötərizələrlə. SCSS-in üstünlüyü ondan ibarətdir ki, SCSS faylını CSS-ə çevirməyə ehtiyac yoxdur, çünki bütün SCSS sintaksisi CSS-də də etibarlıdır.

Artıq CSS-ə öyrəşmisinizsə, SCSS sintaksisini öyrənmək də daha asandır. SCSS sintaksisi daha çox yerli CSS kimi görünsə də, həm SCSS, həm də orijinal Sass sintaksisi Sass-da eyni funksiyaları yerinə yetirə bilər. Hər iki sintaksis üslubu sizə dəyişənlərdən, qarışıqlardan, funksiyalardan və yerli CSS-də mövcud olmayan digər funksiyalardan istifadə etməyə imkan verir.

Sass-ı kim öyrənməlidir?

Front-End Engineer olmaq istəyən hər kəs Sass dilini öyrənməkdən faydalana bilər. HTML, CSS və JavaScript ilə yanaşı, Sass potensial işəgötürənlər arasında fərqlənməyə kömək etmək üçün əla bir yoldur.

Unutmayın ki, Sass hər şeydən əvvəl CSS kodunu daha səmərəli yazmaq üçün bir yoldur. Sass-ı bilmək menecerləri işə götürmək üçün bir siqnaldır ki, siz işi daha tez yerinə yetirə bilərsiniz və böyük, mürəkkəb veb layihələrində işləmək bacarığınız olsun.

Sass-ı necə öyrənmək olar

Sass CSS ilə çox sıx bağlı olduğundan, Sass-ı öyrənməzdən əvvəl CSS-ni öyrənməyinizi tövsiyə edirik . Beləliklə, CSS-də işləmək üçün vaxtınıza qənaət etmək üçün Sass-dan ən yaxşı şəkildə necə istifadə edəcəyinizi öyrəndiyiniz zaman birbaşa əvvəlki bilik və bacarıqlarınıza əsaslana biləcəksiniz.

CSS ilə işləmək özünüzü rahat hiss etdikdən sonra Sass-ı öyrənmək nisbətən asan olacaq.

Sass öyrənərək inkişaf etdirici karyeranıza sürətlə başlayın

Karyerasına Front-End Developer kimi başlamaq istəyən hər kəs CSS biliklərini tamamlamaq üçün Sass öyrənməkdən faydalanacaq. Bəs bundan sonra necə? Sizi ən mürəkkəb veb inkişaf layihələrinə hazırlamağa kömək etmək üçün daha təkmil CSS kursu keçməyi tövsiyə edirik .

İnkişaf karyeranızda hansı istiqamətə getmək istədiyinizə hələ də əmin deyilsiniz? Karyera Yollarımız sizə hər bir Yolun təsviri ilə qərar verməyə kömək edir və inkişaf etdirici kimi uğur qazanmağınıza kömək etmək üçün hansı bacarıqları öyrənməyə başlamalısınız.

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

CSS nədir

rgacademy — Tue, 06 Dec 2022 16:57:38 +0000

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.

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 nədir?

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:

Bu, paraqrafdır.

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

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

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,

Bu başlıqdır

Bu paraqrafdır.

Əksər elementlərin açılış və bağlanma etiketi var, lakin bəzi elementlərin işləməsi üçün bağlanma teqlərinə ehtiyac yoxdur. Məsələn, boş elementlər. Bu elementlər məzmunu olmadığı üçün bağlanış teqindən istifadə edilmir:

Bu şəkil teqinin iki atributu var – src atributu, şəkilin yolu və alt atribut isə, təsviri mətn. Bununla belə, onun məzmunu və bağlanış etiketi yoxdur.

Nəhayət, hər bir HTML sənədi veb brauzerə sənəd növü haqqında məlumat vermək üçün etiketi ilə başlamalıdır. HTML5 ilə HTML tanıdılması isə belədir:

				
					<!DOCTYPE html>

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