{"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\/novosti-interneta\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva","title":{"rendered":"Altri 9 progetti per affinare le tue abilit\u00e0 di Front-End","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le tue abilit\u00e0 di 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>\nChe tu sia un principiante nella programmazione o un sviluppatore esperto, nel settore \u00e8 fondamentale apprendere nuovi concetti e linguaggi\/framework per restare al passo con le tendenze.<\/p>\n<p>Prendiamo ad esempio React: il cui codice, rilasciato da Facebook solo quattro anni fa, \u00e8 gi\u00e0 diventato la scelta numero uno per gli sviluppatori JavaScript in tutto il mondo.<\/p>\n<p>Vue e Angular hanno, ovviamente, anche loro il loro legittimo seguito. E ci sono anche Svelte e altri framework universali come Next.js o Nuxt.js. E Gatsby, Gridsome, Quasar... e molto altro.<\/p>\n<p>Se desideri affermarti come sviluppatore JavaScript esperto, devi avere almeno una certa esperienza con vari 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 progetti diversi, ognuno dedicato a diversi framework e librerie JavaScript come stack tecnico che puoi creare e aggiungere al tuo portfolio. Ricorda che nulla aiuta di pi\u00f9 che realizzare progetti pratici, quindi vai avanti, accendi la tua creativit\u00e0 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 tue abilit\u00e0 di 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 di EDISON Software, che <noindex><a rel=\"nofollow\" href=\"https:\/\/www.edsd.ru\/virtualnaya-primerochnaya\">crea camerini virtuali per negozi multi-brand.<\/a><\/noindex>, cos\u00ec come <noindex><a rel=\"nofollow\" href=\"https:\/\/www.edsd.ru\/ru\/uslugi\/testirovanie_po\">testa software.<\/a><\/noindex>.<\/p><\/blockquote>\n<p><\/p>\n<h3>App per la ricerca di film con React (con hooks).<\/h3>\n<p>\nLa prima cosa da fare \u00e8 creare un'app 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 tue abilit\u00e0 di 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 il nuovissimo API Hooks. Nel progetto sono utilizzati componenti React, molti hooks, un API esterna e, ovviamente, alcuni stili CSS.<\/p>\n<p><b>Stack tecnologico 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 alcuna classe, questi progetti ti offrono 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 di chat con Vue<\/h3>\n<p>\nUn altro grande progetto per te \u00e8 creare un'app di chat utilizzando la mia libreria JavaScript preferita: VueJS. L'app avr\u00e0 un aspetto simile a questo:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le tue abilit\u00e0 di 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 \/>\nIn questa guida imparerai come realizzare un'app Vue da zero: creare componenti, gestire stati, creare percorsi, connetterti a servizi di terze parti e persino gestire l'autenticazione.<\/p>\n<p><b>Stack tecnologico 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 sviluppare nel 2020. Puoi trovare <noindex><a rel=\"nofollow\" href=\"https:\/\/www.sitepoint.com\/pusher-vue-real-time-chat-app\/\">il tutorial qui<\/a><\/noindex>.<\/p>\n<h3>Una bella 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 utilizzando Angular 8:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le tue abilit\u00e0 di 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, partendo dalla progettazione fino allo sviluppo, fino ad arrivare a un'applicazione pronta per il deployment.<\/p>\n<p><b>Stack tecnologico e funzionalit\u00e0.<\/b><\/p>\n<ul>\n<li>Angular 8<\/li>\n<li>Firebase<\/li>\n<li>Rendering lato server<\/li>\n<li>CSS con grid e Flexbox<\/li>\n<li>Mobile friendly e adattabilit\u00e0<\/li>\n<li>Modalit\u00e0 scura<\/li>\n<li>Interfaccia elegante<\/li>\n<\/ul>\n<p>\nCi\u00f2 che mi piace davvero di questo progetto completo \u00e8 che non si apprendono le materia in isolamento. Invece, si studia l'intero processo di sviluppo, dalla progettazione al deployment finale.<\/p>\n<h3>Applicazione To-Do con Svelte<\/h3>\n<p>\nSvelte \u00e8 come il nuovo arrivato nell'approccio dei componenti, almeno simile a React, Vue e Angular. Ed \u00e8 una delle novit\u00e0 pi\u00f9 calde del 2020.<\/p>\n<p>Le applicazioni To-Do non sono necessariamente il tema pi\u00f9 caldo, ma ti aiuteranno a perfezionare le tue abilit\u00e0 con Svelte. Questo sar\u00e0 il risultato:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le tue abilit\u00e0 di 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 a creare un'applicazione con Svelte 3, dall'inizio alla fine. Utilizzerai componenti, stilizzazione e gestori di eventi.<\/p>\n<p><b>Stack tecnologico 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 per Svelte, quindi ne ho trovato uno. <noindex><a rel=\"nofollow\" href=\"https:\/\/medium.com\/codingthesmartway-com-blog\/building-a-svelte-3-todo-app-from-start-to-deployment-1737f72c23a6\">questa \u00e8 una 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 costruire applicazioni React che supportano il rendering 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 tue abilit\u00e0 di 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: creare nuove pagine e componenti, estrarre dati e stilizzare e distribuire l'applicazione Next.<\/p>\n<p><b>Stack tecnologico e funzionalit\u00e0.<\/b><\/p>\n<ul>\n<li>Next.js<\/li>\n<li>Componenti e pagine<\/li>\n<li>Estrazione dei dati<\/li>\n<li>Stilizzazione<\/li>\n<li>Distribuzione del progetto<\/li>\n<li>SSR e SPA<\/li>\n<\/ul>\n<p>\n\u00c8 sempre bello avere un esempio reale, come un'applicazione di e-commerce, per imparare qualcosa di nuovo. Puoi <noindex><a rel=\"nofollow\" href=\"https:\/\/snipcart.com\/blog\/next-js-ecommerce-tutorial\">trovare un 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 \u00e8 come Next.js per React: un ottimo framework per combinare le capacit\u00e0 di rendering lato server e applicazioni a pagina singola<br \/>\nL'ultima applicazione che puoi creare apparir\u00e0 cos\u00ec:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le tue abilit\u00e0 di 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 esempio di progetto, imparerai a creare un sito web completo utilizzando Nuxt.js \u2014 dalla configurazione iniziale al deployment finale.<\/p>\n<p>Vanta molte funzioni interessanti che Nuxt pu\u00f2 offrire, come pagine e componenti, oltre alla stilizzazione tramite SCSS.<\/p>\n<p><b>Stack tecnologico 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 ottime funzionalit\u00e0 di Nuxt.js. Personalmente, mi piace lavorare con Nuxt, quindi dovresti provarlo, poich\u00e9 ti render\u00e0 un ottimo sviluppatore Vue.<\/p>\n<h3>Blog con Gatsby<\/h3>\n<p>\nGatsby \u00e8 un eccellente 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 tue abilit\u00e0 di 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 imparerai come usare Gatsby per creare un blog, che utilizzerai per scrivere i tuoi articoli, utilizzando React e GraphQL.<\/p>\n<p><b>Stack tecnologico 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 voluto avere 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 crearlo, utilizzando React e GraphQL.<\/p>\n<p>Non dico che WordPress sia una cattiva scelta, ma con Gatsby puoi creare siti ad alte prestazioni usando React \u2014 il che \u00e8 un'accoppiata sorprendente.<\/p>\n<h3>Blog con Gridsome<\/h3>\n<p>\nGridsome per Vue... Bene, l'abbiamo gi\u00e0 visto con Next\/Nuxt.<br \/>\nMa lo stesso vale per Gridsome e Gatsby. Entrambi utilizzano GraphQL come strato di dati, ma Gridsome utilizza VueJS. \u00c8 anche un incredibile generatore di siti statici, ideale per creare blog fantastici.<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le tue abilit\u00e0 di 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 tecnologico 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, ovviamente, non \u00e8 il tutorial pi\u00f9 completo, ma copre i concetti fondamentali 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 ottimo 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'app di lettore audio, ad esempio:<\/p>\n<p><img decoding=\"async\" alt=\"Altri 9 progetti per affinare le tue abilit\u00e0 di 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 si concentrano principalmente 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. In caso contrario, nella guida \u00e8 presente un link al sito web di Quasar, dove mostrano come impostare tutto.<\/p>\n<p><b>Stack tecnologico 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-novosti-interneta"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - 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 \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\" \/>\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\/novosti-interneta\/eshhyo-9-proektov-dlya-ottachivaniya-front-end-masterstva\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\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 \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\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/it\/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\udd47Altri 9 progetti per affinare le tue abilit\u00e0 di Front-End | ProHoster","description":"Introduzione Indipendentemente dal fatto che tu sia un principiante della programmazione o un sviluppatore esperto, in questo settore \u00e8 fondamentale imparare nuovi concetti, linguaggi e framework per rimanere al passo con le tendenze. Prendiamo ad esempio React \u2014 il cui codice \u00e8 stato aperto da Facebook solo quattro anni fa, \u00e8 gi\u00e0 diventato la prima scelta per gli sviluppatori JavaScript in tutto il mondo. Vue e","canonical_url":"https:\/\/prohoster.info\/it\/blog\/novosti-interneta\/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 \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","og:url":"https:\/\/prohoster.info\/it\/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"},"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}]}}