Introduzione
Sè vo site novu à a prugrammazione o digià un sviluppatore espertu, in questa industria, l'apprendimentu di novi cuncetti è lingue / quadri hè un must per seguità cù e tendenze.
Pigliate, per esempiu, React, chì era solu open source da Facebook quattru anni fà è hè digià diventatu a prima scelta per i sviluppatori JavaScript in u mondu.
Vue è Angular, sicuru, anu ancu a so basa di fan legittimi. E dopu ci sò Svelte è altri frameworks di scopu generale cum'è Next.js o Nuxt.js. È Gatsby, è Gridsome, è Quasar ... è assai di più.
Se vulete dimustrà sè stessu cum'è un sviluppatore JavaScript espertu, duvete avè almenu una certa sperienza cù diversi frameworks è biblioteche - in più di fà un bonu travagliu JS anticu.
Per aiutà vi diventà un maestru di front-end in 2020, aghju riunitu nove prughjetti diffirenti, ognuna cuncentrata in diversi frameworks JavaScript è biblioteche cum'è una pila di tecnulugia chì pudete custruisce è aghjunghje à u vostru portafoglio. Ricurdativi chì nunda ùn vi aiuta più di mette e cose in pratica, allora vai avanti, accende a vostra mente è rende pussibule.
L'articulu hè statu traduttu cù u sustegnu di EDISON Software, chì , cum'è ancu .
App di ricerca di filmi cù React (cù ganci)
A prima cosa chì pudete inizià hè di custruisce una app di ricerca di film cù React. Quì sottu hè una maghjina di ciò chì l'app finale serà cum'è:
Chì imparerete
Custruendu sta applicazione, migliurà e vostre cumpetenze React usendu l'API Hooks relativamente nova. U prughjettu di mostra usa cumpunenti React, assai ganci, una API esterna, è di sicuru un stilu CSS.
Stack tecnologicu è caratteristiche
- Reagisce cù i ganci
- create-reagisce-app
- JSX
- CSS
Senza aduprà alcuna classi, sti prughjetti vi dannu u puntu di ingressu perfettu in React funzionale è vi aiuteranu sicuramente in 2020. pudete truvà . Segui l'istruzzioni o fate u vostru propiu.
App di chat cù Vue
Un altru grande prughjettu per voi hè di custruisce una app di chat utilizendu a mo libreria JavaScript preferita: VueJS. L'applicazione sarà simile à questu:
Chì imparerete
In questu tutoriale, amparate cumu fà una app Vue da zero - crea cumpunenti, gestisce stati, crea rotte, cunnette cù servizii di terzu, è ancu gestisce l'autentificazione.
Stack tecnologicu è caratteristiche
- Vue
- vuex
- vue router
- Vue CLI
- Pusher
- CSS
Questu hè un prughjettu veramente grande per inizià cù Vue o migliurà e vostre cumpetenze esistenti per entre in u sviluppu in 2020. pudete truvà .
Bella app di u clima cù Angular 8
Questu esempiu vi aiuterà à custruisce una bella app climatica cù Angular 8:
Chì imparerete
Stu prughjettu vi insegnerà e cumpetenze preziose in a custruzione di applicazioni da zero - da u disignu à u sviluppu, finu à una applicazione pronta à implementà.
Stack tecnologicu è caratteristiche
- Angulare 8
- Firebase
- Rendering Side Server
- CSS cù Grid è Flexbox
- Amichevule mobile è adattabilità
- Modu scuru
- Bella interfaccia
Ciò chì mi piace veramente di stu prughjettu cumpletu hè chì ùn studiate micca e cose in isolamentu. Invece, amparate tuttu u prucessu di sviluppu da u disignu à l'implementazione finale.
App To-Do cù Svelte
Svelte hè cum'è u novu caprettu in l'approcciu di cumpunenti - almenu simili à React, Vue è Angular. È questu hè unu di i prudutti novi più caldi per 2020.
L'applicazioni To-Do ùn sò micca necessariamente u tema più caldu, ma vi aiuteranu veramente à migliurà e vostre cumpetenze Svelte. Serà cusì:
Chì imparerete
Stu tutoriale vi mostrarà cumu creà una applicazione cù Svelte 3, da u principiu à a fine. Aduprate cumpunenti, stili è gestori di eventi
Stack tecnologicu è caratteristiche
- Sveltu 3
- Cumpunenti
- Stile cù CSS
- Sintassi ES6
Ùn ci sò micca assai boni prughjetti di starter Svelte, cusì aghju trovu .
App di ecommerce cù Next.js
Next.js hè u quadru più famosu per custruisce l'applicazioni React chì supportanu a rendering di u servitore fora di a scatula.
Stu prughjettu vi mostrarà cumu creà una applicazione di e-commerce chì pare cusì:
Chì imparerete
In questu prughjettu, amparate cumu sviluppà cù Next.js - creà pagine è cumpunenti novi, ricuperà dati, è stile è implementà una applicazione Next.
Stack tecnologicu è caratteristiche
- Next.js
- Cumpunenti è Pagine
- Sampling di dati
- Styling
- Impiegazione di u prugettu
- SSR è SPA
Hè sempre bellu avè un esempiu di a vita reale cum'è una app di e-commerce per amparà qualcosa di novu. Poi .
Blog multilingue cumpletu cù Nuxt.js
Nuxt.js hè per Vue, cum'è Next.js hè per React: un grande quadru per cumminà a rendering di u servitore è l'applicazioni di una sola pagina
L'ultima applicazione chì pudete creà sarà cusì:
Chì imparerete
In questu prughjettu di mostra, amparate cumu custruisce un situ web cumpletu cù Nuxt.js, da a configurazione iniziale à a implementazione finale.
Piglia assai di e funzioni interessanti chì Nuxt hà da offre, cum'è pagine è cumpunenti, è stili cù SCSS.
Stack tecnologicu è caratteristiche
- Nuxt.js
- Cumpunenti è Pagine
- modulu di storyblock
- Mixins
- Vuex per a gestione statale
- SCSS per styling
- Nuxt middlewares
, chì include assai di e grandi funziunalità di Nuxt.js. Personalmente, mi piace à travaglià cù Nuxt, cusì duvete pruvà cum'è vi farà ancu un grande sviluppatore Vue.
Blog cù Gatsby
Gatsby hè un grande generatore di situ staticu cù React è GraphQL. Questu hè u risultatu di u prugettu:
Chì imparerete
In questu tutoriale, amparate cumu utilizà Gatsby per creà un blog chì avete aduprà per scrive i vostri articuli cù React è GraphQL.
Stack tecnologicu è caratteristiche
- gatsby
- React
- GraphQL
- Plugins è Temi
- MDX/Markdown
- Bootstrap CSS
- Modelli
Se avete mai vulutu inizià un blog, cumu fà cù React è GraphQL.
Ùn dicu micca chì WordPress hè una mala scelta, ma cù Gatsby pudete custruisce siti web d'altu rendiment cù React - chì hè una cumminazione sorprendente.
Blog cù Gridsome
Gridsome per Vue... Va bè, avemu digià avutu quellu cù Next / Nuxt.
Ma u listessu hè veru per Gridsome è Gatsby. Tutti dui utilizanu GraphQL cum'è a so strata di dati, ma Gridsome usa VueJS. Hè ancu un generatore di situ staticu fantasticu per aiutà à creà grandi blog:
Chì imparerete
Stu prughjettu vi insegnerà cumu creà un blog simplice per cumincià cù Gridsome, GraphQL è Markdown. Spiega ancu cumu implementà una applicazione attraversu Netlify.
Stack tecnologicu è caratteristiche
- Gridsome
- Vue
- GraphQL
- Markdown
- netlify
Questu hè certamente micca u tutoriale più cumpletu, ma copre i cuncetti basi di Gridsome è .
Lettore audio simile à SoundCloud cù Quasar
Quasar hè un altru quadru Vue chì pò ièssiri usatu pi custruì Apps mobile. In questu prughjettu, creerete una applicazione di lettore audio, per esempiu:
Chì imparerete
Mentre chì l'altri prughjetti si concentranu soprattuttu nantu à l'applicazioni web, questu vi mostrarà cumu custruisce una app mobile cù Vue è u quadru Quasar.
Tu avissi digià avè un Cordova di travagliu cù Android Studio / Xcode stallatu. Se no, u manuale hà un ligame à u situ web di Quasar induve vi mostranu cumu fà tuttu.
Stack tecnologicu è caratteristiche
- quasar
- Vue
- Cordova
- wavesurfer
- Cumpunenti UI
, dimustrendu e capacità di Quasar per custruisce applicazioni mobili.
Source: www.habr.com