STEP IT Academy! 1999-cu ildən bəri öyrənirik. Süni intellektlə əvəz edilməsi mümkün olmayan proqramçı, dizayner və sistem mühəndisləri hazırlayırıq. Bunun üçün profil üzrə dərin biliklərdən əlavə, məsələləri baş düşməyi, hazır layihələr formasında düşünməyi və komandada işləməyi öyrədirik.

Your browser is out of date!

You are using an outdated browser Internet Explorer. This version of the browser does not support many modern technologies, that's why many pages of the website are not displayed correctly, and may not work some of functions . We recommend viewing the website using the latest versions of the browsers Google Chrome, Safari, Mozilla Firefox, Opera, Microsoft Edge

ШАГ логотип

Daim inkişaf edin: Javascript biliklərinizi artıran 6 freymvork və kitabxana

IT Step

Proqramlaşdırma

17.07.2023

809 baxışlar

Freymvork nədir

Məktəbdə ev tapşırığını başqalarından köçürürdünüzmü? Cəbr və ya həndəsə məsələlərini? Əla!

Özünü savadlı hesab edənlər məsələləri sıfırdan həll edirdi. Buna çox vaxt sərf edir, düstur tapır və alternativ həll yolları axtarırdılar (belələri də olurdu). Eynilə proqramçının sıfırdan JS kodu yazdığı kimi.

Bəziləri dostları ilə gəzmək və ya kompüter oyunları oynamaq istəyirdi, lakin vaxtları çatmırdı, bəzən (və ya tez-tez) məsələni həll etmiş bir sinif yoldaşından ideya alırdı, cavaba baxırdı və məsələni oxşar yolla həll edirdi.

Bu qayda freymvorklar üçün də keçərlidir. O, proqramlaşdırma üçün nəzərdə tutulmuş kitabxanalar və şablonlar toplusudur. Tərtibatçı onları layihənin (internet saytı, mobil proqram tətbiqi, Uİ elementi) içərisinə yığır (Lego kimi).

Freymvorklardan nə üçün istifadə olunur? Səbəbi onların milyonlar dəfə sınanmış, tam təhlükəsiz (əlaçı şagird səhvə yol verməz) və vaxt baxımından çox əlverişli olmasıdır.

Freymvork əvəzində yalnız kitabxanadan istifadə etmək yalnız bir müəllifin kitablarını oxumaq deməkdir. Marağı var, lakin başqaları ilə ünsiyyət üçün kifayət deyil. Buna görə də freymvorklardan istifadə edilir. Onlar yeni funksiyalar və maketlər əlavə edir. Bu funksiyalardan müxtəlif kombinasiyalar düzəldib, layihələrdə istifadə edirlər.

Vue

Vue.js adaptiv proqram tətbiqləri üçün nəzərdə tutulmuş açıq mənbə kodlu pulsuz bir Javascript platformasıdır.

Kodun açıq olması həm layihə, həm də icma üçün faydalıdır. Qapalı bir layihənin üzərində yalnız proqramçılar işləyir. Burada isə işə bütöv bir icma qoşulur: səhvlər tapılır, kod yaxşılaşdırılır. Məhsul daha sürətli inkişaf edir.

Vue freymvorku təqdimat təbəqəsi üçün nəzərdə tutulmuş əsas kitabxanadan və bir səhifəlik saytları optimallaşdırmaq üçün nəzərdə tutulmuş köməkçi kitabxanalardan ibarətdir.

Vue freymvorkunda yaradılmış sifariş formasının kodu.

VUE freymorkundan Landing Page üçün istifadə olunur. Freymvorkun kiçik ölçüdə (20 kb-dan çox deyil) olması sayəsində proqram tətbiqinin sürəti və çevikliyi qorunub saxlanılır. Angular üçün minimum ölçü 55 KB, React üçün isə minimum ölçü 100 KB təşkil edir. Bunun sayəsində VUE freymvorku bir qədər daha sürətlidir.

Vue.js freymvorku API və dizayn baxımından daha sadədir. Bunun sayəsində saytın tərtibatçısı daha sürətli işləyə bilir. Belə ki, link və animasiyası olmayan sadə bir səhifəli sayt bir günə yığılır.

Tam təlimat

React

React.js Facebook tərtibatçılarının bir JavaScript kitabxanasıdır. Onun da mənbə kodu açıqdır.

React kitabxanası tez-tez freymork adlandırılır. Bu yanaşma yanlışdır. Səbəbi isə çox sadə.

Öz işində React kitabxanası kitabxanalar bazasından deyil (freymvorklarda olduğu kimi), komponent və vəziyyətlərdən (состояние) istifadə edir. Komponent bir konstruktor elementidir. Onların hər birinin öz məntiqi və strukturu var. Onlar koda bir neçə dəfə əlavə olunur (elementlər təkrarlandıqda). Vəziyyət isə proqram tətbiqin dəyişənlərinin saxlandığı yerdir. Məsələn, "arıqlamaq üçün nə etməli" sorğusunun cavabı fitnes məşqçisinin veb saytında yerləşir.

