{"id":52348,"date":"2019-11-06T00:00:00","date_gmt":"2019-11-05T21:00:00","guid":{"rendered":"https:\/\/prohoster.info\/blog\/blog_prohoster\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva"},"modified":"2020-02-18T14:00:02","modified_gmt":"2020-02-18T11:00:02","slug":"eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","status":"publish","type":"post","link":"https:\/\/prohoster.info\/sq\/blog\/novosti-interneta\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","title":{"rendered":"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/05c3246e5ca620b5ea66c0542b53f08a.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<\/p>\n<h3>Hyrje<\/h3>\n<p>\nPavar\u00ebsisht n\u00ebse jeni nj\u00eb fillestar n\u00eb programim apo nj\u00eb zhvillues me p\u00ebrvoj\u00eb, eksplorimi i koncepteve dhe gjuh\u00ebve t\u00eb reja\/frameworkeve \u00ebsht\u00eb thelb\u00ebsor p\u00ebr t\u00eb q\u00ebndruar n\u00eb hap me tendencat.<\/p>\n<p>Merrni p\u00ebr shembull, React \u2013 kodi i t\u00eb cilit u hap nga Facebook vet\u00ebm kat\u00ebr vjet m\u00eb par\u00eb, tani \u00ebsht\u00eb zgjedhja num\u00ebr nj\u00eb p\u00ebr zhvilluesit JavaScript n\u00eb t\u00eb gjith\u00eb bot\u00ebn.<\/p>\n<p>Sigurisht, Vue dhe Angular gjithashtu kan\u00eb baz\u00ebn e tyre t\u00eb ligjshme t\u00eb adhuruesve. Ka gjithashtu Svelte dhe frameworke t\u00eb tjer\u00eb universale, si Next.js ose Nuxt.js. Edhe Gatsby, Gridsome, Quasar\u2026 dhe shum\u00eb t\u00eb tjera.<\/p>\n<p>N\u00ebse d\u00ebshironi t\u00eb shfaqni veten si nj\u00eb zhvillues t\u00eb kualifikuar JavaScript, duhet t\u00eb keni p\u00ebrvoj\u00eb t\u00eb pakt\u00ebn me disa frameworke dhe biblioteka \u2013 p\u00ebrve\u00e7 pun\u00ebs me t\u00eb mirin e vjet\u00ebr JS.<\/p>\n<p>P\u00ebr t'ju ndihmuar t\u00eb b\u00ebheni mjesht\u00ebr n\u00eb front-end n\u00eb vitin 2020, kam mbledhur n\u00ebnt\u00eb projekte t\u00eb ndryshme, secili i kushtuar framework-eve dhe bibliotekave t\u00eb ndryshme JavaScript si stack teknik, t\u00eb cilat mund t'i krijoni dhe t'i shtoni n\u00eb portofolin tuaj. Mos harroni, asgj\u00eb nuk ju ndihmon m\u00eb shum\u00eb se sa t\u00eb krijoni gj\u00ebra praktikisht, prandaj vazhdoni, p\u00ebrfshini mendjen tuaj dhe b\u00ebjeni k\u00ebt\u00eb t\u00eb mundur.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<blockquote><p><noindex><a rel=\"nofollow\" href=\"https:\/\/www.edsd.ru\/\" title=\"EDISON Software - zhvillim web\"><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/4f292db7c47eaa9d6e764f5a595d0edf.jpeg\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><br clear=\"right\"><br \/>\nArtikulli \u00ebsht\u00eb p\u00ebrkthyer me mb\u00ebshtetje nga kompania EDISON Software, e cila <noindex><a rel=\"nofollow\" href=\"https:\/\/www.edsd.ru\/virtualnaya-primerochnaya\">krijon dhoma provimi virtuale p\u00ebr dyqanet me shum\u00eb marka<\/a><\/noindex>, dhe gjithashtu <noindex><a rel=\"nofollow\" href=\"https:\/\/www.edsd.ru\/ru\/uslugi\/testirovanie_po\">teston softuerin<\/a><\/noindex>.<\/p><\/blockquote>\n<p><\/p>\n<h3>Aplikacion p\u00ebr k\u00ebrkimin e filmave me React (me hooks)<\/h3>\n<p>\nE para, nga ku mund t\u00eb filloni, \u00ebsht\u00eb krijimi i nj\u00eb aplikacioni p\u00ebr k\u00ebrkimin e filmave me React. M\u00eb posht\u00eb \u00ebsht\u00eb nj\u00eb imazh se si do t\u00eb duket aplikacioni p\u00ebrfundimtar:<\/p>\n<p><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/de9873700abc86e1ec63e92704f80dcf.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>\u00c7far\u00eb do t\u00eb m\u00ebsoni<\/b><br \/>\nDuke krijuar k\u00ebt\u00eb aplikacion, do t\u00eb p\u00ebrmir\u00ebsoni aft\u00ebsit\u00eb tuaja n\u00eb React, duke p\u00ebrdorur nj\u00eb API t\u00eb re relativisht t\u00eb njohur, Hooks. N\u00eb shembullin e projektit jan\u00eb p\u00ebrdorur komponent\u00eb t\u00eb React, shum\u00eb hooks, nj\u00eb API t\u00eb jasht\u00ebm dhe, sigurisht, disa stile CSS.<\/p>\n<p><b>Stack teknik dhe karakteristikat<\/b><\/p>\n<ul>\n<li>React me hooks<\/li>\n<li>create-react-app<\/li>\n<li>JSX<\/li>\n<li>CSS<\/li>\n<\/ul>\n<p>\nPa p\u00ebrdorimin e klasave, k\u00ebto projekte ju ofrojn\u00eb nj\u00eb pik\u00eb ideale hyr\u00ebse n\u00eb React funksional dhe me siguri do t'ju ndihmojn\u00eb n\u00eb vitin 2020. Mund t\u00eb gjeni <noindex><a rel=\"nofollow\" href=\"https:\/\/www.freecodecamp.org\/news\/how-to-build-a-movie-search-app-using-react-hooks-24eb72ddfaf7\/\">shembuj projekti k\u00ebtu<\/a><\/noindex>. Ndjekni udh\u00ebzimet ose b\u00ebjeni gjith\u00e7ka sipas d\u00ebshir\u00ebs tuaj.<\/p>\n<h3>Aplikacioni i bised\u00ebs me Vue<\/h3>\n<p>\nNj\u00eb projekt tjet\u00ebr i shk\u00eblqyer p\u00ebr ju \u00ebsht\u00eb t\u00eb krijoni nj\u00eb aplikacion bisedash duke p\u00ebrdorur bibliotek\u00ebn time t\u00eb preferuar JavaScript: VueJS. Aplikacioni do t\u00eb duket p\u00ebraf\u00ebrsisht k\u00ebshtu:<\/p>\n<p><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/3c55136bcf260168f951e923983dc3a0.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>\u00c7far\u00eb do t\u00eb m\u00ebsoni<\/b><br \/>\nNga ky udh\u00ebzues do t\u00eb m\u00ebsoni si t\u00eb krijoni nj\u00eb aplikacion Vue nga fillimi \u2014 duke krijuar komponente, duke menaxhuar gjendjen, duke krijuar rrug\u00eb, duke u lidhur me sh\u00ebrbime t\u00eb jashtme dhe madje duke menaxhuar autentifikimin.<\/p>\n<p><b>Stack teknik dhe karakteristikat<\/b><\/p>\n<ul>\n<li>Vue<\/li>\n<li>Vuex<\/li>\n<li>Vue Router<\/li>\n<li>Vue CLI<\/li>\n<li>Pusher<\/li>\n<li>CSS<\/li>\n<\/ul>\n<p>\nKy \u00ebsht\u00eb v\u00ebrtet nj\u00eb projekt i shk\u00eblqyer p\u00ebr t\u00eb filluar pun\u00ebn me Vue ose p\u00ebr t\u00eb p\u00ebrmir\u00ebsuar aft\u00ebsit\u00eb tuaja ekzistuese p\u00ebr zhvillimin n\u00eb vitin 2020. Ju mund t\u00eb gjeni <noindex><a rel=\"nofollow\" href=\"https:\/\/www.sitepoint.com\/pusher-vue-real-time-chat-app\/\">udh\u00ebzuesin k\u00ebtu<\/a><\/noindex>.<\/p>\n<h3>Nj\u00eb aplikacion i bukur p\u00ebr shikimin e motit me Angular 8<\/h3>\n<p>\nKy shembull do t'ju ndihmoj\u00eb t\u00eb krijoni nj\u00eb aplikacion t\u00eb bukur p\u00ebr shikimin e motit duke p\u00ebrdorur Angular 8:<\/p>\n<p><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/93575fb69c667f04a00c58bfeb8b9699.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>\u00c7far\u00eb do t\u00eb m\u00ebsoni<\/b><br \/>\nKy projekt do t'ju m\u00ebsoj\u00eb aft\u00ebsi t\u00eb vlefshme n\u00eb krijimin e aplikacioneve nga zero \u2014 nga dizajni deri n\u00eb zhvillimin, deri n\u00eb nj\u00eb aplikacion t\u00eb gatsh\u00ebm p\u00ebr t'u vendosur.<\/p>\n<p><b>Stack teknik dhe karakteristikat<\/b><\/p>\n<ul>\n<li>Angular 8<\/li>\n<li>Firebase<\/li>\n<li>Renderimi n\u00eb an\u00ebn e serverit<\/li>\n<li>CSS me rrjet dhe Flexbox<\/li>\n<li>I p\u00ebrshtatsh\u00ebm p\u00ebr celular\u00eb dhe reagues<\/li>\n<li>Modaliteti i err\u00ebt<\/li>\n<li>Nd\u00ebrfaqe e bukur<\/li>\n<\/ul>\n<p>\nAjoja q\u00eb m\u00eb p\u00eblqen v\u00ebrtet shum\u00eb n\u00eb k\u00ebt\u00eb projekt gjith\u00ebp\u00ebrfshir\u00ebs \u00ebsht\u00eb se ju nuk studioni gj\u00ebrat n\u00eb m\u00ebnyr\u00eb t\u00eb izoluar. N\u00eb vend t\u00eb k\u00ebsaj, ju studioni t\u00eb gjith\u00eb procesin e zhvillimit \u2014 nga projektimi deri n\u00eb implementimin p\u00ebrfundimtar.<\/p>\n<h3>Aplikacioni To-Do me Svelte<\/h3>\n<p>\nSvelte \u00ebsht\u00eb si nj\u00eb f\u00ebmij\u00eb i ri n\u00eb qasjen komponentale \u2014 t\u00eb pakt\u00ebn i ngjash\u00ebm me React, Vue dhe Angular. Dhe \u00ebsht\u00eb nj\u00eb nga risi m\u00eb t\u00eb nxehta t\u00eb vitit 2020.<\/p>\n<p>Aplikacionet To-Do nuk jan\u00eb domosdoshm\u00ebrisht tema m\u00eb e nxeht\u00eb, por n\u00eb t\u00eb v\u00ebrtet\u00eb do t'ju ndihmojn\u00eb t\u00eb p\u00ebrmir\u00ebsoni aft\u00ebsit\u00eb tuaja n\u00eb Svelte. Ky do t\u00eb duket si:<\/p>\n<p><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/1d2d414f5acbb3cfd0df5bf7ff29befd.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>\u00c7far\u00eb do t\u00eb m\u00ebsoni<\/b><br \/>\nNga ky tutorial do t\u00eb m\u00ebsoni se si t\u00eb krijoni nj\u00eb aplikacion me Svelte 3, nga fillimi deri n\u00eb fund. Ju do t\u00eb p\u00ebrdorni komponente, stilizim dhe menaxhues ngjarjesh.<\/p>\n<p><b>Stack teknik dhe karakteristikat<\/b><\/p>\n<ul>\n<li>Svelte 3<\/li>\n<li>Komponent\u00ebt<\/li>\n<li>Stilizimi me CSS<\/li>\n<li>Sintaksa ES 6<\/li>\n<\/ul>\n<p>\nNuk ka shum\u00eb projekte t\u00eb mira fillestare p\u00ebr Svelte, prandaj kam gjetur <noindex><a rel=\"nofollow\" href=\"https:\/\/medium.com\/codingthesmartway-com-blog\/building-a-svelte-3-todo-app-from-start-to-deployment-1737f72c23a6\">k\u00ebt\u00eb variant t\u00eb mir\u00eb p\u00ebr t'u nisur<\/a><\/noindex>.<\/p>\n<h3>\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0446\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Next.js<\/h3>\n<p>\nNext.js \u00ebsht\u00eb framework-u m\u00eb i popullarizuar p\u00ebr krijimin e aplikacioneve React, i cili mb\u00ebshtet renderimin n\u00eb an\u00ebn e serverit nga kutia.<\/p>\n<p>Ky projekt do t'ju tregoj\u00eb se si t\u00eb krijoni nj\u00eb aplikacion p\u00ebr tregtin\u00eb elektronike, i cili do t\u00eb duket ashtu si\u00e7 vijon:<\/p>\n<p><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/a848293ad9952a3c52bf8d059bf55ab9.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>\u00c7far\u00eb do t\u00eb m\u00ebsoni<\/b><br \/>\nN\u00eb k\u00ebt\u00eb projekt do t\u00eb m\u00ebsoni si t\u00eb zhvilloni me Next.js \u2014 t\u00eb krijoni faqe dhe komponent\u00eb t\u00eb rinj, t\u00eb nxjerrni t\u00eb dh\u00ebna, si dhe t\u00eb stilizoni dhe implementoni aplikacionin Next.<\/p>\n<p><b>Stack teknik dhe karakteristikat<\/b><\/p>\n<ul>\n<li>Next.js<\/li>\n<li>Komponent\u00eb dhe faqe<\/li>\n<li>Nxjerrja e t\u00eb dh\u00ebnave<\/li>\n<li>Stilizimi<\/li>\n<li>Implementimi i projektit<\/li>\n<li>SSR dhe SPA<\/li>\n<\/ul>\n<p>\nGjithmon\u00eb \u00ebsht\u00eb e shk\u00eblqyer t\u00eb kesh nj\u00eb shembull real, si nj\u00eb aplikacion p\u00ebr tregti elektronike, p\u00ebr t\u00eb m\u00ebsuar di\u00e7ka t\u00eb re. Ju mund t\u00eb <noindex><a rel=\"nofollow\" href=\"https:\/\/snipcart.com\/blog\/next-js-ecommerce-tutorial\">gjeni nj\u00eb tutorial k\u00ebtu<\/a><\/noindex>.<\/p>\n<h3>\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0439 \u043c\u0443\u043b\u044c\u0442\u0438\u044f\u0437\u044b\u0447\u043d\u044b\u0439 \u0431\u043b\u043e\u0433 \u0441 Nuxt.js<\/h3>\n<p>\nNuxt.js p\u00ebr Vue, ashtu si Next.js p\u00ebr React: nj\u00eb framework i shk\u00eblqyer p\u00ebr t\u00eb bashkuar mund\u00ebsit\u00eb e renditjes an\u00ebsore dhe aplikacioneve nj\u00ebfaq\u00ebshe<br \/>\nAplikacioni i fundit q\u00eb mund t\u00eb krijoni do t\u00eb duket k\u00ebshtu:<\/p>\n<p><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/ba05c24c81705c454c32d363e9a74fe5.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>\u00c7far\u00eb do t\u00eb m\u00ebsoni<\/b><\/p>\n<p>N\u00eb k\u00ebt\u00eb shembull projekti do t\u00eb m\u00ebsoni si t\u00eb krijoni nj\u00eb faqe t\u00eb plot\u00eb n\u00eb internet duke p\u00ebrdorur Nuxt.js \u2014 nga konfigurimi fillestar deri te implementimi p\u00ebrfundimtar.<\/p>\n<p>Ai p\u00ebrdor shum\u00eb funksione interesante q\u00eb Nuxt mund t\u00eb ofroj\u00eb, si faqe dhe komponent\u00eb, si dhe stilizim me SCSS.<\/p>\n<p><b>Stack teknik dhe karakteristikat<\/b><\/p>\n<ul>\n<li>Nuxt.js<\/li>\n<li>Komponent\u00eb dhe faqe<\/li>\n<li>Moduli Storyblock<\/li>\n<li>Mixins<\/li>\n<li>Vuex p\u00ebr menaxhimin e gjendjes<\/li>\n<li>SCSS p\u00ebr stilizim<\/li>\n<li>Middleware t\u00eb Nuxt<\/li>\n<\/ul>\n<p>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/www.storyblok.com\/tp\/nuxt-js-multilanguage-website-tutorial\">Ky \u00ebsht\u00eb nj\u00eb projekt me t\u00eb v\u00ebrtet\u00eb t\u00eb mahnitsh\u00ebm<\/a><\/noindex>, i cili ofron shum\u00eb mund\u00ebsi t\u00eb mrekullueshme me Nuxt.js. Personalisht, m\u00eb p\u00eblqen t\u00eb punoj me Nuxt, prandaj duhet ta provoni, sepse do t'ju b\u00ebj\u00eb gjithashtu nj\u00eb zhvillues t\u00eb shk\u00eblqyer t\u00eb Vue.<\/p>\n<h3>Blogu me Gatsby<\/h3>\n<p>\nGatsby \u00ebsht\u00eb nj\u00eb gjenerator i shk\u00eblqyer i faqeve statike, q\u00eb p\u00ebrdor React dhe GraphQL. Ky \u00ebsht\u00eb rezultati i projektit:<\/p>\n<p><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/4a51e59e1983da87d2110f8b06e29e33.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>\u00c7far\u00eb do t\u00eb m\u00ebsoni<\/b><\/p>\n<p>N\u00eb k\u00ebt\u00eb udh\u00ebzues, do t\u00eb m\u00ebsoni si t\u00eb p\u00ebrdorni Gatsby p\u00ebr t\u00eb krijuar nj\u00eb blog, q\u00eb do ta p\u00ebrdorni p\u00ebr t\u00eb shkruar artikujt tuaj, duke p\u00ebrdorur React dhe GraphQL.<\/p>\n<p><b>Stack teknik dhe karakteristikat<\/b><\/p>\n<ul>\n<li>Gatsby<\/li>\n<li>React<\/li>\n<li>GraphQL<\/li>\n<li>Plugin dhe tema<\/li>\n<li>MDX\/Markdown<\/li>\n<li>Bootstrap CSS<\/li>\n<li>Shabllonat<\/li>\n<\/ul>\n<p>\nN\u00ebse ndonj\u00ebher\u00eb keni dashur t\u00eb krijoni nj\u00eb blog, <noindex><a rel=\"nofollow\" href=\"https:\/\/blog.bitsrc.io\/how-to-build-a-blog-with-gatsby-and-boostrap-d1270212b3dc\">ky \u00ebsht\u00eb nj\u00eb shembull i shk\u00eblqyer<\/a><\/noindex> i m\u00ebnyr\u00ebs se si ta b\u00ebni k\u00ebt\u00eb, duke p\u00ebrdorur React dhe GraphQL.<\/p>\n<p>Nuk po them se WordPress \u00ebsht\u00eb nj\u00eb zgjedhje e keqe, por me Gatsby mund t\u00eb krijoni website me performanc\u00eb t\u00eb lart\u00eb, duke p\u00ebrdorur React - q\u00eb \u00ebsht\u00eb nj\u00eb kombinim mbres\u00ebl\u00ebn\u00ebs.<\/p>\n<h3>Blogu me Gridsome<\/h3>\n<p>\nGridsome p\u00ebr Vue... Epo, tashm\u00eb kemi pasur k\u00ebt\u00eb me Next\/Nuxt.<br \/>\nPor e nj\u00ebjta gj\u00eb vlen p\u00ebr Gridsome dhe Gatsby. T\u00eb dyja p\u00ebrdorin GraphQL si nj\u00eb shtres\u00eb t\u00eb t\u00eb dh\u00ebnave, por Gridsome p\u00ebrdor VueJS. Ky \u00ebsht\u00eb gjithashtu nj\u00eb gjenerator i mrekulluesh\u00ebm i faqeve statike, q\u00eb do t'ju ndihmoj\u00eb t\u00eb krijoni bloge t\u00eb shk\u00eblqyera:<\/p>\n<p><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/3d0162d6aeba8481056f4dee9f25808d.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>\u00c7far\u00eb do t\u00eb m\u00ebsoni<\/b><\/p>\n<p>Ky ky projekt do t\u2019ju m\u00ebsoj\u00eb se si t\u00eb krijoni nj\u00eb blog t\u00eb thjesht\u00eb p\u00ebr t\u00eb filluar me Gridsome, GraphQL dhe Markdown. Ai gjithashtu shpjegon se si t\u00eb implementoni aplikacionin p\u00ebrmes Netlify.<\/p>\n<p><b>Stack teknik dhe karakteristikat<\/b><\/p>\n<ul>\n<li>Gridsome<\/li>\n<li>Vue<\/li>\n<li>GraphQL<\/li>\n<li>Markdown<\/li>\n<li>Netlify<\/li>\n<\/ul>\n<p>\nSigurisht, ky nuk \u00ebsht\u00eb tutori i plot\u00eb, por mbulon konceptet kryesore t\u00eb Gridsome dhe <noindex><a rel=\"nofollow\" href=\"https:\/\/www.telerik.com\/blogs\/building-a-blog-with-vue-and-markdown-using-gridsome\">Markdown dhe mund t\u00eb sh\u00ebrbej\u00eb si nj\u00eb pik\u00eb e mir\u00eb fillestare.<\/a><\/noindex>.<\/p>\n<h3>Nj\u00eb lojtar audio, i ngjash\u00ebm me SoundCloud, me ndihm\u00ebn e Quasar.<\/h3>\n<p>\nQuasar \u00ebsht\u00eb nj\u00eb tjet\u00ebr framework i Vue, q\u00eb mund t\u00eb p\u00ebrdoret p\u00ebr t\u00eb krijuar aplikacione mobile. N\u00eb k\u00ebt\u00eb projekt, do t\u00eb krijoni nj\u00eb aplikacion lojtar audio, p\u00ebr shembull:<\/p>\n<p><img decoding=\"async\" alt=\"Edhe 9 projekte p\u00ebr zhvillimin e aft\u00ebsive n\u00eb Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/e7acef4f60608d581533c038c61a0752.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>\u00c7far\u00eb do t\u00eb m\u00ebsoni<\/b><\/p>\n<p>Nd\u00ebrsa projektet e tjera p\u00ebrqendrohen kryesisht n\u00eb aplikacione web, ky do t'ju tregoj\u00eb se si t\u00eb krijoni nj\u00eb aplikacion mobil duke p\u00ebrdorur Vue dhe frameworkun Quasar.<br \/>\nDuhet t\u00eb keni nj\u00eb Cordova funksional me Android Studio\/Xcode t\u00eb vendosur. N\u00ebse jo, udh\u00ebzimi ka nj\u00eb lidhje me faqen e internetit t\u00eb Quasar, ku ata tregojn\u00eb se si t\u00eb b\u00ebni gjith\u00e7ka t\u00eb gatshme.<\/p>\n<p><b>Stack teknik dhe karakteristikat<\/b><\/p>\n<ul>\n<li>Quasar<\/li>\n<li>Vue<\/li>\n<li>Cordova<\/li>\n<li>WaveSurfer<\/li>\n<li>Komponent\u00ebt UI<\/li>\n<\/ul>\n<p>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/www.learningsomethingnew.com\/how-to-build-a-sound-cloud-like-audio-player-app-with-vue-js-quasar-and-wave-surfer\">Nj\u00eb projekt i vog\u00ebl<\/a><\/noindex>, q\u00eb demonstrojn\u00eb mund\u00ebsit\u00eb e Quasar p\u00ebr krijimin e aplikacioneve mobile.<br \/>\n<br \/>Burimi: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/edison\/blog\/474230\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u0442\u043e\u0433\u043e, \u044f\u0432\u043b\u044f\u0435\u0442\u0435\u0441\u044c \u043b\u0438 \u0432\u044b \u043d\u043e\u0432\u0438\u0447\u043a\u043e\u043c \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0438\u043b\u0438 \u0443\u0436\u0435 \u043e\u043f\u044b\u0442\u043d\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c, \u0432 \u044d\u0442\u043e\u0439 \u043e\u0442\u0440\u0430\u0441\u043b\u0438 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u044b\u0445 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u0438 \u044f\u0437\u044b\u043a\u043e\u0432\/\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0447\u0442\u043e\u0431\u044b \u0443\u0441\u043f\u0435\u0432\u0430\u0442\u044c \u0437\u0430 \u0442\u0440\u0435\u043d\u0434\u0430\u043c\u0438. \u0412\u043e\u0437\u044c\u043c\u0435\u043c, \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, React \u2014 \u043a\u043e\u0434 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e, Facebook \u043e\u0442\u043a\u0440\u044b\u043b \u0432\u0441\u0435\u0433\u043e \u0447\u0435\u0442\u044b\u0440\u0435 \u0433\u043e\u0434\u0430 \u043d\u0430\u0437\u0430\u0434, \u043e\u043d \u0443\u0436\u0435 \u0441\u0442\u0430\u043b \u0432\u044b\u0431\u043e\u0440\u043e\u043c \u043d\u043e\u043c\u0435\u0440 \u043e\u0434\u0438\u043d \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 JavaScript \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443. Vue \u0438 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-52348","post","type-post","status-publish","format-standard","hentry","category-novosti-interneta"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/sq\/blog\/novosti-interneta\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"sq_AL\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u0415\u0449\u0451 9 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0434\u043b\u044f \u043e\u0442\u0442\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u044f Front-End \u043c\u0430\u0441\u0442\u0435\u0440\u0441\u0442\u0432\u0430 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/sq\/blog\/novosti-interneta\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-11-05T21:00:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-02-18T11:00:02+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47 Ende 9 projekte p\u00ebr t\u00eb p\u00ebrmir\u00ebsuar aft\u00ebsit\u00eb tuaja Front-End | ProHoster","description":"Hyrje Pavar\u00ebsisht nga.","canonical_url":"https:\/\/prohoster.info\/sq\/blog\/novosti-interneta\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"sq_AL","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0415\u0449\u0451 9 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0434\u043b\u044f \u043e\u0442\u0442\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u044f Front-End \u043c\u0430\u0441\u0442\u0435\u0440\u0441\u0442\u0432\u0430 | ProHoster","og:description":"\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442.","og:url":"https:\/\/prohoster.info\/sq\/blog\/novosti-interneta\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-11-05T21:00:00+00:00","article:modified_time":"2020-02-18T11:00:02+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"52348","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-24 03:19:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 14:23:14","updated":"2026-01-24 03:19:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/posts\/52348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/comments?post=52348"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/posts\/52348\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/media?parent=52348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/categories?post=52348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/tags?post=52348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}