19 Mga Frameworks at Mga Aklatan na Mababatid bilang isang Buong Tagapag-develop

Bilang isa sa mga pinaka-nakakainis na mga paksa para sa mga nag-develop, ang mga pag-uusap ay hindi kailanman tumigil. Ang pangunahing ng bawat talakayan ay nagsasangkot-ano ang mga kasanayan na kailangan kong makuha para sa pag-unlad ng buong-stack na app?


Ang konsepto ng pagiging isang full-stack developer ay simple. A nangungunang sagot sa Quora paliwanag nito nang mabuti. Ang mga developer ng full-stack ay isang uri ng lahat ng mga rounder na namamahala ng iba’t ibang mga kasanayan at gumagamit ng mga kasanayang ito upang makumpleto ang isang produkto nang nakapag-iisa.

Mayroong iba’t ibang mga stream ng mga stacks na nais mong malaman ang higit pa tungkol sa – mobile, web, o isang katutubong application stack.

Kung ikaw ay isang baguhan, narito ang nais kong malaman mong kailangan mong magkaroon ng pangunahing pag-unawa sa programming wika upang makapagsimula sa anumang balangkas.

Gayunpaman, sa artikulong ito, tatalakayin namin ang iba’t ibang mga frameworks o mga aklatan na magagamit mo upang lumikha ng isang ganap na functional na web at mobile app para sa mga komersyal na layunin.

Magsimula tayo pag-unlad ng harapan.

Ang maliit na mga aklatan ng js ay maaaring ang iyong pinakamahusay na pagpipilian kung ang kailangan mo lamang ay ang muling paggamit ng ilang mga bahagi ng web. Nakakatipid iyon sa oras ng pag-cod at pantulong sa pagpapanatili ng code habang lumalaki ang front end. Siyempre, bilang isang full-stack app developer, pamamahala sa oras at scalability ng code ay isang bagay na hindi mo kayang balewalain.

Kaya, ano ang mga aklatan na nagpapagaan ng timbang na makakatulong sa iyo na ipasadya ang iyong interface ng UI?

Bigote

Gusto mong pumunta para sa hindi kapani-paniwalang balangkas kapag nakakuha ka ng mga kumplikadong proyekto. Karamihan sa mga proyekto ay nangangailangan ng maraming pagmamanipula ng HTML at JavaScript sa client-side.

Halimbawa, ikaw ay isang mabilis na lumalagong ahensya, at nais mong idagdag ang iyong bagong hanay ng mga serbisyo o portfolio sa iyong app nang pabago-bago. Gusto mong gumawa ng mga pagtatangka upang baguhin ang DOM, klase, at mga katangian nang ligtas upang ang ibang mga sangkap ay hindi mapalaya ang kanilang sarili.

Ang pinakamainam na gawin ay ang lumikha ng sobrang slim DOM-library na maaari mong ihulog sa loob ng anumang proyekto o pahina.

Nasaan na Bigote Naglaro ang JS library.

Dahil hinihikayat ng bigote ang iba’t ibang mga wika, hindi namin kakailanganin ang isang hiwalay na sistema ng pag-templa sa gilid ng server.

Ang isang pangkaraniwang paraan ng paggawa ng nasa itaas kasama ang library na ito ay upang tukuyin ang mga elemento ng HTML sa isang string at pagkatapos ay itakda ang panloob na ari-arianHTML o tawagan ang pamamaraang jQuery Html ().

Sa ibaba ay isang halimbawa ng pamamaraang ito:

var dynamic_html = "Nai-highlight na dokumento ngAuthor.getElementByID ("lalagyan") .innerHTML = dynamic_html

Mayroong ilang mga magagamit na mga tutorial na makakatulong sa nais mong maghukay nang malalim tungkol sa utility. Narito ang isa halimbawa para sa iyong mga inspirasyon.

EJS

EJS maaaring maging pinakamahusay na pagbaril kapag kailangan mong mag-output ng HTML na may maraming javascript, o kung nakikipag-ugnayan ka sa dinamikong nilalaman, o nag-aalok ng isang bagay na may kinalaman sa mga pag-update sa real-time.