Komponentlər (bloklar) və vəziyyətlər (saxlanc) vasitəsilə tərtibatçı proqram interfeysinin elementlərini qurur. Məsələn, əks rabitə formasını və ya onlayn mağazada məhsul sifariş pəncərəsini.

Facebook qismən React-da hazırlanmışdır.

Blokların özü freymvorkda işlədikləri kimi işləmir. Onlar Typescript, Redux və ya Jest kimi köməkçi alətə köçürür.

Bu kitabxanaya dair təlimat

Angular

Məqalələrin birində Angular tərkibində digər freymvorkların olduğu bir freymvork adlandırılır. Tamamilə yanlış bır yanaşma! Fremvorkun tərkibində hər hansı bir sistemin mövcud olması mümkün deyil. JS kitabxanalarında yazılan bir proqram freymvork adlanır.

Angular form-based prinsipi ilə işləyir. Forma istifadəçinin məlumat daxil edib verilənlər bazasına (Back-end) göndərdiyi bir quruluşdur. Məsələn, bir tikinti şirkətinin veb saytında telefon zəngi sifarişi forması.

To-Do List tətbiqləri üçün Angular arxitekturası nümunəsi. Proqram tətbiqi sıfırdan hazırlanırsa, Angular freymvokuna Mean.io, node.js, Angular, MongoDB, Express kimi full-stack imkanları əlavə olunur.

Angular fremvorku proqramçıya forma üçün bir sıra şablonlar verir. Proqramçıya onları layihələrə uyğunlaşdırmaq qalır.

Həmçinin, Uİ (istifadəçi interfeysi) üçün Angular tez-tez Bootstrap (HTML və CSS şablonları kitabxanası) ilə birlikdə istifadə olunur. Freymvorkda bir maket yaradılır, Bootstrap isə elementlərə rəng və forma verir.

Freymvorkun sənədləri arasında yalnız tərtibata dair tövsiyələr deyil, həm də stilizasiyaya dair təlimat var.

Angular material

 

Mobile Angular User Interface (UI) interfeysinin komponentləri siyahısı.

Angular freymvorku proqramçılar arasında çox populyardır. İcma üzvləri ona Material kimi yeni kitabxanalar əlavə edir. Bu veb saytlar və proqram tətbiqləri üçün şablonlardır. Komponentlərin özəlliyi ondadır ki, Angular-ın əsas kitabxanasını tamamlayır. Proqram tətbiqləri kompüter və mobil ekran çözümündə eyni görünür.

Angular material freymvorkuna dair təlimat

Ionic

Bu freymvork mobil proqram tətbiqləri üçün mükəmməldir. Onun Bootstrapa bənzər daxili kitabxanası var: düymələr, giriş xanaları və digər elementlər. Elementlər iOS, Android və proqramçının istəyinə uyğunlaşdırılır.

Ionic freymvorkunda yazılmış təqvimin kodu və təqvimin özü.

Proqramçıların qeyd etdiyi əsas məqam layihənin hazırlanma sürətidir. Proqramçı kompüterin brauzerində kod yazır, onun versiyalarını bütün telefonlara uyğunlaşdırır, hazır UI komponentləri və plaginlərindən istifadə edir. Sınayın!

Ionic freymvorkuna dair təlimat

Protractor

Bu freymvork layihəni istifadəçiyə təqdim etməzdən əvvəl onu sınamaq üçün nəzərdə tutulur. Hərtərəfli test proqram tətbiqinin istifadəçinin gözləntilərinə cavab verib-verməməsini aşkar edir: saytın sürüşməsi işləyirmi, tab-lar açılırmı, düymələr fəaliyyət göstərirmi.

Protractor-un içindəki alətlər koda heç cür təsir etmir, layihənin Google Chrome, Mozilla və digər brauzerlərdə davranışını imitasiya edir.

IT STEP Kompüter Akademiyasında tələbələr kursun 15-20 faizini əsas dillərə sərf edir. Qalanı Angular, React və digər Javascript alətlərinin öyrənilməsidir.

Bu yanaşma ilə veb tərtibatçısı məhsulun zəif tərəflərini, hansı freymvorkdan istifadə edəcəyini, müştərinin tələblərinə necə yerinə yetirəcəyini və biliklərini pul müqabilində necə tətbiq edəcəyini bilir.

"Front-End " kursunun səhifəsinə daxil olub təlim proqramı ilə tanış olun.



Müəllif::

IT STEP Academy

Ödənişlə bağlı məlumat - Expresspay

