19 Tamamilə İstehsalçı olaraq bilmək üçün Çərçivə və Kitabxanalar

Tərtibatçılar üçün ən çox narahat edən mövzulardan biri olaraq danışıqlar heç vaxt dayandırılmadı. Hər müzakirənin əsasını tam yığımlı tətbiq inkişafı üçün əldə etməli olduğum bacarıqlar daxildir?


Tam bir inkişaf etdirici olmaq anlayışı sadədir. A Quora ən yüksək qiymətləndirilən cavab bunu çox yaxşı izah edir. Tam yığma inkişaf etdiriciləri müxtəlif bacarıqları mənimsəyən və bu bacarıqları bir məhsulu müstəqil olaraq tamamlamaq üçün istifadə edən bir növ.

Daha çox bilmək istəyə biləcəyiniz müxtəlif axınlar var – mobil, veb və ya yerli tətbiq yığını.

Bir başlanğıc sahibisinizsə, istədiklərinizi bilməlisiniz proqramlaşdırmanın əsas anlayışı hər hansı bir çərçivə ilə başlamaq üçün dil.

Ancaq bu yazıda, ticari məqsədlər üçün tam işləyən bir veb və mobil tətbiq yaratmaq üçün istifadə edə biləcəyiniz müxtəlif çərçivələri və ya kitabxanaları müzakirə edəcəyik..

Başlayaq ön inkişaf.

Kiçik js kitabxanaları ən yaxşı seçiminiz ola bilər, əgər ehtiyacınız varsa, bəzi veb komponentlərinin təkrar istifadəsi. Ön ucu böyüdükcə kodlaşdırma vaxtı və yardım baxımından kömək edir. Əlbətdə ki, tam yığımlı bir tətbiq hazırlayıcısı olaraq, vaxt idarəetmə və kod ölçülməsi, göz ardı edə bilmədiyiniz bir şeydir.

Beləliklə, UI interfeysinizi düzəltməyə kömək edə biləcək yüngül şablon kitabxanalar nədir?

Bığ

Mürəkkəb layihələr əldə edərkən bu inanılmaz çərçivə üçün getmək istərdiniz. Layihələrin əksəriyyəti müştəri tərəfində çoxlu HTML və JavaScript manipulyasiyasını tələb edir.

Məsələn, sürətlə böyüyən bir agentisiniz və yeni xidmətlər və ya portfelinizi dinamik olaraq tətbiqinizə əlavə etmək istəyirsiniz. DOM, siniflər və atributları etibarlı şəkildə dəyişdirmək üçün cəhd etmək istərdiniz ki, digər komponentlər özlərini yerindən tərpətməsinlər.

Ən yaxşısı, hər hansı bir layihə və ya səhifənin içərisinə ata biləcəyiniz super incə DOM kitabxanasını yaratmaqdır.

Budur Bığ JS kitabxanası işə girir.

Bığ müxtəlif dilləri təşviq etdiyindən, server tərəfində ayrı bir şablon sistemi tələb etmirik.

Bu kitabxana ilə yuxarıda göstərilən işlərin ümumi bir yolu HTML elementlərini sətirdə təyin etmək və sonra daxiliHTML xüsusiyyətini təyin etmək və ya jQuery Html () metodunu çağırmaqdır..

Aşağıda bu texnikanın bir nümunəsidir:

var dinamik_html = "VurğulanmışAuthor sənəd.getElementByID ("konteyner") .innerHTML = dinamik_html

Faydalılıq haqqında dərin qazmaq istədikdə köməyə gələn bir neçə dərs var. Budur bunlardan biri nümunə ilhamlarınız üçün.

EJS

EJS HTML-ni çox javascript ilə çıxartmaq məcburiyyətində qaldıqda və ya dinamik məzmunla məşğul olsanız və ya real vaxt yeniləmələri ilə əlaqəli bir şey təklif etsəniz ən yaxşı vuruşunuz ola bilər..

Dinamik məzmunla əlaqəli olduğunuzda işinizi necə asanlaşdırdığına bir baxın.

