1. Clón nóisean
Is breá le go leor feidhmchlár Notion; ceadaíonn sé duit do shreabhadh oibre a bharrfheabhsú, oibriú le doiciméid, tascanna a sceidealú, agus sonraí a shioncronú idir gléasanna.
Cad a fhoghlaimeoidh tú trí Clón Notion a chruthú:
- . Is féidir leis an úsáideoir “gabháil leis an luch” draggable eilimint agus cuir isteach é droppable chrios.
- Conas sonraí a shioncronú i bhfíor-am idir do ríomhaire agus do ghuthán cliste.
- Ligeann muid d'úsáideoirí taifid a chruthú, a léamh, a nuashonrú agus a scriosadh, agus mar sin oiliúint a chur ar scileanna CRUD.
Aistríodh an t-alt le tacaíocht ó EDISON Software, a Agus .
2. Clón Repl.it
Is uirlis é Repl.it le haghaidh eagarthóireacht chóid chomhoibríoch fíor-ama. Is féidir leat roinnt teangacha a roghnú: JavaScript, Python, Téigh agus rith an cód go díreach sa bhrabhsálaí. An-úsáideach le haghaidh taispeána tapa agus agallamh cód.
Cad a fhoghlaimeoidh tú trí chlón Repl.it a chruthú:
- Conas cód a rith agus a fhorghníomhú (taobh an fhreastalaí) sa bhrabhsálaí (taobh an chliaint).
- Léigh sonraí ionchuir (cód foinseach) agus taispeáin an toradh forghníomhaithe.
- Conas comhaid agus fillteáin a chruthú ar an ngréasán agus na torthaí a shábháil.
- Conas a aibhsiú an chomhréir chóid.
3. Clón Grianghraif Google
Is seirbhís é Google Photos chun grianghraif a stóráil agus a roinnt.
Is féidir le haon fheidhmchlár grianghraf nua-aimseartha feidhmeanna bunúsacha a chomhlíonadh: uaslódáil, barr, etc. Tá daoine ag iarraidh a gcuid avatars féin a chruthú agus grianghraif de chait a roinnt, mar sin ní mór duit a bheith in ann oibriú le híomhánna.
Cad a fhoghlaimeoidh tú trí chlón Google Photos a chruthú:
- Conas íomhánna sofhreagracha a chruthú ar fhóin, táibléad, ríomhairí glúine agus fiú scáileáin ollmhóra teilifíse.
- Conas uaslódála íomhánna a láimhseáil, go háirithe íomhánna móra (>1MB) agus uaslódála mórchóir.
- Próiseáil comhaid íomhá, barr agus athraigh grianghraif le haghaidh mionsamhlacha nó nuair a bhíonn gailearaí á oscailt.
- Bónas: conas íomhánna a stóráil sa scamall nó sa bhunachar sonraí áitiúil.
4. Clón Gifsky
athraíonn sé físeáin go GIF ag baint úsáide as feidhmeanna le haghaidh pailéid tras-fhráma éifeachtacha agus frith-ailiasú ama. Is é an toradh ná GIF leis na mílte bláthanna in aghaidh an fhráma.
Cad a fhoghlaimeoidh tú trí chlón Gifski a chruthú:
- Conas comhaid físe a thiontú (.mp4 go .gif).
- Conas an API HTML Drag and Drop a úsáid.
- Conas a oibríonn optamú agus próiseáil íomhá.
Tabhair faoi deara: agus tá sé ar GitHub!
5. Monatóireacht a dhéanamh ar rátaí cryptocurrency
Imoibriú Lorgaire cryptocurrency Dúchasach
Cad a fhoghlaimeoidh tú trí rianaitheoir ráta airgeadra a chruthú:
- Conas oibriú leis an API agus sonraí a fháil go cianda ón API.
- Conas sonraí a thaispeáint mar liosta.
- Bónas: Má tá suim agat, scríobh mé le déanaí le haghaidh cryptocurrency le React Dúchasach.
Tabhair faoi deara: Anseo .
Rogha tionscadal ó fhoilseacháin roimhe seo.
Sraith
Is pobal é Layer inar féidir le gach duine picteilín a tharraingt ar “chlár” roinnte. Rugadh an smaoineamh bunaidh ar Reddit. Is meafar é an pobal r/Ciseal don chruthaitheacht chomhroinnte, gur féidir le gach duine a bheith ina chruthaitheoir agus cur le cúis choiteann.
Cad a fhoghlaimeoidh tú agus do thionscadal Sraithe féin á chruthú agat:
- An chaoi a n-oibríonn chanbhás JavaScript Is scil ríthábhachtach i go leor feidhmchlár é a bheith eolach ar chanbhás a oibriú.
- Conas ceadanna úsáideora a chomhordú. Is féidir le gach úsáideoir picteilín amháin a tharraingt gach 15 nóiméad gan logáil isteach.
- Cruthaigh seisiúin fianán.
Squoosh
Is feidhmchlár comhbhrú íomhá é Squoosh le go leor roghanna chun cinn.
Íosluchtaigh GIF 20 MB
Trí do leagan féin de Squoosh a chruthú foghlaimeoidh tú:
- Conas a bheith ag obair le méideanna íomhá
- Foghlaim bunghnéithe an API Drag'n'Drop
- A thuiscint conas a oibríonn an API agus éisteoirí imeachtaí
- Conas a íoslódáil agus a onnmhairiú comhaid
Tabhair faoi deara: Tá an comhbhrúiteoir íomhá áitiúil. Ní gá sonraí breise a sheoladh chuig an bhfreastalaí. Is féidir leat an comhbhrúiteoir a bheith agat sa bhaile, nó is féidir leat é a úsáid ar fhreastalaí, do rogha féin.
Áireamhán
Tar ar? Dáiríre? Áireamhán? Sea, go díreach, áireamhán. Is scil ríthábhachtach é bunscileanna oibríochtaí matamaitice a thuiscint agus conas a oibríonn siad le chéile chun d’fheidhmchláir a shimpliú. Luath nó mall beidh ort déileáil le huimhreacha agus dá luaithe is amhlaidh is fearr.
Trí d’áireamhán féin a chruthú gheobhaidh tú amach:
- Oibriú le huimhreacha agus oibríochtaí matamaitice
- Cleachtaigh le API éisteoirí imeachtaí
- Conas eilimintí a shocrú, tuiscint a fháil ar stíleanna
Crawler (inneall cuardaigh)
Bhain gach duine úsáid as inneall cuardaigh, mar sin cén fáth nach gcruthaíonn tú do chuid féin? Tá gá le crawlers chun faisnéis a chuardach. Úsáideann gach duine iad gach lá agus ní bheidh an t-éileamh ar an teicneolaíocht seo agus speisialtóirí ag fás ach le himeacht ama.
Inneall cuardaigh Google
Cad a fhoghlaimeoidh tú trí d'inneall cuardaigh féin a chruthú:
- Conas a oibríonn crawlers
- Conas láithreáin a innéacsú agus conas iad a rangú de réir rátálacha agus cáil
- Conas láithreáin innéacsaithe a stóráil i mbunachar sonraí agus conas oibriú leis an mbunachar sonraí
Seinnteoir ceoil (Spotify, Apple Music)
Éisteann gach duine le ceol - níl ann ach cuid lárnach dár saol. Cruthaímid seinnteoir ceoil chun tuiscint níos fearr a fháil ar conas a oibríonn bunmheicnic ardán sruthú ceoil nua-aimseartha.
Spotify
Cad a fhoghlaimeoidh tú trí d’ardán sruthú ceoil féin a chruthú:
- Conas a bheith ag obair leis an API. úsáid API ó Spotify nó Apple Music
- Conas imirt, sos nó athchasadh chuig an gcéad rian eile/roimhe seo
- Conas a athrú ar an toirt
- Conas ródú úsáideora agus stair bhrabhsálaí a bhainistiú
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ú.
Foirm cárta creidmheasa
Cruth cárta creidmheasa fionnuar le micrea-idirghníomhaíochtaí réidh agus taitneamhach. Áirítear leis sin formáidiú uimhreacha, fíorú agus braite cineál cárta uathoibríoch. Tá sé tógtha ar Vue.js agus tá sé lánfhreagrach freisin. (Is féidir leat a fheiceáil .)
Cad a fhoghlaimeoidh tú:
- Próiseáil agus bailíochtaigh foirmeacha
- Láimhseáil imeachtaí (mar shampla, nuair a athraíonn réimsí)
- A thuiscint conas gnéithe a thaispeáint agus a chur ar an leathanach, go háirithe an t-eolas cárta creidmheasa atá le feiceáil ar bharr na foirme
barraghraf
Is cairt nó graf é histeagram a léiríonn sonraí catagóireacha le barraí dronuilleogacha a bhfuil airde nó faid i gcomhréir leis na luachanna a léiríonn siad.
Is féidir iad a chur i bhfeidhm go hingearach nó go cothrománach. Uaireanta tugtar línechairt ar bharrachairt ingearach.
Cad a fhoghlaimeoidh tú:
- Taispeáin sonraí ar bhealach struchtúrtha sothuigthe
- Ina theannta sin: Foghlaim conas an eilimint a úsáid
canvasagus conas eilimintí a tharraingt leis
is féidir leat sonraí daonra an domhain a fháil. Déantar iad a shórtáil de réir bliana.
Twitter Beochan Croí
Ar ais i 2016, thug Twitter isteach an beochan iontach seo dá tweets. Ó 2019, tá cuma an chuid fós air, mar sin cén fáth nach gcruthóidh tú ceann duit féin?
Cad a fhoghlaimeoidh tú:
- Oibriú le tréith CSS
keyframes - Déan eilimintí HTML a ionramháil agus a bheochan
- Comhcheangail JavaScript, HTML agus CSS
Taisclanna GitHub inchuardaithe
Níl aon rud mhaisiúil anseo - níl i stórtha GitHub ach liosta glóire.
Is é an sprioc ná na stórtha a thaispeáint agus ligean don úsáideoir iad a scagadh. Úsáid chun stórtha a fháil do gach úsáideoir.
Leathanach próifíle GitHub -
Cad a fhoghlaimeoidh tú:
- Faigh sonraí ó API
- Taispeáin sonraí ó API
- Scag agus taispeáin sonraí ábhartha do gach cuardach
- Roghnach: Má tá dúshlán romhat, bain úsáid as , tógtha ag baint úsáide as GraphQL. .
Comhráite ar stíl Reddit
Is bealach cumarsáide coitianta iad comhráite mar gheall ar a simplíocht agus éasca le húsáid. Ach cad a chothaíonn seomraí comhrá nua-aimseartha i ndáiríre? Gréasáin Soicéid!
Cad a fhoghlaimeoidh tú:
- Úsáid WebSockets, cumarsáid fíor-ama agus nuashonruithe sonraí
- Oibrigh le leibhéil rochtana úsáideoirí (mar shampla, tá an ról ag úinéir cainéal comhrá
admin, agus daoine eile sa seomra -user) - Próiseáil agus bailíochtaigh foirmeacha - cuimhnigh, is é an fhuinneog comhrá chun teachtaireacht a sheoladh
input - Cruthaigh agus glac le comhráite éagsúla
- Oibrigh le teachtaireachtaí pearsanta. Is féidir le húsáideoirí comhrá a dhéanamh le húsáideoirí eile go príobháideach. Go bunúsach, beidh tú ag bunú nasc WebSocket idir dhá úsáideoir.
Nascleanúint stíl stripe
Is é an rud a dhéanann an loingseoireacht uathúil seo ná go n-athraítear an coimeádán aníos chun an t-ábhar a oiriúnú. Tá galántacht leis an aistriú seo i gcomparáid leis an iompar traidisiúnta a bhaineann le hoscailt agus dúnadh popover nua.
Cad a fhoghlaimeoidh tú:
- Comhcheangail beochan CSS le haistrithe
- Laghdaigh an t-ábhar agus cuir an rang gníomhach i bhfeidhm ar eilimint shnámhaithe
Pacman
Cruthaigh do leagan féin de PacmanName. Is bealach iontach é seo chun smaoineamh a fháil ar conas a fhorbraítear cluichí agus na bunghnéithe a thuiscint. Úsáid creat JavaScript, React nó Vue.
Foghlaimeoidh tú:
- Conas a bhogann eilimintí
- Conas a chinneadh cad iad na heochracha a bhrú
- Conas nóiméad an imbhuailte a chinneadh
- Is féidir leat dul níos faide agus rialuithe gluaiseachta taibhse a chur leis
Gheobhaidh tú sampla den tionscadal seo GitHub
bainistíocht úsáideora
Tionscadail GitHub
Má chruthaítear feidhmchlár de chineál CRUD le haghaidh riarachán úsáideora, múinfear bunús na forbartha duit. Tá sé seo úsáideach go háirithe d'fhorbróirí nua.
Foghlaimeoidh tú:
- Cad is ródú ann
- Conas foirmeacha iontrála sonraí a láimhseáil agus seiceáil a bhfuil curtha isteach ag an úsáideoir
- Conas oibriú leis an mbunachar sonraí - gníomhartha a chruthú, a léamh, a nuashonrú agus a scriosadh
Ag seiceáil an aimsir ag do láthair
Tionscadail GitHub
Más mian leat aipeanna a chruthú, cuir tús le haip aimsire. Is féidir an tionscadal seo a chur i gcrích ag baint úsáide as Swift.
Chomh maith le taithí a fháil ag tógáil feidhmchlár, foghlaimeoidh tú:
- Conas a bheith ag obair leis an API
- Conas geolocation a úsáid
- Déan d’iarratas níos dinimiciúla trí ionchur téacs a chur leis. Inti, beidh úsáideoirí in ann a suíomh a chur isteach chun an aimsir a sheiceáil in áit ar leith.
Beidh API uait. Chun sonraí aimsire a fháil, úsáid an OpenWeather API. Tuilleadh faisnéise faoin OpenWeather API.
Fuinneog comhrá
Mo fhuinneog comhrá i ngníomh, oscail in dhá chluaisín bhrabhsálaí
Is bealach iontach é fuinneog chomhrá a chruthú chun tús a chur le soicéid. Tá an rogha cruach teicneolaíochta ollmhór. Tá Node.js, mar shampla, foirfe.
Foghlaimeoidh tú conas a oibríonn soicéid agus conas iad a chur i bhfeidhm. Is é seo príomhbhuntáiste an tionscadail seo.
Más forbróir Laravel tú atá ag iarraidh oibriú le soicéid, léigh mo chuid
GitLab CI
Más rud é go bhfuil tú nua i gcomhtháthú leanúnach (CI), imirt timpeall le GitLab CI. Socraigh cúpla timpeallacht agus déan iarracht cúpla tástáil a rith. Ní tionscadal an-deacair é, ach táim cinnte go bhfoghlaimeoidh tú go leor uaidh. Tá go leor foirne forbartha ag baint úsáide as CI anois. Tá sé úsáideach a fhios conas é a úsáid.
Foghlaimeoidh tú:
- Cad é GitLab CI
- Conas a chumrú
.gitlab-ci.ymla insíonn don úsáideoir GitLab cad atá le déanamh - Conas imscaradh chuig timpeallachtaí eile
Anailíseoir láithreán gréasáin
Déan scraper a dhéanann anailís ar shéimeantaic láithreáin ghréasáin agus a chruthaíonn a rátáil. Mar shampla, is féidir leat a sheiceáil le haghaidh clibeanna alt ar iarraidh in íomhánna. Nó seiceáil an bhfuil meta tags Sinsearach ar an leathanach. Is féidir scraper a chruthú gan comhéadan úsáideora.
Foghlaimeoidh tú:
- Conas a oibríonn scraper?
- Conas roghnóir DOM a chruthú
- Conas algartam a scríobh
- Mura bhfuil tú ag iarraidh stopadh ansin, cruthaigh comhéadan úsáideora. Is féidir leat tuarascáil a chruthú freisin ar gach suíomh Gréasáin a seiceann tú.
Brath meon ar líonraí sóisialta
Is bealach iontach é braite meon ar na meáin shóisialta chun tús a chur le foghlaim meaisín.
Is féidir leat tosú trí anailís a dhéanamh ar líonra sóisialta amháin. Tosaíonn gach duine le Twitter de ghnáth.
Má tá taithí agat cheana féin ar mheaisínfhoghlaim, déan iarracht sonraí a bhailiú ó líonraí sóisialta éagsúla agus iad a chomhcheangal.
Foghlaimeoidh tú:
- Cad is foghlaim meaisín
Clón Trello
Cad a fhoghlaimeoidh tú:
- Eagrú bealaí próiseála iarratais (Ródú).
- Tarraing agus scaoil.
- Conas rudaí nua a chruthú (cláir, liostaí, cártaí).
- Sonraí ionchuir a phróiseáil agus a sheiceáil.
- Ó thaobh an chliaint: conas stóráil áitiúil a úsáid, conas sonraí a shábháil ar stóráil áitiúil, conas sonraí a léamh ó stóráil áitiúil.
- Ó thaobh an fhreastalaí: conas bunachair shonraí a úsáid, conas sonraí a shábháil sa bhunachar sonraí, conas sonraí ón mbunachar sonraí a léamh.
, déanta in React+Redux.
Painéal admin
Feidhmchlár simplí CRUD, atá oiriúnach chun na bunghnéithe a fhoghlaim. Foghlaimímid:
- Cruthaigh úsáideoirí, bainistigh úsáideoirí.
- Idirghníomhaigh leis an mbunachar sonraí - cruthaigh, léigh, cuir in eagar, scrios úsáideoirí.
- Ionchur a bhailíochtú agus oibriú le foirmeacha.
Lorgaire cripte-airgeadra (aip soghluaiste dhúchais)
Rud ar bith: Swift, Cuspóir-C, React Dúchasach, Java, Kotlin.
Déanaimis staidéar:
- Conas a oibríonn feidhmchláir dhúchasacha.
- Conas sonraí a aisghabháil ón API.
- Conas a oibríonn leagan amach na leathanach dúchasach.
- Conas a bheith ag obair le insamhlóirí soghluaiste.
. Má fhaigheann tú rud éigin níos fearr, scríobh sna tuairimí.
Má tá suim agat, seo é .
Socraigh do chumraíocht pacáiste gréasáin féin ón tús
Go teicniúil, ní feidhmchlár é seo, ach is tasc an-úsáideach é tuiscint a fháil ar conas a oibríonn webpack ón taobh istigh. Anois ní “bosca dubh” a bheidh ann, ach uirlis intuigthe.
Riachtanais:
- Tiomsaigh es7 go es5 (bunús).
- Tiomsaigh jsx go js - nó - .vue go .js (beidh ort lódairí a fhoghlaim)
- Socraigh freastalaí webpack dev agus athlódáil modúl te. (bain úsáid as vue-cli agus cruthaigh-react-app araon)
- Bain úsáid as Heroku, now.sh nó Github, foghlaim conas tionscadail webpack a imscaradh.
- Socraigh do réamhphróiseálaí is fearr leat chun css - scss, níos lú, stylus a thiomsú.
- Foghlaim conas íomhánna agus svgs a úsáid le webpack.
Clón Hackernews
Éilítear ar gach Jedi a Hackernews féin a dhéanamh.
Cad a bheidh tú ag foghlaim ar an mbealach:
- Conas idirghníomhú le hackernews API.
- Conas feidhmchlár aon leathanach a chruthú.
- Conas gnéithe cosúil le tuairimí féachana, tuairimí aonair, próifílí a chur i bhfeidhm.
- Eagrú bealaí próiseála iarratais (Ródú).
Tudushechka
Dáiríre? Tudushka? Tá na mílte acu. Ach creidim dom, tá cúis leis an tóir seo.
Is bealach iontach é an aip Tudu chun a chinntiú go dtuigeann tú na bunghnéithe. Bain triail as feidhmchlár amháin a scríobh i Javascript fanaile agus ceann eile sa chreat is fearr leat.
Foghlaim:
- Cruthaigh tascanna nua.
- Seiceáil go bhfuil na réimsí líonta isteach.
- Scag tascanna (críochnaithe, gníomhach, ar fad). Úsáid
filterиreduce. - Bunúsacha Javascript a thuiscint.
Liosta tarraingthe agus titim inghnóthaithe
An-chabhrach a thuiscint .
Foghlaimímid:
- Tarraing agus scaoil API
- Cruthaigh UI saibhir
Clón Messenger (aip dhúchais)
Tuigfidh tú an chaoi a n-oibríonn feidhmchláir ghréasáin agus feidhmchláir dhúchasacha araon, rud a shocróidh tú ón mais liath.
Cad a dhéanfaimid staidéar:
- Soicéid Gréasáin (teachtaireachtaí meandracha)
- Conas a oibríonn feidhmchláir dhúchasacha.
- Conas a oibríonn teimpléid i bhfeidhmchláir dhúchasacha.
- Bealaí próiseála iarratais a eagrú i bhfeidhmchláir dhúchasacha.
Eagarthóir téacs
Is é an cuspóir atá le heagarthóir téacs ná iarracht na n-úsáideoirí atá ag iarraidh a bhformáidiú a thiontú go marcáil HTML bailí a laghdú. Ligeann dea-eagarthóir téacs d’úsáideoirí téacs a fhormáidiú ar bhealaí éagsúla.
Ag pointe éigin, d'úsáid gach duine eagarthóir téacs. Mar sin cén fáth nach bhfuil ?
Clón Reddit
is comhiomlánú nuachta sóisialta, rátáil ábhar gréasáin agus suíomh plé é.
Tógann Reddit an chuid is mó de mo chuid ama, ach leanaim ar aghaidh ag crochadh air. Is bealach éifeachtach é Clón Reddit a chruthú chun cláir a fhoghlaim (agus tú ag brabhsáil Reddit ag an am céanna).
Soláthraíonn Reddit duine an-saibhir duit. Ná fág amach aon ghnéithe agus ná déan rudaí go randamach. Sa saol fíor le cliaint agus custaiméirí, ní féidir leat oibriú go fánach, nó caillfidh tú do phost go tapa.
Tuigfidh cliaint chliste láithreach go bhfuil an post á dhéanamh go dona agus gheobhaidh siad duine eile.
Pacáiste foinse oscailte NPM a fhoilsiú
Má scríobhann tú cód Javascript, seans go n-úsáideann tú bainisteoir pacáiste. Ligeann bainisteoir pacáiste duit cód reatha a scríobh agus a d'fhoilsigh daoine eile a athúsáid.
Soláthróidh tuiscint ar thimthriall forbartha iomlán pacáiste taithí an-mhaith. Tá go leor rudaí nach mór duit fios a bheith agat agus cód á fhoilsiú. Ní mór duit smaoineamh ar shlándáil, leagan séimeantach, inscálaithe, coinbhinsiúin ainmniúcháin agus cothabháil.
Is féidir leis an bpacáiste a bheith rud ar bith. Mura bhfuil smaoineamh agat, cruthaigh do Lodash féin agus foilsigh é.
Lodash:
Má bhíonn rud éigin déanta agat ar líne beidh tú 10% os cionn cinn eile. faoi fhoinsí oscailte agus faoi phacáistí.
Curaclam cód campa saor in aisce,
Tá go leor bailithe ag freeCodecamp .
Is eagraíocht neamhbhrabúis é freeCodeCamp. Is éard atá ann ardán foghlama idirghníomhach gréasán-bhunaithe, fóram pobail ar líne, seomraí comhrá, foilseacháin Meánacha, agus eagraíochtaí áitiúla a bhfuil sé ar intinn acu forbairt gréasáin foghlama a dhéanamh inrochtana do chách.
Beidh tú níos mó ná cáilithe do do chéad phost má éiríonn leat an cúrsa iomlán a chríochnú.
Cruthaigh freastalaí HTTP ón tús
Tá an prótacal HTTP ar cheann de na príomhphrótacail trína dtaistealaíonn ábhar ar an Idirlíon. Úsáidtear freastalaithe HTTP chun freastal ar ábhar statach mar HTML, CSS, agus JS.
Má tá tú in ann an prótacal HTTP a chur i bhfeidhm ón tús, méadóidh sé seo do chuid eolais ar an gcaoi a n-idirghníomhaíonn rudaí.
Mar shampla, má úsáideann tú NodeJs, tá a fhios agat go soláthraíonn Express freastalaí HTTP.
Le haghaidh tagartha, féach an féidir leat:
- Socraigh freastalaí gan úsáid a bhaint as aon leabharlanna
- Ní mór don fhreastalaí freastal ar ábhar HTML, CSS agus JS.
- Ródaire a chur i bhfeidhm ón tús
- Monatóireacht a dhéanamh ar athruithe agus an freastalaí a nuashonrú
Mura bhfuil a fhios agat cén fáth, bain úsáid as agus déan iarracht freastalaí HTTP a chruthú ón dtús.
App ar an deasc le haghaidh nótaí
Glacann muid go léir nótaí, nach ndéanaimid?
Déanaimis app nótaí a chruthú. Ní mór don fheidhmchlár nótaí a shábháil agus iad a shioncronú leis an mbunachar sonraí. Tóg aip dhúchasach ag baint úsáide as Electron, Swift, nó cibé rud is mian leat agus cad a oibríonn do do chóras.
Ná bíodh drogall ort é seo a chomhcheangal leis an gcéad dúshlán (eagarthóir téacs).
Mar bhónas, déan iarracht do leagan deisce a shioncronú leis an leagan gréasáin.
Podchraoltaí (clón Dorcha)
Cé nach n-éisteann le podchraoltaí?
Cruthaigh feidhmchlár gréasáin leis an bhfeidhmiúlacht seo a leanas:
- Cruthaigh cuntas
- Cuardaigh Podchraoltaí
- Ráta agus liostáil le podchraoltaí
- Stop agus spraoi, athraigh luas, feidhmeanna ar aghaidh agus ar gcúl ar feadh 30 soicind.
Bain triail as an iTunes API a úsáid mar phointe tosaigh. Má tá eolas agat ar aon acmhainní eile, cuir isteach na tuairimí le do thoil.
Gabháil scáileáin
Dia dhuit! Tá mé ag scannánú mo scáileán faoi láthair!
Cruthaigh app deisce nó gréasáin a ligeann duit do scáileán a ghabháil agus an gearrthóg a shábháil mar .gif
Anseo conas é seo a bhaint amach.
Foinsí
Foinse: will.com