Tingnan kung paano ginagawang madali ang mga bagay para sa iyo kapag nakikipag-ugnayan ka sa dinamikong nilalaman.

var html ="

"+data.title+"

"
html + ="ul" para sa (var i = 0; i

  • "
    Bersyon ng Ejs

    <% = pamagat%>

    Dapat mo bang malaman ang higit pa? Narito ang mahusay na piraso ng artikulo na makakatulong sa pagsisimula sa proseso ng pag-setup.

    HandleBars

    Ipatupad HandleBars.js kung mayroon kang pinakamabilis na lumalagong data alinman sa server sa pamamagitan ng isang REST API, o mula sa data sa panig ng kliyente.

    Ngayon na tumatawag para sa isang napakalaking pagmamanipula ng DOM para sa mga pagbabago na maisakatuparan. Upang madaling pamahalaan ang iyong nilalaman ng HTML, hindi mo hinihiling ang iyong code ng JavaScript upang hawakan ang mga malalaking markup ng HTML.

    Ang isang mabuting ideya ay upang mapanatili ang iyong JavaScript at HTML na sapat na decoupled, at gumamit ng client-side templating dahil kadalasan ito ay nagpapatakbo ng mas mabilis kaysa sa paglilitis sa tagiliran ng server.

    Svelte

    Ang mas mahaba ang code ay, mas malaki ang mga pagsisikap na kinakailangan upang maunawaan ito, at ang higit pa ay ang pagkakataon na magkaroon ng mga bug. Nais mong sumulat ng mas kaunting code svelte ay mahusay na pumunta.

    Ang anumang bagay na tumutulong sa pagdaragdag ng higit pang pag-andar na may mas kaunting code ay nangyayari upang maging isang mahusay na materyal na nagbebenta para sa mas may karanasan na mga developer.

    Svelte ay isang tool at balangkas upang makatipon ang mga bahagi pababa sa hakbang sa pagtatayo. Pinapayagan ka nitong i-load ang bawat sangkap sa isang pahina upang ma-render ang iyong app. Nangangahulugan ito na walang virtual DOM, walang mga frameworks sa tuktok ng mga frameworks, at walang labis na pag-load sa runtime.

    Narito ang isang pangunahing halimbawa na nagpapahintulot sa iyo na makita ang sangkap ng svelte:

    / * narito ang ilang mga scoped css * /
    .maganda {kulay: pula; }
    <
    p klase = maganda> Mukha kang cool {pangalan!

    /* …… at isang variable na maaari naming ma-access sa mark up * /
    hayaan ang pangalan ="Chris";

    Makakakita ka rin ng ilang magic na nangyayari sa variable na tinatawag na pangalan ng JavaScript.

    Susunod, tingnan natin pag-render ng server-side.

    Tulad ng alam nating lahat – “masyadong maraming ng javascript at mabagal ang iyong mga aplikasyon.” Ang sitwasyon ay mas mahigpit kapag ang app ay tumatanggap ng mataas na trapiko nang sabay-sabay.

    Ngayon, wala nang nakakainis na maghintay at makita ang mga application na kumukuha ng oras upang mai-load maliban kung mayroon kang mas maraming ekstrang oras at katapangan na gugugol ang iyong data bandwidth para sa isang bagay na hindi magandang disenyo. Ang server-side rending ay may mga solusyon para sa mga developer para sa mga katulad na sitwasyon. Gamit ang konseptong ito, ngayon ang iyong application ng JavaScript ay nagpapatakbo sa server sa halip na sa browser.

    Teknikal, dapat mong ipatupad ang mga aklatan sa mga template ng backend coding.

    Tulad nito, ang pahina ay nabuo sa gilid ng server, ngunit ang lahat ng mga pakikipag-ugnay sa pahina nang nai-load, ay hawakan ng kliyente.

    Susunod.js

    Kung nagtatrabaho ka sa React ng kaunting oras, Susunod.js ay isang bagay na nais mong suriin para gawing madali ang mga bagay. Sa kabila ng pagiging isang platform sa client, ang mga application ng React ay nagpapakita ng ilang mga problema na may kaugnayan sa pag-render ng lahat ng nilalaman sa client-side. Ang isa sa mga kilalang kadahilanan na nag-uugnay sa kalidad ng app ay mayroon kang mga isyu sa nilalaman ng SEO.

    Bagaman ang mga search engine ay nagiging mas may kakayahan sa pagpapatakbo at pag-index ng mga apps sa JavaScript, mas kapaki-pakinabang kung maaari nating ipadala ang mga ito sa nilalaman sa halip na ipaalam ito.

    Sa Next.js ipinatupad, maaari mong i-ract ang mga sangkap sa server-side, bago ipadala ang HTML sa client. Bukod sa, ang sangkap ng Link, na ginamit upang maiugnay ang ilang mga pahina, ay sumusuporta sa isang prefetch prop, na tahasang pinipili ang mga mapagkukunan ng pahina.

    Maaari kang sumangguni sa hindi kapani-paniwalang ito artikulo para sa pagkakaroon ng detalyadong kaalaman tungkol sa kung paano gagawa ang mga bagay sa susunod.js.

    Nuxt.js

    Kung ikaw ay isang developer ng Vue.js, ngayon, marahil ay natuklasan mo na  Nuxt.js.

    Maaari mong gawin ang Nuxt.js bilang isang nakasalansan na layer sa mga coding ng Vue. Pinapagaan nito ang pag-unlad ng unibersal o solong pahina na Mga app ng Vue. Iyon ang natatanging punto ng pagbebenta ng Nuxt.js – mas madali ang proseso ng paglikha ng mga unibersal na apps. Ang JavaScript code na ito ay maaaring maisakatuparan kapwa sa client at sa server-side. Ang isang unibersal na app ay tungkol sa pagkakaroon ng isang solong Pahina Application (SPA).

    Sa SPA, kailangan mong gumawa ng maraming pagsasaayos sa parehong server-side at client-side, na kung saan ay ang bottleneck na naglalayong Nuxt.js na malutas para sa mga aplikasyon ng Vue. Ito ay kasing simple ng tila, hayaan ang balangkas na gawin ang gawain ng pagbabahagi ng code sa pagitan ng kliyente at server, at nakatuon ka sa lohika ng application.

    Schema Map Para sa Nuxtjs: pc: sitepoint.com/

    Suriin ang higit pa sa pagpapatupad ng pamamaraan sa Sitepoint.

    Pag-usapan natin ang Mga frameworks at aklatan ng CSS.

    Ang paggamit ng mga CSS frameworks ay tungkol sa pag-istruktura ng layout nang maayos at malinis.

    Semantikong UI

    Semantikong UI ay natatangi sa dalawang paraan.-nakakakuha ka ng isang nakaayos na layout, at gumagamit ito ng limang mga naglalarawan na kategorya upang tukuyin ang magagamit na mga sangkap ng UI.

    Kung maaari mong manipulahin ang format ng sangkap sa ilang kanais-nais na paraan, mabilis mong makuha ang epekto, at hindi mo kailangang gawin ang coding para sa paglikha ng mismong sangkap.

    Ang isa pang dagdag na punto ng balangkas na ito ay hindi lamang higit na mataas sa pagbibigay ng pangalan sa mga klase nito kundi pati na rin sa pagbibigay ng pangalan, pagtukoy, at paglalarawan ng mga bahagi nito. Pangalawa, nakakakuha ka ng iba’t ibang mga yari na sangkap na hindi naroroon sa mga kontemporaryong mga frameworks. Halimbawa, nakukuha mo  Magpakain at Komento sa mga sangkap na Nakakita ng UI o Sidebar at Hugis mula sa Mga Module ng UI.

    Bulma

    Bulma ay isang modernong CSS Framework na itinayo sa Flexbox.

    Bootstrap

    Narito ang dokumentasyon para sa bootstrap.

    Nakatuon sila sa pagiging mobile-first na tumutugon sa tagabuo ng site. Sa pag-hook mo sa CDN o pag-download ng file ng library nang lokal upang maipalabas ang pareho sa iyong mga HTML file, makakakuha ka ng access sa napakalaking imbentaryo ng mga klase at katangian na paunang nakasulat. Ang kailangan mo lang gawin ay ipasadya ang mga ito bilang bawat iyong mga pangangailangan.

    Susunod, galugarin natin back-end na pag-unlad.

    Para sa mga nagsisimula, ang term ay naglalagay ng isang pointer sa mga likurang eksena na mga aktibidad na nangyayari kapag nagsagawa ka ng anumang pagkilos sa isang website. Maaari itong mai-log in sa iyong account o pagbili ng isang e-book mula sa isang online store.

    Isang tipikal na halimbawa ng pag-backend programming ay kapag nagbabasa ka ng isang artikulo sa blog. Ang mga font, kulay, disenyo, atbp ay bumuo ng frontend ng pahinang ito. At ang nilalaman ng artikulo ay nakuha mula sa isang server at nakuha mula sa isang database. Iyon ang backend na bahagi ng application.

    Tingnan ang sinabi sa itaas na aksyon:

    Ang Proseso ng Backend

    Django

    Django ay isang mataas na antas na balangkas ng Python Web, na pinalalaki ang malinis na proseso ng pag-unlad, at disenyo ng pragmatic.

    Nasa ibaba ang mga pangunahing kinakailangan para makapagsimula ka.

    • Python (pinakabagong bersyon)
    • easy_install at Pip
    • Git
    • virtualenv
    • Django
    • Database (SQLite, MySQL, PostgreSQL, MongoDB, atbp.)
    • Timog (para sa mga bersyon ng Django bago 1.7)
    • Isang editor ng teksto (Sublime, vim, Komodo, gedit)

    Ang parehong easy_install at pip ay mga Tagapangasiwa ng Package ng Python. Ginagawa ng mga ito ang paraan na mas simple upang i-install at i-upgrade ang mga pakete ng Python at mga dependant ng package.

    Kunin ang iyong mga set up ng mga tool sa pamamagitan ng Index ng Pakete ng Python. Pumunta para sa nakabalot na itlog (.egg), pagkatapos ay i-install ito nang direkta mula sa file.

    Pagkatapos para sa control ng bersyon, baka gusto mong ma-gamit ang Git.

    Laravel

    Laravel ay isang balangkas na batay sa PHP, at ito ay nagpapahayag, matikas. Sa Laravel server management ay hindi isang sakit ng ulo ngayon. Ang mabuting balita ay nakipagsosyo sila sa DigitalOcean, Linode, Vultr, Amazon upang matulungan ka nito. Ang kailangan mo lang gawin ay gumawa ng isang Laravel forge. Maaari mong basahin ang gabay sa pag-install mula sa dito.

    Ang mga tampok tulad ng CLI na tinawag na Artisan, suporta para sa maramihang mga sistema ng database, at paglilipat ay nagdaragdag sa pagkakasunud-sunod ng balangkas at ginawang kanais-nais sa mga nag-develop ng backend. Bukod, ang sistema ng packaging ay hindi kapani-paniwala sa maraming mga software ng suporta o mga aklatan na makakatulong sa aplikasyon ng web upang i-automate ang proseso.

    Gamit ang, maaari mong mapabilis ang pag-unlad ay upang magbigay ng mabilis na pag-andar. Ang Laravel ay may built-in na template ng template na tinatawag na Blade Template Engine.

    Ang lahat ng mga ito ay gumawa ng mga tampok na out-of-the-box ng balangkas ng Laravel at angkop para sa lahat ng uri ng pag-unlad ng aplikasyon.

    Android SDK

    Sa teknikal na pagsasalita, hindi ito balangkas kundi isang kumpletong OS. Nakuha nito ang Storage Access Framework (SAF), na ginagawang katamtaman para sa mga gumagamit na mag-browse at magbukas ng mga dokumento, mga file, at iba pang mga imahe sa lahat ng kanilang ginustong mga provider ng imbakan ng dokumento.

    Ang mga sumusunod ay kasama sa SDK.

    Mga API ng Android

    Ang bahaging ito ay bumubuo ng pangunahing bahagi ng SDK. Ang API ay ang grupo ng mga aklatan na nagbibigay ng pag-access sa mga developer sa Android stack, at pareho ito sa kung saan maaari kang lumikha ng mga katutubong android application.

    Mga Tool sa Pag-unlad

    Upang mabago ang code ng mapagkukunan ng Android sa pagtatrabaho sa mga Android apps, ang SDK ay gumagamit ng ilang mga tool sa pag-unlad. Hinahayaan ka nitong mag-compile at i-debug ang aming mga aplikasyon sa Android.

    Ang Android Emulator

    Nagtatampok ang emulator ng maraming mga alternatibong balat, kung saan makikita mo kung paano ang hitsura ng mga aplikasyon at pag-uugali sa isang tunay na aparato.

    Suporta sa Online

    Huling ngunit hindi bababa sa, maaari mong magamit ang Mga Grupo ng Google na aktibong mga forum, kung saan maaari mong mai-update na may regular na input mula sa koponan ng pagbuo ng Android sa Google.

    Kung kailangan mong malaman nang malalim ang pag-unlad ng Android, pagkatapos suriin ito Kurso ng Udemy.

    Phoenix

    Balangkas ng Phoenix ang mga mag-asawa na may isa pang tool sa pag-unlad ng web, Elixir, upang bigyan ang pinakamahusay na karanasan sa backend. Ang power couple ay nakakatulong upang makabuo ng mga solusyon na may mataas na kakayahang magamit, concurrency, at mababang latency.

    Ang katotohanan na ang Elixir ay batay sa Erlang VM (BEAM), ginagawa nitong kapwa matibay sina Elixir at Phoenix. Dagdag pa, ang syntax ay nagiging malinis at madaling mabasa.

    Bukod, ang isa sa mga pinaka kapana-panabik na bahagi ng Phoenix ay pinapayagan nito ang malambot na komunikasyon sa real-time at sa pagitan ng milyon-milyong mga konektadong kliyente. May mga chat room at mga API para sa mga mensahe at maraming iba pang mga bagay.

    Spring

    Kung susuriin mo sa ibaba ang diagram mula sa Edureka, ipinapakita nito na ang Spring ay may isang layered na arkitektura na binubuo ng iba’t ibang mga module na mayroong kanilang pag-andar.

    Istraktura ng Framework ng Spring

    Ang pinakamahusay na pagpipilian para sa paglikha ng mga aplikasyon ng java. Narito ang malaking bentahe ng layered na istraktura para sa epektibong pag-aayos ng iyong mga nasa gitna na mga bagay. Na ginagawang pare-pareho ang pagsasaayos sa buong aplikasyon.

    Upang makapagsimula, kailangan mong lumikha ng isang Spring Boot na nagbibigay ng isang mabilis at opinionated na paraan upang lumikha ng isang application na handa na batay sa Spring. Para sa pagpapatupad, ang kailangan mo lang ay magtayo ng isang klase ng beans, kung saan ipapakita mo ang pangwakas na output, makabuo ng isang XML file, pangunahing klase, at mag-load ng ilang mga file na jar.

    Bukod sa, maaari mong isaalang-alang ang simula.spring.io upang makabuo ng isang pangunahing proyekto.

    Mga riles

    Ang unang bagay na maaaring nais mong malaman tungkol sa Ruby sa Riles ito ay isang magandang wika, at pareho ang balangkas na ginagamit ng Twitter, Basecamp, Airbnb, Github, at napakaraming mga kumpanya.

    Kasama sa mga pangunahing kaalaman ang pag-aaral tungkol sa mga variable, control statement statement, looping, array sa pamamagitan ng mga istruktura ng data, at iba pang mga klase at object function.

    Habang nilalayon mong magsulat ng isang aplikasyon ng Mga daang-bakal, at ihuhulog mo ang pagsasaayos at iba pang mga pag-aayos ng bahay, kailangan mong magsagawa ng tatlong pangunahing gawain:

    • Ilarawan ang modelo ng application: Maaaring ito ay isang tindahan ng musika, unibersidad, serbisyo sa pakikipag-date, isang address book, o isang imbentaryo ng hardware.
    • Magpasya kung ano ang maaaring mangyari sa domain na ito: Nangangahulugan ito na gawing pabago ang app, na maaaring pagdaragdag ng mga address sa isang address book, pagbili ng mga marka ng musika mula sa mga tindahan ng musika.
    • Magpasya sa pagkakaroon ng view ng publiko: Nangangahulugan ito na ipasadya ang mga view ng pahina ng app para sa gumagamit.

    Tornado

    Ang istraktura ng Python ay nagmumula sa ilalim ng tatlong mga seksyon.

    • Ang buong-stack na mga frameworks, na nagbibigay ng maraming mga tampok ng kahon para sa server at client-side.
    • Microframeworks, na nag-aalok ng pangunahing suporta sa server-side at kung minsan ay sumusuporta sa panig ng kliyente. Pinapayagan nito ang paglikha ng isang web application sa pamamagitan lamang ng paggamit ng isang solong Python file.
    • Asynchronous frameworks, na humahawak ng mga kahilingan nang hindi pinagsama.

    Tornado bumagsak sa huling kategorya ng mga python frameworks.

    Ang isa sa ilang, ngunit hindi bababa sa mga tampok ay may kasamang maraming mga pangkaraniwang klase. Maaari mong gamitin ito para sa paglikha ng application tulad ng Ruta, o SocketHandler para sa WebSockets. Ang dokumentasyon ay lubos na malinaw, at maaari mong magamit na upang mabuo ang iyong susunod na full-stack na mobile app.

    Mga lubid

    Mga lubid ay isang balangkas sa web na inspirasyon ng Groovy at Java.

    Maaaring ilawak ng mga nag-develop ang balangkas na ito sa anumang umiiral na mga web server ng Java tulad ng Tomcat o Jetty. Isang mahalagang bagay tungkol sa mga butil ay ang kinakailangan ng diskarte na wala sa kombensyon at hindi sa pamamagitan ng ideya ng pagsasaayos. Pinapayagan nito ang application sa auto-wire mismo batay sa mga scheme ng pagbibigay ng pangalan kumpara sa paggamit ng mga file ng pagsasaayos tulad ng XML file.

    Narito ang isang mabilis gabay kung nais mong subukan ang iyong mga kamay upang mabuo ang iyong susunod na buong application na mobile na ganap.

    At, sa wakas, kailangan mo ng database.

    MongoDB

    Isang kinakailangang teknolohiya na kailangan mo matuto kung nais mong maging isang MEAN (MongoDB, Express, AngularJS, at Node.js), full-stack developer. Bilang isang bukas na mapagkukunan, cross-platform database, nag-iimbak ito ng data sa pares ng key-halaga. Iyon ay tulad ng paggamit ng mga uri ng data ng binary tulad ng sa JSON. Upang mabigyan ka ng isang malinaw na larawan, ang isang dokumento sa MongoDB ay katulad sa isang Bagay sa OOPS.

    Iyon ang pinakamahusay na pagpipilian para sa iyo kung pinamamahalaan mo ang mga malalaking sukat na talahanayan na may milyun-milyong data. Sa MongoDB, gumawa ka ng isang buong application na may isang library lamang, tulad ng JavaScript.

    MySQL / MariaDB

    Kapag gumagawa ka ng isang playlist, lumilikha ka ng isang database. Kapag kumuha ka ng litrato at mag-upload sa facebook – ang gallery ay ang iyong database sa server ng Facebook. Kapag nagba-browse ka ng isang website ng e-commerce upang bumili ng sapatos, damit, atbp, gumagamit ka ng database ng shopping cart.

    Logo ng MySQL

    MySQL ay isang database na nagbibigay-daan sa iyo upang pamahalaan ang relational data. Sa aming e-commerce halimbawa, ang mga produkto, kategorya, mga tag ay gumagamit ng mga talahanayan at nauugnay sa database ng shopping cart at marami pang iba. Iyon ang real-time na utility ng mga database.

    Konklusyon

    Inaasahan ko na ang listahan ng mga mapagkukunan sa itaas ay nagbibigay sa iyo ng isang ideya tungkol sa iba’t ibang mga balangkas, aklatan, at mga tool na dapat maging pamilyar sa isang developer. Ang pinakamahusay na paraan upang malaman ang mga ito sa pamamagitan ng pag-refer sa kani-kanilang opisyal na mga doc o kung magarbong mga video na nakabase sa video pagkatapos ay subukan ang Udemy.

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