var html ="

"+data.title+"

"
html + ="ul" üçün (var i = 0; i

  • "
    Ejs versiyası

    <% = başlıq%>

    Daha çox bilmək istərdinizmi? Budur, bu əla parça məqalə quraşdırma prosesinə başlamağınıza kömək edə bilər.

    Dəstək çubuqları

    Həyata keçirmək HandleBars.js ya REST API vasitəsilə serverdən və ya müştəri tərəfindəki məlumatlardan ən sürətli böyüyən məlumatınız varsa.

    İndi dəyişikliklərin həyata keçməsi üçün böyük bir DOM manipulyasiyası tələb olunur. HTML məzmununuzu asanlıqla idarə etmək üçün böyük HTML işarələrini saxlamağınız üçün JavaScript kodunuzu tələb etmirsiniz.

    Yaxşı bir fikir, JavaScript və HTML-ni kifayət qədər ayırmaq və müştəri tərəfi şablondan istifadə etməkdir, çünki adətən server tərəfi şablondan daha sürətli işləyir..

    Svelte

    Kod nə qədər uzun olsa, onu başa düşmək üçün nə qədər səy tələb olunur və səhvlərin olma şansı daha çoxdur. Daha az kod yazmaq istəyirsən svelte getmək yaxşıdır.

    Daha az kodu ilə daha çox funksionallıq əlavə etməyə kömək edən hər şey daha təcrübəli inkişaf etdiricilər üçün yaxşı bir satış materialı olur.

    Svelte qurma mərhələsində komponentləri tərtib etmək üçün bir vasitə və çərçivədir. Tətbiqinizi göstərmək üçün hər bir komponenti bir səhifəyə yükləməyinizə imkan verir. Demək ki, heç bir virtual DOM, çərçivələrin üstündəki çərçivələr və iş vaxtında əlavə yük yoxdur.

    Budur, svelte komponentini görməyə imkan verən əsas nümunə:

    / * burada bir az css * /
    .olduqca {rəng: qırmızı; }
    <
    p sinif = yaraşıqlı> Olduqca sərin görünürsən {adı}!

    /*…. və işarəyə daxil ola biləcəyimiz bir dəyişən *
    qoy ad ="Chris";

    Bu JavaScript dəyişən adı ilə bəzi sehrli hadisələrin baş verdiyini də görəcəksiniz.

    Sonra, baxaq server tərəfi göstərmə.

    Hamımız artıq bildiyimiz kimi – “çox javascript və tətbiqləriniz yavaş yüklənir.” Tətbiq eyni vaxtda yüksək trafik aldıqda vəziyyət daha da sərtləşir.

    İndi, boş bir dizayn üçün bir daha boş vaxt və məlumat ötürmə qabiliyyətinizi sərf etməyincə tətbiqlərin yüklənməsi üçün vaxt tələb etdiyini gözləmək və görmək üçün qıcıqlandırıcı bir şey yoxdur. Server tərəfi yandırma oxşar vəziyyətlər üçün geliştiricilər üçün həll yolları ilə gəlir. Bu konsepsiya ilə indi JavaScript proqramınız brauzerdə yox, serverdə işləyir.

    Texniki olaraq, kitabxanaları arxa kodlaşdırma şablonlarında tətbiq etməlisiniz.

    Eynilə, səhifə server tərəfində yaradılır, lakin bir dəfə yüklənmiş səhifə ilə qarşılıqlı əlaqə müştəri tərəfi ilə idarə olunur.

    Next.js

    Bir müddət React üzərində işləyirsinizsə, Next.js işləri asanlaşdırmaq üçün yoxlamaq istədiyiniz bir şeydir. Müştəri tərəfli bir platforma olmasına baxmayaraq, React tətbiqləri müştəri tərəfində bütün məzmunun göstərilməsi ilə bağlı bir neçə problem göstərir. Tətbiq keyfiyyətini əlaqələndirən önəmli amillərdən biri də məzmun SEO məsələlərinizin olmasıdır.

    Axtarış motorları JavaScript tətbiqlərini işlətmək və indeksləşdirməkdə daha səriştəli olsalar da, onları anlamağa imkan verməyin əvəzinə məzmuna göndərə bilsək daha xeyirlidir..

    İlə Next.js həyata keçirildi, HTML’i müştəriyə göndərməzdən əvvəl, server tərəfində React komponentlərini göstərə bilərsiniz. Bundan əlavə, bir neçə səhifəni bir-birinə bağlamaq üçün istifadə olunan Link komponenti, səhifənin mənbələrini qabaqcadan təqdim edən prefetch prop dəstəkləyir..

    Bu inanılmaz məqama müraciət edə bilərsiniz məqalə işləri next.js ilə necə düzəltmək barədə ətraflı məlumat əldə etmək üçün.

    Nuxt.js

    Bir Vue.js hazırlayıcısansa, yəqin ki, kəşf etməlisən  Nuxt.js.

    Nuxt.js-i Vue kodları üzərində yığılmış qat şəklində edə bilərsiniz. Universal və ya tək səhifəli Vue tətbiqetmələrinin inkişafını asanlaşdırır. Bu Nuxt.js’ın unikal satış nöqtəsi – universal tətbiqetmələrin yaradılması prosesi asanlaşır. Bu JavaScript kodu həm müştəri, həm də server tərəfində icra edilə bilər. Universal bir tətbiq vahid səhifə tətbiqi (SPA) haqqında.

    SPA ilə, həm server, həm də müştəri tərəfində bir çox konfiqurasiya etməlisiniz, bu da Nuxt.js Vue tətbiqləri üçün həll etməyi hədəflədiyi problemdir. Göründüyü qədər sadədir, çərçivə müştəri ilə server arasında kod paylaşma işini aparsın və tətbiqin məntiqinə diqqət yetirin.

    Nuxtjs üçün sxem xəritəsi: pc: sitepoint.com/

    İcra proseduru haqqında daha çox məlumatı bu yerdən izləyin Sitop nöqtəsi.

    Gəlin danışaq CSS çərçivələri və kitabxanalar.

    CSS çərçivələrini istifadə etmək, düzeni düzgün və təmiz şəkildə qurulmasıdır.

    Semantik UI

    Semantik UI iki istiqamətdə unikaldır. – strukturlaşdırılmış bir nizam alırsınız və yenidən istifadə edilə bilən UI komponentlərini təyin etmək üçün beş təsviri kateqoriyadan istifadə edir.

    Komponentin formatını istədiyi şəkildə idarə edə bilsəniz, effekti həqiqi şəkildə əldə edirsiniz və komponentin özü üçün kodlaşdırmanı etməlisiniz..

    Bu çərçivənin daha bir müsbət cəhəti ondan ibarətdir ki, yalnız siniflərini adlandırmaqda deyil, həm də komponentlərini adlandırmaq, müəyyənləşdirmək və təsvir etmək baxımından üstündür. İkincisi, müasir çərçivələrdə olmayan müxtəlif hazır komponentlər əldə edirsiniz. Məsələn, əldə edirsiniz  Qidalanma və Şərh UI Views komponentlərində və ya Yan panel və Forma UI Modullarından.

    Bulma

    Bulma Flexbox üzərində qurulmuş müasir CSS Çərçivəsidir.

    Çəkmə

    Budur sənədlər çəkmə üçün.

    Səyyar ilk cavab verən sayt qurucusu olmağa diqqət edirlər. HTML sənədlərinizi eyni şəkildə əyləndirmək üçün CDN-i əyri və ya kitabxana sənədini yerli olaraq yüklədiyiniz zaman əvvəlcədən yazılmış siniflər və atributların böyük inventarına giriş əldə edirsiniz. Etməli olduğunuz şey onları ehtiyaclarınıza uyğunlaşdırmaqdır.

    Sonra, araşdıraq geri inkişaf.

    Başlayanlar üçün, termini bir veb saytında hər hansı bir hərəkət etdikdə baş verən hadisələrin ardından bir göstərici qoyur. Hesabınıza daxil olmaq və ya bir onlayn mağazadan bir elektron kitab satın almaq ola bilər.

    Geri bağlama proqramının tipik bir nümunəsi, blogda bir məqalə oxuyarkən. Şriftlər, rənglər, dizayn və s. Bu səhifənin ön hissəsini inkişaf etdirir. Məqalənin məzmunu bir serverdən tərtib edilir və verilənlər bazasından alınır. Bu tətbiqin arxa hissəsidir.

    Yuxarıda göstərilənlərə baxın:

    Backend Prosesi

    Django

    Django təmiz inkişaf prosesini və praqmatik dizaynı gücləndirən yüksək səviyyəli Python Veb çərçivəsidir.

    Aşağıda işə başlamaq üçün əsas tələblər var.

    • Python (son versiya)
    • asan_ quraşdırma və Boru
    • Git
    • virtualenv
    • Django
    • Verilənlər bazası (SQLite, MySQL, PostgreSQL, MongoDB və s.)
    • Cənubi (Django versiyaları üçün 1.7-dən əvvəl)
    • Mətn redaktoru (Sublime, vim, Komodo, gedit)

    Həm asan_ quraşdırma, həm də Python Paket Menecerləridir. Python paketlərini və paket asılılığını quraşdırmaq və təkmilləşdirmək daha asanlaşdırır.

    Quraşdırma alətlərinizi əldə edin Python Paket indeksi. Paketlənmiş yumurta (.egg) üçün gedin, sonra birbaşa fayldan quraşdırın.

    Sonra versiyaya nəzarət etmək üçün Git-dən istifadə etmək istəyə bilərsiniz.

    Laravel

    Laravel bir PHP əsaslı bir çərçivədir və ifadəli, zərifdir. Laravel ilə server rəhbərliyi artıq baş ağrısı deyil. Yaxşı xəbər budur ki, bu işdə sizə kömək etmək üçün DigitalOcean, Linode, Vultr, Amazon şirkətləri ilə tərəfdaş oldular. Sadəcə bir Laravel forması etməlisiniz. Quraşdırma təlimatını oxuya bilərsiniz burada.

    Artisan adlanan CLI kimi xüsusiyyətlər, çoxsaylı verilənlər bazası sistemlərinə dəstək və köçlər çərçivənin səliqəsizliyini artırır və arxa tərtibatçılar arasında sevilən edir. Bundan əlavə, qablaşdırma sistemi, veb tətbiqinə prosesi avtomatlaşdırmağa kömək edən çoxsaylı dəstək proqramı və ya kitabxanalarla inanılmazdır.

    Bununla, inkişafı sürətləndirə biləcəksiniz ki, sürətli işləmələri təmin edəsiniz. Laravel Blade Template Engine adlı daxili şablon mühərriki ilə gəlir.

    Bütün bunlar Laravel çərçivəsinin xarici xüsusiyyətlərini yaradır və hər cür tətbiq inkişafı üçün uyğundur.

    Android SDK

    Texniki baxımdan bir çərçivə deyil, tam bir OS. Bu istifadəçilərin üstünlük verdikləri sənəd saxlama təminatçıları arasında sənədləri, faylları və digər şəkilləri gözdən keçirərək açmağı təmin edən Storage Access Framework (SAF) var..

    Aşağıdakılar daxildir SDK.

    Android API

    Bu hissə SDK-nin əsasını təşkil edir. API, inkişaf etdiricilərin Android yığını əldə etməsini təmin edən kitabxanalar dəstəsidir və bunlar doğma android tətbiqetmələr yarada biləcəyiniz kimidir..

    İnkişaf Vasitələri

    Android qaynaq kodunu işləyən Android tətbiqetməsinə çevirmək üçün SDK bir neçə inkişaf vasitəsindən istifadə edir. Bunlar sizə Android tətbiqlərimizi tərtib etməyə və həll etməyə imkan verir.

    Android Emulator

    Emülatör, bir çox alternativ dəri xüsusiyyətlərinə sahibdir, bunun sayəsində tətbiqlərin real cihazda necə göründüyünü və davranışlarını görə bilərsiniz.

    Onlayn dəstək

    Ən nəhayət, ən azı deyil, aktiv forumlarda olan Google Qruplarından istifadə edə bilərsiniz, burada Google-da Android inkişaf qrupundan müntəzəm giriş ilə yenilənə bilərsiniz..

    Android inkişafını dərindən öyrənmək lazımdırsa, bunu yoxlayın Udemy kursu.

    Feniks

    Feniks çərçivəsi ən yaxşı arxa təcrübə vermək üçün başqa bir veb inkişaf vasitəsi olan Elixir ilə cütlər. Güc cütlüyü, yüksək mövcudluğa, uyğunluğa və aşağı gecikməyə sahib olan həllər yaratmağa kömək edir.

    Elixir’in Erlang VM (BEAM) üzərində qurulması, bu həm Elixir həm də Feniks ikisini çox davamlı edir. Üstəlik, sintaksis təmiz və oxunaqlı hala gəlir.

    Bundan əlavə, Phoenix-in ən maraqlı hissələrindən biri də milyonlarla bağlı müştəri ilə və real vaxt rejimində yumşaq ünsiyyət təmin etməsidir. Mesajlar üçün chat otaqları və APIlər və daha çox şey var.

    Bahar

    Aşağıdakı diaqramı yoxlayırsınızsa Edureka, bu Baharın funksionallığı olan müxtəlif modullardan ibarət laylı bir arxitekturaya sahib olduğunu göstərir.

    Bahar Çərçivə Strukturu

    Java proqramları yaratmaq üçün ən yaxşı seçimdir. Orta səviyyəli obyektlərinizi səmərəli şəkildə təşkil etmək üçün laylı quruluşun bu böyük üstünlüyü var. Bu tətbiqetmədə ardıcıllığı təmin edir.

    Başlamaq üçün, istehsal hazır Bahar əsaslı bir proqram yaratmaq üçün sürətli və düşünülmüş bir yol təqdim edən Bahar Çəkməli yaratmalısınız. İcra üçün, yalnız son nəticəni göstərəcəyiniz, bir XML faylı, ana sinif yaradacaq və bir neçə jar faylını yüklədiyiniz bir lobya sinfi qurmalısınız.

    Bundan əlavə, nəzərə ala bilərsiniz başlanğıc.spring.io əsas layihə yaratmaq.

    Raylar

    Bilmək istədiyiniz ilk şey Reyslərdə yaqut bu, gözəl bir dildir və Twitter, Basecamp, Airbnb, Github və bir çox şirkətin istifadə etdiyi eyni çərçivədir.

    Əsaslar arasında dəyişənlər, nəzarət axını haqqında hesabatlar, loop, məlumat strukturları üzərindəki massivlər və digər sinif və obyekt funksiyaları haqqında məlumat əldə etmək daxildir..

    Bir Rails tətbiqini yaratmaq niyyətində olduğunuzda və konfiqurasiya və digər ev işləri tapşırıqlarını kənara qoymağınız üçün üç əsas vəzifəni yerinə yetirməlisiniz:

    • Tətbiqin modelini təsvir edin: Bu bir musiqi mağazası, universitet, tanışlıq xidməti, bir ünvan kitabı və ya bir cihaz inventarı ola bilər..
    • Bu domenlə nəyin baş verə biləcəyinə qərar verin: Bu, bir ünvan kitabına ünvanlar əlavə edə biləcək, musiqi dükanlarından musiqi ballarını satın ala biləcək tətbiqin dinamik olmasını nəzərdə tutur.
    • Görünüşün ictimai mövcudluğuna qərar verin: Bu, istifadəçiyə tətbiqin səhifə görünüşlərini özelleştirmek deməkdir.

    Tornado

    Python quruluşu üç hissəyə daxil olur.

    • Server və müştəri tərəfləri üçün qutudan əlavə yüklər verən tam yığma çərçivələr.
    • Əsasən server tərəfi dəstəyi və bəzən müştəri dəstəyi təklif edən mikro sənədlər. Bu yalnız bir Python faylından istifadə etməklə bir veb tətbiqi yaratmağa imkan verir.
    • İstəkləri asinxron şəkildə idarə edən asinxron çərçivələr.

    Tornado piton çərçivələrinin son kateqoriyasına düşür.

    Bir neçə, lakin ən az olmayan xüsusiyyətlərdən biri də çox sayda ümumi sinif daxildir. Bunu Router və ya WebSockets üçün SocketHandler kimi bir tətbiq yaratmaq üçün istifadə edə bilərsiniz. Sənədlər olduqca aydındır və növbəti tam yığılmış mobil tətbiqetməni qurmaq üçün istifadə edə bilərsiniz.

    Grail

    Grail Groovy və Java-dan ilhamlanan bir veb çərçivədir.

    Yaradıcılar bu çərçivəni Tomcat və ya Jetty kimi mövcud Java veb serverlərinə yerləşdirə bilərlər. Grail ilə əlaqəli bir vacib şey, konfiqurasiya fikri ilə deyil, konvensiyadan kənar bir yanaşma tələb etməsidir. Tətbiqə XML sənədləri kimi konfiqurasiya fayllarından istifadə etmədən fərqli olaraq adlandırma sxemlərinə əsaslanaraq avtomatik tel çıxarmağa imkan verir.

    Budur tez bələdçi növbəti tam yığımlı mobil proqramı qurmaq üçün əllərinizi sınamaq istəsəniz.

    Və nəhayət, sizə lazımdır verilənlər bazası.

    MongoDB

    Bir çox tələb olunan bir texnologiya öyrənmək bir MEAN (MongoDB, Express, AngularJS və Node.js), tam yığım inkişaf etdiricisi olmaq istəyirsinizsə. Açıq mənbəli, çarpaz platforma verilənlər bazası olmaqla məlumatları açar dəyər cütlüyündə saxlayır. JSON’da olduğu kimi ikili məlumat növlərindən istifadə etmək kimi. Aydın bir şəkil vermək üçün MongoDB-dəki bir sənəd OOPS-dəki bir obyektə bənzəyir.

    Milyonlarla məlumatı olan böyük ölçülü masaları idarə edirsinizsə bu sizin üçün ən yaxşı seçimdir. İlə MongoDB, JavaScript kimi yalnız bir kitabxana ilə bütün bir tətbiq hazırlayırsınız.

    MySQL / MariaDB

    Pleylist yaratarkən verilənlər bazası yaradırsınız. Bir şəkil çəkdirdiyiniz və facebook-a yüklədiyiniz zaman qalereya Facebook serverindəki məlumat bazasıdır. Ayaqqabı, paltar və s. Almaq üçün bir elektron ticarət saytına baxarkən alış-veriş səbətinin məlumat bazasından istifadə edirsiniz.

    MySQL Logo

    MySQL əlaqəli məlumatları idarə etməyə imkan verən bir verilənlər bazasıdır. Elektron ticarət nümunəmizdə məhsullar, kateqoriyalar, etiketlər cədvəllərdən istifadə edir və alış-veriş səbətinin məlumat bazası və digərləri ilə əlaqədardır. Bu verilənlər bazalarının real vaxt proqramıdır.

    Nəticə

    Ümid edirəm ki, yuxarıdakı mənbələr siyahısı bir inkişaf etdirici kimi tanış olmağınız üçün müxtəlif bir çərçivə, kitabxanalar və vasitələr haqqında bir fikir verər. Müvafiq rəsmi sənədlərə istinad edərək onları öyrənməyin ən yaxşı yolu və ya video əsaslı dərslər hazırlamaq istəsən Udemy cəhd edin.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    • Like this post? Please share to your friends:
      Adblock
      detector
      map