9 Barrachd Phròiseactan gus do Sgilean Ceann-aghaidh a gheurachadh
Ro-ràdh
Co-dhiù a tha thu ùr do phrògramadh no mar leasaiche eòlach mu thràth, sa ghnìomhachas seo, tha e riatanach bun-bheachdan agus cànanan / frèaman ùra ionnsachadh gus cumail suas ri gluasadan.
Gabh, mar eisimpleir, React, nach robh ach fosgailte le Facebook o chionn ceithir bliadhna agus a tha mar-thà air a thighinn gu bhith na phrìomh roghainn airson luchd-leasachaidh JavaScript air feadh an t-saoghail.
Tha bunait luchd-leantainn dligheach aig Vue agus Angular, gu dearbh. Agus an uairsin tha Svelte agus frèaman adhbhar coitcheann eile mar Next.js no Nuxt.js. Agus Gatsby, agus Gridsome, agus Quasar ... agus mòran a bharrachd.
Ma tha thu airson thu fhèin a dhearbhadh mar leasaiche JavaScript eòlach, feumaidh co-dhiù beagan eòlais a bhith agad le diofar fhrèamaichean agus leabharlannan - a bharrachd air a bhith a’ dèanamh seann obair JS math.
Gus do chuideachadh le bhith nad mhaighstir aghaidh ann an 2020, tha mi air naoi pròiseactan eadar-dhealaichte a chuir ri chèile, gach fear le fòcas air diofar fhrèamaichean JavaScript agus leabharlannan mar stac teignigeach as urrainn dhut a thogail agus a chuir ris a ’phasgan agad. Cuimhnich nach eil dad gad chuideachadh nas motha na bhith a’ cur rudan an gnìomh, mar sin rachaibh air adhart, tionndaidh air d’ inntinn agus dèan e comasach.
Is e a’ chiad rud a dh’ fhaodadh tu tòiseachadh leis a bhith a’ togail app sgrùdaidh film le React. Gu h-ìosal tha dealbh de cò ris a bhios an aplacaid mu dheireadh coltach:
Dè a dh'ionnsaicheas tu
Le bhith a’ togail an tagraidh seo, leasaichidh tu do sgilean React a’ cleachdadh an API Hooks a tha an ìre mhath ùr. Bidh am pròiseact sampall a’ cleachdadh co-phàirtean React, tòrr dubhan, API taobh a-muigh, agus gu dearbh cuid de stoidhle CSS.
Tech stac agus feartan
Dèan freagairt le dubhan
cruthaich-react-app
jsx
CSS
Gun a bhith a’ cleachdadh chlasaichean sam bith, bheir na pròiseactan sin an t-àite inntrigidh foirfe dhut gu gnìomh React agus gu cinnteach cuidichidh iad thu ann an 2020. gheibh thu pròiseact sampall an seo. Lean an stiùireadh no dèan e leat fhèin.
App cabadaich le Vue
Is e pròiseact math eile dhut app cabadaich a thogail a’ cleachdadh an leabharlann JavaScript as fheàrr leam: VueJS. Seallaidh an tagradh rudeigin mar seo:
Dè a dh'ionnsaicheas tu
San oideachadh seo, ionnsaichidh tu mar a nì thu app Vue bhon fhìor thoiseach - cruthaich co-phàirtean, làimhseachadh stàitean, cruthaich slighean, ceangail ri seirbheisean treas-phàrtaidh, agus eadhon làimhsich dearbhadh.
Tech stac agus feartan
sealladh
vuex
Router Vue
Vue CLI
Pusher
CSS
Is e pròiseact fìor mhath a tha seo airson tòiseachadh le Vue no na sgilean a th’ agad mu thràth a leasachadh gus tòiseachadh air leasachadh ann an 2020. gheibh thu tutorial an seo.
Aplacaid sìde breagha le Angular 8
Cuidichidh an eisimpleir seo thu gus app sìde bhrèagha a thogail a’ cleachdadh Angular 8:
Dè a dh'ionnsaicheas tu
Ionnsaichidh am pròiseact seo sgilean luachmhor dhut ann a bhith a’ togail thagraidhean bhon fhìor thoiseach - bho dhealbhadh gu leasachadh, fad na slighe gu tagradh deiseil airson a chleachdadh.
Tech stac agus feartan
Ceàrnach 8
Firebase
Rendering Taobh an Fhrithealaiche
CSS le Grid agus Flexbox
Càirdeil gluasadach agus sùbailteachd
Modh dorcha
Eadar-aghaidh brèagha
Is e an rud a tha a’ còrdadh rium gu mòr mun phròiseact coileanta seo nach bi thu a’ sgrùdadh rudan leat fhèin. An àite sin, ionnsaichidh tu am pròiseas leasachaidh gu lèir bho dhealbhadh gu cleachdadh deireannach.
Aplacaid ri dhèanamh le Svelte
Tha Svelte coltach ris an leanabh ùr anns an dòigh-obrach co-phàirteach - co-dhiù coltach ri React, Vue agus Angular. Agus is e seo aon de na toraidhean ùra as teotha airson 2020.
Is dòcha nach e aplacaidean To-Do an cuspair as teotha, ach cuidichidh iad thu gu mòr gus do sgilean Svelte adhartachadh. Seallaidh e mar seo:
Dè a dh'ionnsaicheas tu
Seallaidh an oideachadh seo dhut mar a chruthaicheas tu tagradh a’ cleachdadh Svelte 3, bho thoiseach gu deireadh. Cleachdaidh tu co-phàirtean, stoidhle agus làimhseachadh thachartasan
Is e Next.js am frèam as mòr-chòrdte airson aplacaidean React a thogail a bheir taic do thoirt seachad taobh an fhrithealaiche a-mach às a’ bhogsa.
Seallaidh am pròiseact seo dhut mar a chruthaicheas tu tagradh e-malairt a tha coltach ri seo:
Dè a dh'ionnsaicheas tu
Sa phròiseact seo, ionnsaichidh tu mar a leasaicheas tu le Next.js — cruthaich duilleagan is co-phàirtean ùra, faigh dàta air ais, agus stoidhle agus cuir an sàs tagradh Next.
Tech stac agus feartan
Air adhart.js.
Co-phàirtean agus duilleagan
Sampall dàta
Stylization
Cur an gnìomh pròiseict
SSR agus SPA
Tha e an-còmhnaidh math eisimpleir fìor a bhith agad mar app e-malairt gus rudeigin ùr ionnsachadh. Faodaidh tu lorg tutorial an seo.
Blog làn ioma-chànanach le Nuxt.js
Tha Nuxt.js airson Vue, mar a tha Next.js airson React: frèam math airson toirt seachad taobh an fhrithealaiche agus tagraidhean aon-dhuilleag a thoirt còmhla
Bidh an tagradh mu dheireadh as urrainn dhut a chruthachadh a’ coimhead mar seo:
Dè a dh'ionnsaicheas tu
Anns a’ phròiseact sampall seo, ionnsaichidh tu mar a thogas tu làrach-lìn iomlan a’ cleachdadh Nuxt.js, bhon chiad stèidheachadh gu cleachdadh deireannach.
Bidh e a’ gabhail brath air mòran de na feartan fionnar a tha aig Nuxt ri thabhann, leithid duilleagan agus co-phàirtean, agus stoidhle le SCSS.
Tech stac agus feartan
Nuxt.js
Co-phàirtean agus duilleagan
modal bloc-sgeulachd
Measgachadh
Vuex airson riaghladh stàite
SCSS airson stoidhle
Ùr bathar-bog meadhanach
Is e pròiseact fìor inntinneach a tha seo., a tha a 'toirt a-steach mòran de fheartan mòra Nuxt.js. Is toil leam gu pearsanta a bhith ag obair le Nuxt agus mar sin bu chòir dhut feuchainn air oir nì e deagh leasaiche Vue thu cuideachd.
Blog le Gatsby
Tha Gatsby na ghineadair làrach statach sgoinneil a’ cleachdadh React agus GraphQL. Seo toradh a’ phròiseict:
Dè a dh'ionnsaicheas tu
San oideachadh seo, ionnsaichidh tu mar a chleachdas tu Gatsby gus blog a chruthachadh a chleachdas tu gus na h-artaigilean agad fhèin a sgrìobhadh a’ cleachdadh React agus GraphQL.
Tech stac agus feartan
Gatsby
React
GrafQL
Plugins agus cuspairean
MDX/Markdown
Bootstrap airson css
Templates
Ma bha thu a-riamh airson blog a thòiseachadh, tha seo na dheagh eisimpleir mar a nì thu e a’ cleachdadh React agus GraphQL.
Chan eil mi ag ràdh gur e droch roghainn a th’ ann an WordPress, ach le Gatsby faodaidh tu làraich-lìn àrd-choileanadh a thogail a’ cleachdadh React - a tha na mheasgachadh iongantach.
Blog le Gridsome
Gridsome airson Vue… Ceart gu leòr, bha sin againn mu thràth le Next/Nuxt.
Ach tha an aon rud fìor airson Gridsome agus Gatsby. Bidh an dithis a’ cleachdadh GraphQL mar an ìre dàta aca, ach bidh Gridsome a’ cleachdadh VueJS. Tha e cuideachd na ghineadair làrach-lìn statach sgoinneil gus do chuideachadh le bhith a’ cruthachadh blogaichean sgoinneil:
Dè a dh'ionnsaicheas tu
Ionnsaichidh am pròiseact seo dhut mar a chruthaicheas tu blog sìmplidh gus tòiseachadh le Gridsome, GraphQL agus Markdown. Tha e cuideachd a’ mìneachadh mar a chleachdas tu tagradh tro Netlify.
Cluicheadair claisneachd coltach ri SoundCloud a ’cleachdadh Quasar
Tha Quasar na fhrèam Vue eile a dh'fhaodar a chleachdadh gus aplacaidean gluasadach a thogail. Sa phròiseact seo, cruthaichidh tu aplacaid cluicheadair claisneachd mar:
Dè a dh'ionnsaicheas tu
Fhad ‘s a tha pròiseactan eile ag amas gu sònraichte air aplacaidean lìn, seallaidh am fear seo dhut mar a thogas tu app gluasadach a’ cleachdadh Vue agus frèam Quasar.
Bu chòir dhut Cordova obrach a bhith agad mu thràth le Android Studio / Xcode air a stèidheachadh. Mura h-eil, tha ceangal aig an leabhar-làimhe gu làrach-lìn Quasar far am bi iad a’ sealltainn dhut mar a chuireas tu a h-uile càil air dòigh.
Tech stac agus feartan
cuasar
sealladh
Cordova
surfadh tonn
Co-phàirtean UI
pròiseact beag, a’ taisbeanadh comasan Quasar airson a bhith a’ togail thagraidhean gluasadach.