{"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\/it\/blog\/news\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","title":{"rendered":"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/05c3246e5ca620b5ea66c0542b53f08a.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<\/p>\n<h3>Introduzione<\/h3>\n<p>\nIndipendentemente dal fatto che tu sia un principiante nella programmazione o un sviluppatore esperto, in questo settore \u00e8 fondamentale apprendere nuovi concetti e linguaggi\/framework per tenere il passo con le tendenze.<\/p>\n<p>Prendiamo ad esempio React, il cui codice \u00e8 stato aperto da Facebook solo quattro anni fa, ed \u00e8 gi\u00e0 diventato la scelta numero uno per gli sviluppatori JavaScript in tutto il mondo.<\/p>\n<p>Vue e Angular, ovviamente, hanno anch'essi la loro legittima base di fan. E ci sono anche Svelte e altri framework versatili come Next.js o Nuxt.js. E Gatsby, Gridsome, Quasar... e molto altro.<\/p>\n<p>Se vuoi affermarti come sviluppatore JavaScript esperto, dovresti avere almeno un po' di esperienza con diversi framework e librerie, oltre a lavorare con il buon vecchio JS.<\/p>\n<p>Per aiutarti a diventare un maestro del front-end nel 2020, ho raccolto nove diversi progetti, ognuno dedicato a diversi framework e librerie JavaScript come stack tecnico, che puoi realizzare e aggiungere al tuo portfolio. Ricorda che nulla ti aiuta di pi\u00f9 che creare cose nella pratica, quindi vai avanti, accendi il tuo cervello e rendilo possibile.<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 - sviluppo web.\"><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/4f292db7c47eaa9d6e764f5a595d0edf.jpeg\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><br clear=\"right\"><br \/>\nL'articolo \u00e8 stato tradotto con il supporto dell'azienda EDISON Software, che <noindex><a rel=\"nofollow\" href=\"https:\/\/www.edsd.ru\/virtualnaya-primerochnaya\">crea camerini virtuali per negozi multimarca<\/a><\/noindex>, e inoltre <noindex><a rel=\"nofollow\" href=\"https:\/\/www.edsd.ru\/ru\/uslugi\/testirovanie_po\">testa il software<\/a><\/noindex>.<\/p><\/blockquote>\n<p><\/p>\n<h3>Applicazione per la ricerca di film con React (con hooks)<\/h3>\n<p>\nLa prima cosa con cui potresti iniziare \u00e8 creare un'applicazione per la ricerca di film utilizzando React. Di seguito \u00e8 riportata un'immagine di come apparir\u00e0 l'app finale:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/de9873700abc86e1ec63e92704f80dcf.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Cosa imparerai<\/b><br \/>\nCreando questa applicazione, migliorerai le tue competenze in React, utilizzando un API Hooks relativamente nuova. Nel progetto esempio si utilizzano componenti React, numerosi hooks, un API esterno e, ovviamente, alcuni stili CSS.<\/p>\n<p><b>Stack tecnico e funzionalit\u00e0<\/b><\/p>\n<ul>\n<li>React con hooks<\/li>\n<li>create-react-app<\/li>\n<li>JSX<\/li>\n<li>CSS<\/li>\n<\/ul>\n<p>\nSenza l'uso di classi, questi progetti ti danno un'ottima introduzione a React funzionale e sicuramente ti aiuteranno nel 2020. Puoi trovare <noindex><a rel=\"nofollow\" href=\"https:\/\/www.freecodecamp.org\/news\/how-to-build-a-movie-search-app-using-react-hooks-24eb72ddfaf7\/\">un esempio di progetto qui<\/a><\/noindex>. Segui le istruzioni o personalizza tutto secondo il tuo gusto.<\/p>\n<h3>Applicazione chat con Vue<\/h3>\n<p>\nUn altro ottimo progetto per te \u00e8 creare un'applicazione di chat, utilizzando la mia libreria JavaScript preferita: VueJS. L'applicazione apparir\u00e0 all'incirca cos\u00ec:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/3c55136bcf260168f951e923983dc3a0.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Cosa imparerai<\/b><br \/>\nDa questa guida imparerai come creare un'app Vue da zero: costruire componenti, gestire stati, creare rotte, connettersi a servizi esterni e persino gestire l'autenticazione.<\/p>\n<p><b>Stack tecnico e funzionalit\u00e0<\/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>\nQuesto \u00e8 davvero un ottimo progetto per iniziare a lavorare con Vue o migliorare le tue competenze esistenti per dedicarti allo sviluppo nel 2020. Puoi trovare <noindex><a rel=\"nofollow\" href=\"https:\/\/www.sitepoint.com\/pusher-vue-real-time-chat-app\/\">un tutorial qui<\/a><\/noindex>.<\/p>\n<h3>Bellissima applicazione per visualizzare il meteo con Angular 8<\/h3>\n<p>\nQuesto esempio ti aiuter\u00e0 a creare una bella applicazione per visualizzare il meteo usando Angular 8:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/93575fb69c667f04a00c58bfeb8b9699.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Cosa imparerai<\/b><br \/>\nQuesto progetto ti insegner\u00e0 abilit\u00e0 preziose nella creazione di applicazioni da zero, dal design fino allo sviluppo, fino all'applicazione pronta per il deployment.<\/p>\n<p><b>Stack tecnico e funzionalit\u00e0<\/b><\/p>\n<ul>\n<li>Angular 8<\/li>\n<li>Firebase<\/li>\n<li>Rendering sul lato server<\/li>\n<li>CSS con griglia e Flexbox<\/li>\n<li>Compatibile con i dispositivi mobili e adattabile<\/li>\n<li>Modalit\u00e0 scura<\/li>\n<li>Interfaccia bella<\/li>\n<\/ul>\n<p>\nQuello che mi piace davvero di questo progetto completo \u00e8 che non studi le cose in isolamento. Invece, studi l'intero processo di sviluppo, dal design al deployment finale.<\/p>\n<h3>Applicazione To-Do con Svelte<\/h3>\n<p>\nSvelte \u00e8 come un nuovo arrivato nell'approccio ai componenti, almeno paragonabile a React, Vue e Angular. \u00c8 uno delle novit\u00e0 pi\u00f9 calde del 2020.<\/p>\n<p>Le applicazioni To-Do non sono necessariamente l'argomento pi\u00f9 caldo, ma questo ti aiuter\u00e0 a perfezionare le tue abilit\u00e0 in Svelte. Ecco come apparir\u00e0:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/1d2d414f5acbb3cfd0df5bf7ff29befd.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Cosa imparerai<\/b><br \/>\nDa questo tutorial imparerai come creare un'applicazione utilizzando Svelte 3, dall'inizio alla fine. Userai componenti, stilizzazione e gestori di eventi.<\/p>\n<p><b>Stack tecnico e funzionalit\u00e0<\/b><\/p>\n<ul>\n<li>Svelte 3<\/li>\n<li>Componenti<\/li>\n<li>Stilizzazione con CSS<\/li>\n<li>Sintassi ES 6<\/li>\n<\/ul>\n<p>\nNon ci sono molti buoni progetti iniziali su Svelte, quindi ho trovato <noindex><a rel=\"nofollow\" href=\"https:\/\/medium.com\/codingthesmartway-com-blog\/building-a-svelte-3-todo-app-from-start-to-deployment-1737f72c23a6\">questa buona opzione per iniziare<\/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 \u00e8 il framework pi\u00f9 popolare per creare applicazioni React che supportano il rendering sul lato server out-of-the-box.<\/p>\n<p>Questo progetto ti mostrer\u00e0 come creare un'applicazione di e-commerce che appare come segue:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/a848293ad9952a3c52bf8d059bf55ab9.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Cosa imparerai<\/b><br \/>\nIn questo progetto imparerai a sviluppare con Next.js: creando nuove pagine e componenti, estraendo dati e stilizzando e deployando l'applicazione Next.<\/p>\n<p><b>Stack tecnico e funzionalit\u00e0<\/b><\/p>\n<ul>\n<li>Next.js<\/li>\n<li>Componenti e pagine<\/li>\n<li>Campionamento dei dati<\/li>\n<li>Stilizzazione<\/li>\n<li>Deployment del progetto<\/li>\n<li>SSR e SPA<\/li>\n<\/ul>\n<p>\n\u00c8 sempre utile avere un esempio concreto, come un'applicazione di commercio elettronico, per imparare qualcosa di nuovo. Puoi <noindex><a rel=\"nofollow\" href=\"https:\/\/snipcart.com\/blog\/next-js-ecommerce-tutorial\">trovare il tutorial qui<\/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 per Vue, lo stesso di Next.js per React: un ottimo framework per unire le capacit\u00e0 di rendering lato server e applicazioni a pagina singola<br \/>\nL'ultima applicazione che puoi creare avr\u00e0 questo aspetto:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/ba05c24c81705c454c32d363e9a74fe5.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Cosa imparerai<\/b><\/p>\n<p>In questo progetto, imparerai a creare un sito web completo utilizzando Nuxt.js, dalla configurazione iniziale al deployment finale.<\/p>\n<p>Sfrutta molte funzionalit\u00e0 interessanti che Nuxt pu\u00f2 offrire, come pagine e componenti, oltre alla stilizzazione con SCSS.<\/p>\n<p><b>Stack tecnico e funzionalit\u00e0<\/b><\/p>\n<ul>\n<li>Nuxt.js<\/li>\n<li>Componenti e pagine<\/li>\n<li>Modulo Storyblock<\/li>\n<li>Mixins<\/li>\n<li>Vuex per la gestione dello stato<\/li>\n<li>SCSS per la stilizzazione<\/li>\n<li>Middleware Nuxt<\/li>\n<\/ul>\n<p>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/www.storyblok.com\/tp\/nuxt-js-multilanguage-website-tutorial\">\u00c8 davvero un progetto fantastico<\/a><\/noindex>, che include molte delle fantastiche funzionalit\u00e0 di Nuxt.js. Personalmente, mi piace lavorare con Nuxt, quindi dovresti davvero provarlo, poich\u00e9 ti render\u00e0 un ottimo sviluppatore Vue.<\/p>\n<h3>Blog con Gatsby<\/h3>\n<p>\nGatsby \u00e8 un ottimo generatore di siti statici che utilizza React e GraphQL. Questo \u00e8 il risultato del progetto:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/4a51e59e1983da87d2110f8b06e29e33.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Cosa imparerai<\/b><\/p>\n<p>In questa guida, scoprirai come utilizzare Gatsby per creare un blog che utilizzerai per scrivere i tuoi articoli, usando React e GraphQL.<\/p>\n<p><b>Stack tecnico e funzionalit\u00e0<\/b><\/p>\n<ul>\n<li>Gatsby<\/li>\n<li>React<\/li>\n<li>GraphQL<\/li>\n<li>Plugin e temi<\/li>\n<li>MDX\/Markdown<\/li>\n<li>Bootstrap CSS<\/li>\n<li>Modelli<\/li>\n<\/ul>\n<p>\nSe hai mai desiderato aprire un blog, <noindex><a rel=\"nofollow\" href=\"https:\/\/blog.bitsrc.io\/how-to-build-a-blog-with-gatsby-and-boostrap-d1270212b3dc\">questo \u00e8 un ottimo esempio<\/a><\/noindex> di come farlo usando React e GraphQL.<\/p>\n<p>Non sto dicendo che WordPress sia una cattiva scelta, ma con Gatsby puoi creare siti ad alte prestazioni utilizzando React, il che \u00e8 una combinazione incredibile.<\/p>\n<h3>Blog con Gridsome<\/h3>\n<p>\nGridsome per Vue\u2026 Bene, lo abbiamo gi\u00e0 visto con Next\/Nuxt.<br \/>\nMa lo stesso vale per Gridsome e Gatsby. Entrambi utilizzano GraphQL come strato dati, ma Gridsome utilizza VueJS. \u00c8 anche un incredibile generatore di siti statici che ti aiuter\u00e0 a creare ottimi blog:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/3d0162d6aeba8481056f4dee9f25808d.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Cosa imparerai<\/b><\/p>\n<p>Questo progetto ti insegner\u00e0 a creare un semplice blog per iniziare a lavorare con Gridsome, GraphQL e Markdown. Spiega anche come distribuire l'applicazione tramite Netlify.<\/p>\n<p><b>Stack tecnico e funzionalit\u00e0<\/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>\nQuesto non \u00e8 certamente il tutorial pi\u00f9 completo, ma copre i concetti di base di Gridsome e <noindex><a rel=\"nofollow\" href=\"https:\/\/www.telerik.com\/blogs\/building-a-blog-with-vue-and-markdown-using-gridsome\">Markdown e pu\u00f2 essere un buon punto di partenza<\/a><\/noindex>.<\/p>\n<h3>Un lettore audio simile a SoundCloud, con Quasar<\/h3>\n<p>\nQuasar \u00e8 un altro framework Vue che pu\u00f2 essere utilizzato per creare applicazioni mobili. In questo progetto, creerai un'applicazione audio player, ad esempio:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le proprie capacit\u00e0 Front-End\" src=\"\/wp-content\/uploads\/2019\/11\/e7acef4f60608d581533c038c61a0752.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<b>Cosa imparerai<\/b><\/p>\n<p>Mentre altri progetti sono principalmente incentrati su applicazioni web, questo ti mostrer\u00e0 come creare un'app mobile utilizzando Vue e il framework Quasar.<br \/>\nDovresti gi\u00e0 avere Cordova funzionante con Android Studio\/Xcode configurato. Se non \u00e8 cos\u00ec, la guida include un link al sito web di Quasar, dove mostrano come configurare tutto.<\/p>\n<p><b>Stack tecnico e funzionalit\u00e0<\/b><\/p>\n<ul>\n<li>Quasar<\/li>\n<li>Vue<\/li>\n<li>Cordova<\/li>\n<li>WaveSurfer<\/li>\n<li>Componenti 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\">Un piccolo progetto<\/a><\/noindex>, che dimostra le capacit\u00e0 di Quasar nella creazione di applicazioni mobili.<br \/>\n<br \/>Fonte: <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-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.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\/it\/blog\/news\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"it_IT\" \/>\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\/it\/blog\/news\/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\udd47Altri 9 progetti per perfezionare le competenze Front-End | ProHoster","description":"Introduzione Indipendentemente da.","canonical_url":"https:\/\/prohoster.info\/it\/blog\/news\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"it_IT","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\/it\/blog\/news\/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\/it\/wp-json\/wp\/v2\/posts\/52348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/comments?post=52348"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts\/52348\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/media?parent=52348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/categories?post=52348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/tags?post=52348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}