Réamhrá
Cibé an bhfuil tú nua le ríomhchlárú nó i d'fhorbróir le taithí, tá sé riachtanach sa tionscal seo coincheapa agus teangacha/creataí nua a fhoghlaim chun coinneáil suas leis na treochtaí.
Tóg React, mar shampla, a d’fhoinsigh Facebook ach ceithre bliana ó shin agus atá anois ar an gcéad rogha d’fhorbróirí JavaScript ar fud an domhain.
Tá a mbonn lucht leanúna dlisteanach féin ag Vue agus Angular, ar ndóigh. Agus ansin tá Svelte agus creataí uilíocha eile cosúil le Next.js nó Nuxt.js. Agus Gatsby, agus Gridsome, agus Quasar... agus go leor eile.
Más mian leat tú féin a chruthú mar fhorbróir JavaScript le taithí, ba cheart go mbeadh taithí agat ar a laghad le creataí agus leabharlanna éagsúla - chomh maith le hobair a dhéanamh le sean-JS maith.
Chun cabhrú leat a bheith i do mháistir tosaigh in 2020, tá naoi dtionscadal éagsúla curtha le chéile agam, gach ceann ag díriú ar chreat agus leabharlann JavaScript éagsúla mar chruach teicneolaíochta ar féidir leat a thógáil agus a chur le do phunann. Cuimhnigh nach gcuidíonn aon rud leat níos mó ná rudaí a chruthú, mar sin bog ar aghaidh, bain úsáid as d'intinn agus cuir i gcrích é
Aistríodh an t-alt le tacaíocht ó EDISON Software, a Agus .
Aip cuardaigh scannán ag baint úsáid as React (le crúcaí)
Is é an chéad rud a d'fhéadfá tosú leis ná app cuardaigh scannáin a chruthú ag baint úsáide as React. Seo thíos íomhá den chuma a bheidh ar an bhfeidhmchlár deiridh:
Cad a fhoghlaimfidh tú
Tríd an aip seo a thógáil, feabhsóidh tú do scileanna React trí úsáid a bhaint as an Hooks API réasúnta nua. Úsáideann an tionscadal samplach comhpháirteanna React, go leor crúcaí, API seachtrach, agus ar ndóigh roinnt stílithe CSS.
Stack Tech agus gnéithe
- Imoibríonn le crúcaí
- cruthaigh-react-app
- jsx
- CSS
Gan aon ranganna a úsáid, tugann na tionscadail seo an pointe iontrála foirfe duit ar React feidhmiúil agus is cinnte go gcabhróidh siad leat in 2020. is féidir leat a fháil . Lean na treoracha nó déan do chuid féin é.
App comhrá le Vue
Tionscadal iontach eile le déanamh agat ná aip chomhrá a chruthú ag baint úsáide as an leabharlann JavaScript is fearr liom: VueJS. Breathnóidh an t-iarratas ar rud éigin mar seo:
Cad a fhoghlaimfidh tú
Sa rang teagaisc seo, beidh tú ag foghlaim conas aip Vue a dhéanamh ón tús - comhpháirteanna a chruthú, staid láimhseála, bealaí a chruthú, nascadh le seirbhísí tríú páirtí, agus fiú fíordheimhniú a láimhseáil.
Stack Tech agus gnéithe
- Vue
- vuex
- Ródaire Vue
- Vue CLI
- Pusher
- CSS
Is tionscadal iontach é seo chun tús a chur le Vue nó chun na scileanna atá agat cheana féin a fheabhsú le tosú ar an bhforbairt in 2020. is féidir leat a fháil .
Feidhmchlár aimsire álainn le uilleach 8
Cabhróidh an sampla seo leat aip aimsire álainn a chruthú ag baint úsáide as Angular 8:
Cad a fhoghlaimfidh tú
Múinfidh an tionscadal seo scileanna luachmhara duit maidir le feidhmchláir a thógáil ón tús - ó dhearadh go forbairt, an bealach ar fad go dtí feidhmchlár a bheidh réidh le himscaradh.
Stack Tech agus gnéithe
- Dronuilleach 8
- Firebase
- Rindreáil taobh freastalaí
- CSS le greille agus Flexbox
- Soghluaiste cairdiúil agus inoiriúnaitheacht
- Modh dorcha
- Comhéadan álainn
Is é an rud is breá liom faoin tionscadal uile-chuimsitheach seo ná nach ndéanann tú staidéar ar rudaí leat féin. Ina áit sin, foghlaimíonn tú an próiseas forbartha iomlán, ón dearadh go dtí an t-imscaradh deiridh.
Feidhmchlár le Déanamh ag baint úsáide as Svelte
Tá Svelte cosúil leis an kid nua ar an gcur chuige bunaithe ar chomhpháirt - ar a laghad cosúil le React, Vue and Angular. Agus tá sé seo ar cheann de na táirgí nua is teo do 2020.
Ní gá gurb iad aipeanna Le Déanamh an t-ábhar is teo, ach cabhróidh sé go mór leat do scileanna Svelte a fheabhsú. Beidh sé cuma mar seo:
Cad a fhoghlaimfidh tú
Taispeánfaidh an teagasc seo duit conas feidhmchlár a chruthú ag baint úsáide as Svelte 3, ó thús go deireadh. Úsáidfidh tú comhpháirteanna, stílithe agus láimhseálaithe imeachtaí
Stack Tech agus gnéithe
- Scáil 3
- Comhpháirteanna
- Stíleanna le CSS
- Comhréir ES 6
Níl go leor tionscadal tosaithe Svelte maith, mar sin fuair mé amach .
Aip ríomhthráchtála ag baint úsáide as Next.js
Is é Next.js an creat is coitianta chun feidhmchláir React a thógáil a thacaíonn le rindreáil taobh an fhreastalaí amach as an mbosca.
Taispeánfaidh an tionscadal seo duit conas feidhmchlár ríomhthráchtála a chruthú a bhfuil cuma mar seo air:
Cad a fhoghlaimfidh tú
Sa tionscadal seo, beidh tú ag foghlaim conas a fhorbairt le Next.js - leathanaigh agus comhpháirteanna nua a chruthú, sonraí a bhaint, agus stíl agus feidhmchlár Next a imscaradh.
Stack Tech agus gnéithe
- Ar Aghaidh.js.
- Comhpháirteanna agus Leathanaigh
- Sampláil sonraí
- Styling
- Imscaradh Tionscadal
- SSR agus SPA
Tá sé iontach i gcónaí sampla fíor-dhomhain a bheith agat mar aip ríomhthráchtála chun rud éigin nua a fhoghlaim. Is féidir leat .
Blag ilteangach lánchuimsitheach le Nuxt.js
Tá Nuxt.js do Vue, cad é Next.js do React: creat iontach chun cumhacht rindreála freastalaí agus feidhmchláir aon-leathanaigh a chomhcheangal
Beidh cuma mar seo ar an bhfeidhmchlár deiridh is féidir leat a chruthú:
Cad a fhoghlaimfidh tú
Sa tionscadal samplach seo, foghlaimeoidh tú conas suíomh Gréasáin iomlán a chruthú ag baint úsáide as Nuxt.js, ón socrú tosaigh go dtí an t-imscaradh deiridh.
Baineann sé leas as go leor de na gnéithe fionnuara atá le tairiscint ag Nuxt, mar leathanaigh agus comhpháirteanna, agus stíliú le SCSS.
Stack Tech agus gnéithe
- Nuxt.js
- Comhpháirteanna agus Leathanaigh
- Modúl Storyblock
- cailleach
- Vuex le haghaidh bainistíochta stáit
- SCSS le haghaidh stílithe
- Nua meánearraí
, a chuimsíonn go leor gnéithe iontach Nuxt.js. Is breá liom go pearsanta a bheith ag obair le Nuxt agus mar sin ba chóir duit triail a bhaint as mar go ndéanfaidh sé forbróir iontach Vue duit freisin.
Blag le Gatsby
Is gineadóir suímh statach den scoth é Gatsby a úsáideann React agus GraphQL. Seo toradh an tionscadail:
Cad a fhoghlaimfidh tú
Sa rang teagaisc seo, beidh tú ag foghlaim conas Gatsby a úsáid chun blag a chruthú a úsáidfidh tú chun do chuid alt féin a scríobh ag baint úsáide as React agus GraphQL.
Stack Tech agus gnéithe
- gatsby
- Freagairt
- GrafQL
- Forlíontáin agus téamaí
- MDX/Markdown
- Bootstrap css
- teimpléid
Má bhí tú riamh ag iarraidh blag a thosú, ar conas é a dhéanamh ag baint úsáide as React agus GraphQL.
Níl mé ag rá gur droch-rogha é WordPress, ach le Gatsby is féidir leat láithreáin ghréasáin ardfheidhmíochta a thógáil ag baint úsáide as React - atá ina meascán iontach.
Blag le Gridsome
Gridsome do Vue... Ceart go leor, bhí sé seo againn cheana féin le Next/Nuxt.
Ach tá an rud céanna fíor i gcás Gridsome agus Gatsby. Úsáideann an bheirt acu GraphQL mar a gciseal sonraí, ach úsáideann Gridsome VueJS. Is gineadóir iontach suímh statach é seo freisin a chabhróidh leat blaganna iontacha a chruthú:
Cad a fhoghlaimfidh tú
Múinfidh an tionscadal seo duit conas blag simplí a chruthú chun tús a chur le Gridsome, GraphQL agus Markdown. Clúdaíonn sé freisin conas iarratas a imscaradh trí Netlify.
Stack Tech agus gnéithe
- Grianmhar
- Vue
- GrafQL
- Markdown
- glanluacháil
Is cinnte nach é seo an teagaisc is cuimsithí, ach clúdaíonn sé na bunchoincheapa Gridsome agus .
Seinnteoir fuaime cosúil le SoundCloud ag baint úsáide as Quasar
Is creat Vue eile é Quasar is féidir a úsáid chun feidhmchláir shoghluaiste a chruthú. Sa tionscadal seo cruthóidh tú feidhmchlár seinnteoir fuaime, mar shampla:
Cad a fhoghlaimfidh tú
Cé go ndíríonn tionscadail eile go príomha ar fheidhmchláir ghréasáin, léireoidh an ceann seo duit conas feidhmchlár soghluaiste a chruthú ag baint úsáide as Vue agus creat Quasar.
Ba cheart go mbeadh Cordova ag rith le Android Studio/Xcode cumraithe cheana féin. Mura bhfuil, tá nasc ag an lámhleabhar chuig láithreán gréasáin Quasar áit a léiríonn siad duit conas gach rud a shocrú.
Stack Tech agus gnéithe
- Quasar
- Vue
- Cordova
- surfálaí
- Comhpháirteanna Chomhéadain
, ag léiriú cumais Quasar chun feidhmchláir shoghluaiste a chruthú.
Foinse: will.com