Hörmətli tələbələr və valideynlər! Nəzərinizə çatdırmaq istərdik ki, bu aydan etibarən təhsil haqqlarını yalnız Expresspay ödəniş sistemi vasitəsilə apara biləcəksiniz. Bu sistem vasitəsi ilə 3 üsul ilə ödəniş edə biləcəksiniz: terminaldan nağd mədaxil, elektron pul kisəsi bank kartı vasitəsi ilə. Qeyd edək ki, yalnız bank kartı ilə aparılmış ödənişlərdə sizdən komisiya tutulacaq, qalan ödəniş üsülları komisiyasızdır Diqqətinizə çatdırırıq ki, digər ödəniş sistemləri ilə əməkdaşlığımızı sentyabr ayı ərzində dayandıracayıq. Sentyabr ayı ərzində bu ödəniş sistemləri vasitəsi ilə qəbul edilmiş təhsil haqqların qeydində problemlərin yaşanmamasına görə, Sizdən onlardan istifadə etməməyinizi xahiş edirik. Expresspay ödəniş üsulları: 1. Expresspay aparatı (nağd ödəniş üç&u

ШАГ логотип

STEP IT Academy ilə rəqəmsal gələcəyə doğru start götürün: 2024-2025 tədris ili üçün qeydiyyat başladı

STEP IT Academy ilə İT dünyasına qoşulun! Texnologiyanın hər yerdə olduğu müasir dünyada İT bilikləri uğurun açarına çevrilir. İstər övladınıza İT sahəsində başlanğıc təhsil vermək, istərsə də karyeranızı dəyişmək istəsəniz, STEP IT Academy bu yolda sizə kömək etməyə hazırdır. STEP IT Academy ilə İT sahəsində uğura aparan yolunuz STEP IT Academy hər kəsin keyfiyyətli İT təhsili ala biləcəyi yerdir. Kurslarımız sizə sürətli texnoloji dünyada uğur qazanmağınıza kömək edəcək bacarıq və biliklər vermək üçün nəzərdə tutulub. Kiçik Kompüter Akademiyası - gələcək İT liderləri üçün başlanğıcdır 8-16 yaş arası gənc tələbələr üçün Kiçik Kompüter Akademiyasında proqramımız var. Biz hesab edirik ki, yaş İT öyrənməyə maneə deyil. Məqsədimiz gənc nəsli ru

ШАГ логотип

Dizayn

Arzu Bəxtiyarova: dizaynerlər üçün Adobe sertifikatı nəyə lazımdır?

Dizayn müəllimi olmaqda Sizi nə ruhlandırır və sizi ən çox nə məmnun edir? Dizayn müəllimi olmaqda məni ən çox öyrənmək həvəsi, ruhlandırdı. Çünki öyrəndiyim bilikləri kiminlə isə bölüşmək istəyirdim. Bunun da ən yaxşı yolu müəllim olmaq idi. Ən çox məmnun olduğum hal isə tələbələrin çoxunun da bu məlumatları öyrənməyə həvəsinin olmağı idi. Tələbələrinizdə yaradıcılığı və dizayn tərzini necə inkişaf etdirməyə kömək edirsiniz? Dizayn tərzini inkişaf etdirmək üçün öz sahələrinə aid dizayn nümunələrinə baxmağı məsləhət görürəm. Yaradıcılığı inkişaf etdirmək üçün, öz tərzlərini yaratmaq üçün çox gəzməyi, araşdırmağı, öyrəndiklərini isə öz işlərinə tətbiq etməyi məsləhət görürəm. Səhv etməkdə

ШАГ логотип

Dizayn

Orxan Mahmudlu: dizaynerlər üçün Adobe sertifikatı nəyə lazımdır?

Biz tez-tez tələbələrimizin və məzunlarımızın uğur hekayələrini sizinlə bölüşürük, lakin eyni zamanda bu uğurların arxasında sevimli müəllimlərimizin titanik əməyi olduğunu az qala unuduruq. Bu gün sizə Rəqəmsal Dizayn kafedrasının müəllimi Orxan Mahmudlu haqqında danışmaq və çoxlarını maraqlandıran suala cavab vermək istəyirik: dizaynerlər üçün Adobe sertifikatı nəyə lazımdır? Dizayn müəllimi olmaqda Sizi nə ruhlandırır və sizi ən çox nə məmnun edir? Tələbələrlə işləməyi və zamanla onların uğurlu olduğunu, rəqəmsal sahəyə addım atıb bir məqsəd formalaşdırdıqlarını görmək məni bu sahədə müəllim/təlimçi olmağımın əsas səbəblərindən biridir deyə bilərəm. Xüsusəndə yeniyetmə və gənc tələbələrin bu sahəni öyrənib yerli xarici şirkətlərlə çalışması mənim üç

ШАГ логотип

Bu sayt Cookies istifadə edir

Gizlilik Siyasəti