1. Notion clone
Ua aloha ʻia ka noi Notion e nā poʻe he nui; hiki iā ʻoe ke hoʻomaikaʻi i kāu kahe hana, hana me nā palapala, hoʻonohonoho i nā hana, a hoʻonohonoho i ka ʻikepili ma waena o nā polokalamu.
He aha kāu e aʻo ai ma ka hana ʻana i kahi clone Notion:
- . Hiki i ka mea hoʻohana ke "hopu me ka ʻiole" hiki ke kauo element a waiho i loko hiki ke hoʻokuʻu ʻāpana.
- Pehea e hoʻonohonoho ai i ka ʻikepili i ka manawa maoli ma waena o kāu kamepiula a me kāu kelepona.
- ʻAe mākou i nā mea hoʻohana e hana, heluhelu, hōʻano hou a holoi i nā moʻolelo, a laila e aʻo ai i nā mākau CRUD.
Ua unuhi ʻia ka ʻatikala me ke kākoʻo o EDISON Software, ʻo ia , a me .
2. Repl.it clone
He mea hana ʻo Repl.it no ka hoʻoponopono code collaborative manawa maoli. Hiki iā ʻoe ke koho i nā ʻōlelo he nui: JavaScript, Python, Hele a holo pololei i ke code ma ka polokalamu kele pūnaewele. Pono loa no nā demos wikiwiki a me nā nīnauele code.
He aha kāu e aʻo ai ma ka hana ʻana i kahi clone Repl.it:
- Pehea e holo ai a hoʻokō i ke code (ʻaoʻao server) i ka polokalamu kele pūnaewele (ʻaoʻao-client).
- E heluhelu i ka ʻikepili hoʻokomo (code source) a hōʻike i ka hopena hoʻokō.
- Pehea e hana ai i nā faila a me nā waihona ma ka pūnaewele a mālama i nā hopena.
- Pehea e hōʻike ai i ka syntax code.
3. Google Photos Clone
He lawelawe ʻo Google Photos no ka mālama ʻana a kaʻana like i nā kiʻi.
Hiki i nā kiʻi kiʻi hou ke hana i nā hana maʻamau: hoʻouka, ʻoki, a pēlā aku. Makemake nā kānaka e hana i kā lākou mau avatar a kaʻana like i nā kiʻi o nā pōpoki, no laila pono ʻoe e hana me nā kiʻi.
He aha kāu e aʻo ai ma ka hana ʻana i kahi clone Google Photos:
- Pehea e hana ai i nā kiʻi pane ma nā kelepona, papa, laptops a me nā pale TV nunui.
- Pehea e mālama ai i nā hoʻouka kiʻi, ʻoi aku ka nui o nā kiʻi (>1MB) a me ka hoʻouka nui ʻana.
- E hana i nā faila kiʻi, ʻoki a hoʻololi i nā kiʻi no nā kiʻi liʻiliʻi a i ka wā e wehe ai i kahi hale kiʻi.
- Bonus: pehea e mālama ai i nā kiʻi ma ke ao a i ʻole ka ʻikepili kūloko.
4. Gifsky clone
hoʻololi i ka wikiō i GIF me ka hoʻohana ʻana i nā hana no nā palette cross-frame kūpono a me ka anti-aliasing kino. ʻO ka hopena he GIF me nā tausani pua i kēlā me kēia kiʻi.
He aha kāu e aʻo ai ma ka hana ʻana i kahi clone Gifski:
- Pehea e hoʻololi ai i nā faila wikiō (.mp4 i .gif).
- Pehea e hoʻohana ai i ka Drag and Drop HTML API.
- Pehea ka hana ʻana a me ka hoʻoponopono kiʻi.
'Ōlelo Aʻo: a aia ma GitHub!
5. Ka nānā 'ana i nā kumukū'ai cryptocurrency
React Native cryptocurrency tracker
He aha kāu e aʻo ai ma ka hana ʻana i kahi tracker rate currency:
- Pehea e hana pū ai me ka API a loaʻa ka ʻikepili mamao mai ka API.
- Pehea e hōʻike ai i ka ʻikepili ma ke ʻano he papa inoa.
- Bonus: Inā hoihoi ʻoe, ua kākau wau i kēia manawa no ka cryptocurrency me React Native.
'Ōlelo Aʻo: ʻaneʻi .
He koho o nā papahana mai nā puke i hala.
ahu iho
ʻO Layer kahi kaiāulu kahi e hiki ai i nā mea a pau ke kaha kiʻi i kahi pika ma kahi "papa". Ua hānau ʻia ka manaʻo kumu ma Reddit. He mea hoʻohālikelike ka hui r/Layer no ka hana like ʻana, i hiki i nā mea a pau ke lilo i mea hana a kōkua i kahi kumu maʻamau.
He aha kāu e aʻo ai i ka hana ʻana i kāu papahana Layer:
- Pehea ka hana ʻana o ka canvas JavaScript ʻO ka ʻike i ka hana ʻana i ka canvas he mākaukau koʻikoʻi i nā noi he nui.
- Pehea e hoʻonohonoho ai i nā ʻae mea hoʻohana. Hiki i kēlā me kēia mea hoʻohana ke huki i hoʻokahi pika i kēlā me kēia 15 mau minuke me ka ʻole e komo.
- E hana i nā kau kuki.
Hoʻokumu
ʻO Squoosh kahi palapala hoʻopili kiʻi me nā koho holomua he nui.
GIF 20 MB
Ma ka hana ʻana i kāu mana ponoʻī o Squoosh e aʻo ʻoe:
- Pehea e hana ai me nā nui kiʻi
- E aʻo i nā kumu o ka Drag'n'Drop API
- E hoʻomaopopo i ka hana ʻana o ka API a me nā mea hoʻolohe hanana
- Pehea e hoʻouka a hoʻokuʻu aku i nā faila
'Ōlelo Aʻo: ʻO ka compressor kiʻi he kūloko. ʻAʻole pono e hoʻouna i nā ʻikepili hou i ke kikowaena. Hiki iā ʻoe ke loaʻa ka compressor ma ka home, a i ʻole hiki iā ʻoe ke hoʻohana iā ia ma kahi kikowaena, kāu koho.
Kālā
Hele mai? ʻOiaʻiʻo? Heluhelu? ʻAe, pololei, he calculator. ʻO ka hoʻomaopopo ʻana i ke kumu o ka hana makemakika a me ke ʻano o ka hana like ʻana he mākaukau koʻikoʻi no ka maʻalahi o kāu mau noi. Ma hope a ma hope paha e pili ana ʻoe i nā helu a ʻoi aku ka maikaʻi.
Ma ka hana ʻana i kāu calculator ponoʻī ʻoe e aʻo ai:
- E hana me nā helu a me nā hana makemakika
- E hoʻomaʻamaʻa me API nā mea hoʻolohe hanana
- Pehea e hoʻonohonoho ai i nā mea, hoʻomaopopo i nā ʻano
Crawler (Mekinika Huli)
Ua hoʻohana nā kānaka a pau i kahi ʻenekini huli, no laila no ke aha e hana ʻole ai i kāu ponoʻī? Pono nā mea kolo e ʻimi i ka ʻike. Hoʻohana nā kānaka a pau iā lākou i kēlā me kēia lā a e ulu wale ka noi no kēia ʻenehana a me nā loea i ka manawa.
ʻenekini huli Google
He aha kāu e aʻo ai ma ka hana ʻana i kāu ʻenekini huli ponoʻī:
- Pehea ka hana a nā mea kolo
- Pehea e kuhikuhi ai i nā pūnaewele a pehea e hoʻonohonoho ai iā lākou ma ka helu a me ka inoa
- Pehea e mālama ai i nā pūnaewele i kuhikuhi ʻia i loko o kahi waihona a pehea e hana ai me ka waihona
Mea hoʻokani pila (Spotify, Apple Music)
Hoʻolohe nā kānaka a pau i ke mele - he ʻāpana koʻikoʻi ia o ko mākou ola. E hana kākou i mea hoʻokani pila no ka hoʻomaopopo ʻana i ke ʻano o ka hana ʻana o ka mechanics maʻamau o kahi kahua hoʻoheheʻe mele hou.
Spotify
He aha kāu e aʻo ai ma ka hoʻokumu ʻana i kāu pūnaewele streaming mele ponoʻī:
- Pehea e hana ai me ka API. e hoʻohana i ka API mai Spotify a i ʻole Apple Music
- Pehea e pāʻani ai, hoʻomaha a hoʻihoʻi hou i ke mele aʻe/ma mua
- Pehea e hoʻololi ai i ka leo
- Pehea e hoʻokele ai i ka mea hoʻohana a me ka mōʻaukala polokalamu kele pūnaewele
Ka polokalamu huli kiʻiʻoniʻoni me React (me nā makau)
ʻO ka mea mua hiki iā ʻoe ke hoʻomaka me ke kūkulu ʻana i kahi polokalamu huli kiʻiʻoniʻoni me React. Aia ma lalo kahi kiʻi o ke ʻano o ka app hope loa:
He aha kāu e aʻo ai?
Ma ke kūkulu ʻana i kēia noi, e hoʻomaikaʻi ʻoe i kāu mau React me ka hoʻohana ʻana i ka API Hooks hou. Hoʻohana ka papahana laʻana i nā ʻāpana React, nui nā makau, kahi API waho, a ʻoiaʻiʻo hoʻi kekahi ʻano CSS.
Tech ahu a me nā hiʻona
- E pane me nā makau
- hoʻokumu-meta-app
- jsx
- CSS
Me ka ʻole o ka hoʻohana ʻana i nā papa, hāʻawi kēia mau papahana iā ʻoe i kahi wahi komo kūpono i ka hana React a e kōkua maoli iā ʻoe i 2020. hiki iā ʻoe ke loaʻa . E hahai i nā kuhikuhi a i ʻole e hana iā ʻoe iho.
Pilikia kamaʻilio me Vue
ʻO kekahi papahana maikaʻi no ʻoe, ʻo ia ke kūkulu ʻana i kahi polokalamu kamaʻilio me kaʻu waihona JavaScript punahele: VueJS. E like me kēia ka palapala noi:
He aha kāu e aʻo ai?
Ma kēia kumu aʻoaʻo, e aʻo ʻoe pehea e hana ai i kahi app Vue mai ka wā ʻōpala - hana i nā ʻāpana, mālama i nā mokuʻāina, hana i nā ala, hoʻopili i nā lawelawe ʻaoʻao ʻekolu, a me ka mālama ʻana i ka hōʻoia.
Tech ahu a me nā hiʻona
- ʻIke
- ʻO Vuex
- Vue Alaula
- ʻO Vue CLI
- Pipi
- CSS
He papahana maikaʻi loa kēia e hoʻomaka me Vue a i ʻole e hoʻomaikaʻi i kāu mau mākaukau e komo i ka hoʻomohala ʻana ma 2020. hiki iā ʻoe ke loaʻa .
ʻO ka app weather maikaʻi me ka Angular 8
E kōkua kēia hiʻohiʻona iā ʻoe e kūkulu i kahi app weather maikaʻi me ka hoʻohana ʻana i ka Angular 8:
He aha kāu e aʻo ai?
Na kēia papahana e aʻo iā ʻoe i nā mākau waiwai i ke kūkulu ʻana i nā noi mai ka wā kahiko - mai ka hoʻolālā ʻana a hiki i ka hoʻomohala ʻana, a hiki i kahi noi mākaukau.
Tech ahu a me nā hiʻona
- Kikowaena 8
- Firebase
- Hoʻolilo ʻaoʻao kikowaena
- CSS me Grid a me Flexbox
- Hoʻohana kelepona a me ka hiki ke hoʻololi
- ʻAno pouli
- Nani maikaʻi
ʻO kaʻu mea makemake nui i kēia papahana piha, ʻaʻole ʻoe e aʻo i nā mea ma kahi kaʻawale. Akā, aʻo ʻoe i ke kaʻina hana hoʻomohala holoʻokoʻa mai ka hoʻolālā ʻana a hiki i ka hoʻolālā hope.
To-Do app me Svelte
Ua like ʻo Svelte me ke keiki hou i ke ʻano o ka ʻāpana - ma ka liʻiliʻi e like me React, Vue a me Angular. A ʻo kēia kekahi o nā huahana hou loa no 2020.
ʻAʻole pono nā polokalamu To-Do i ke kumuhana wela loa, akā e kōkua maoli lākou iā ʻoe e hone i kāu mau akamai Svelte. E like me kēia:
He aha kāu e aʻo ai?
E hōʻike ana kēia kumu aʻo iā ʻoe pehea e hana ai i kahi noi me ka hoʻohana ʻana iā Svelte 3, mai ka hoʻomaka a i ka pau. E hoʻohana ʻoe i nā ʻāpana, ke ʻano a me nā mea lawelawe hanana
Tech ahu a me nā hiʻona
- Helu 3
- Nā Components
- Hoʻolima me CSS
- ʻŌlelo ES6
ʻAʻole nui nā papahana hoʻomaka Svelte maikaʻi, no laila ua loaʻa iaʻu .
App Ecommerce me Next.js
ʻO Next.js ka papa hana kaulana loa no ke kūkulu ʻana i nā polokalamu React e kākoʻo ana i ka hoʻolilo ʻaoʻao server ma waho o ka pahu.
E hōʻike ana kēia papahana iā ʻoe pehea e hana ai i kahi noi e-commerce e like me kēia:
He aha kāu e aʻo ai?
Ma kēia pāhana, e aʻo ʻoe pehea e hoʻomohala ai me Next.js—e hana i nā ʻaoʻao a me nā ʻāpana hou, e kiʻi i ka ʻikepili, a me ke ʻano a hoʻolālā i kahi palapala Next.
Tech ahu a me nā hiʻona
- ʻO aʻe.js
- Nā ʻāpana a me nā ʻaoʻao
- ʻIkepili laʻana
- Stylization
- Hoʻolālā Papahana
- SSR a me SPA
He mea maikaʻi loa ka loaʻa ʻana o kahi laʻana ola maoli e like me ka app e-commerce e aʻo i kahi mea hou. Hiki iā ʻoe .
Moʻomanaʻo ʻōlelo piha me Nuxt.js
ʻO Nuxt.js no Vue, e like me Next.js no React: kahi hoʻolālā maikaʻi no ka hoʻohui ʻana i ka ʻaoʻao kikowaena a me nā noi ʻaoʻao hoʻokahi.
ʻO ka noi hope āu e hana ai e like me kēia:
He aha kāu e aʻo ai?
Ma kēia papahana laʻana, e aʻo ʻoe pehea e kūkulu ai i kahi pūnaewele piha me ka hoʻohana ʻana iā Nuxt.js, mai ka hoʻonohonoho mua ʻana a hiki i ka hoʻolālā hope.
Hoʻohana maikaʻi ia i ka nui o nā hiʻohiʻona ʻoluʻolu a Nuxt e hāʻawi ai, e like me nā ʻaoʻao a me nā ʻāpana, a me ke ʻano me SCSS.
Tech ahu a me nā hiʻona
- Nuxt.js
- Nā ʻāpana a me nā ʻaoʻao
- module poloka moʻolelo
- Mea huikau
- Vuex no ka hooponopono aupuni
- SCSS no ka hoʻolima ʻana
- Nuxt middlewares
, e komo pū ana me nā hiʻohiʻona nui o Nuxt.js. Makemake au e hana pū me Nuxt no laila e hoʻāʻo ʻoe no ka mea e lilo ia i mea hoʻomohala Vue maikaʻi loa.
Blog me Gatsby
ʻO Gatsby kahi mea hoʻokumu pūnaewele static maikaʻi me ka hoʻohana ʻana i React a me GraphQL. ʻO kēia ka hopena o ka papahana:
He aha kāu e aʻo ai?
Ma kēia kumu aʻo, e aʻo ʻoe pehea e hoʻohana ai iā Gatsby e hana i kahi blog āu e hoʻohana ai e kākau i kāu mau ʻatikala me ka hoʻohana ʻana iā React a me GraphQL.
Tech ahu a me nā hiʻona
- ʻAtspiha
- pane koke
- GraphQL
- Pākuʻi a me nā kumuhana
- MDX/Markdown
- ʻO Bootstrap CSS
- Nā pola
Inā makemake ʻoe e hoʻomaka i kahi blog, pehea e hana ai me React a me GraphQL.
ʻAʻole wau e ʻōlelo nei he koho maikaʻi ʻole ʻo WordPress, akā me Gatsby hiki iā ʻoe ke kūkulu i nā pūnaewele hana kiʻekiʻe me ka hoʻohana ʻana i React - he hui kupaianaha kēia.
Blog me Gridsome
Gridsome no Vue… ʻAe, ua loaʻa iā mākou me Next/Nuxt.
Akā ʻo ia ka ʻoiaʻiʻo no Gridsome a me Gatsby. Hoʻohana ʻelua i ka GraphQL e like me kā lākou papa ʻikepili, akā hoʻohana ʻo Gridsome iā VueJS. He mea hoʻokumu pūnaewele static maikaʻi loa ia e kōkua iā ʻoe e hana i nā blog maikaʻi:
He aha kāu e aʻo ai?
Na kēia papahana e aʻo iā ʻoe pehea e hana ai i kahi blog maʻalahi e hoʻomaka me Gridsome, GraphQL a me Markdown. E wehewehe pū ana i ka hoʻonohonoho ʻana i kahi noi ma o Netlify.
Tech ahu a me nā hiʻona
- ʻAhaʻi
- ʻIke
- GraphQL
- Markdown
- netlify
ʻAʻole kēia ʻo ke kumu aʻo piha loa, akā uhi ʻia nā manaʻo kumu o Gridsome a .
Mea pāʻani leo e like me SoundCloud me Quasar
ʻO Quasar kahi hana Vue ʻē aʻe i hiki ke hoʻohana ʻia e kūkulu i nā polokalamu kelepona. Ma kēia papahana, e hana ʻoe i kahi palapala hoʻokani leo, no ka laʻana:
He aha kāu e aʻo ai?
ʻOiai ke kau nui nei nā papahana ʻē aʻe i nā polokalamu pūnaewele, e hōʻike ana kēia iā ʻoe pehea e kūkulu ai i kahi polokalamu kelepona me ka hoʻohana ʻana iā Vue a me ka Quasar framework.
Pono ʻoe i kahi Cordova hana me ka Android Studio/Xcode i hoʻonohonoho ʻia. Inā ʻaʻole, he loulou ka manual i ka pūnaewele Quasar kahi e hōʻike ai lākou iā ʻoe pehea e hoʻonohonoho ai i nā mea āpau.
Tech ahu a me nā hiʻona
- Quasar
- ʻIke
- Kordoba
- nalu nalu
- Nā ʻāpana UI
, e hōʻike ana i nā mana o Quasar no ke kūkulu ʻana i nā polokalamu kelepona.
Palapala kāleka hōʻaiʻē
ʻO ke ʻano kāleka hōʻaiʻē ʻoluʻolu me nā micro-interaction maikaʻi a leʻaleʻa. Loaʻa i ka hoʻopololei helu, ka hōʻoia a me ka ʻike ʻana i ke ʻano kāleka. Hoʻokumu ʻia ia ma Vue.js a pane piha. (Hiki iā ʻoe ke ʻike .)
He aha kāu e aʻo ai:
- Hana a hōʻoia i nā palapala
- E mālama i nā hanana (no ka laʻana, ke hoʻololi nā kahua)
- E hoʻomaopopo i ke ʻano o ka hōʻike a kau ʻana i nā mea ma ka ʻaoʻao, ʻoi aku ka nui o ka ʻike kāleka hōʻaiʻē e ʻike ʻia ma luna o ka palapala
pakuhi ʻaukā
ʻO ka histogram kahi pakuhi a i ʻole ka pakuhi e hōʻike ana i ka ʻikepili categorical me nā pahu ʻāpana ʻāpana me nā kiʻekiʻe a i ʻole ka lōʻihi e kūlike me nā waiwai a lākou e hōʻike nei.
Hiki iā lākou ke hoʻohana i ka vertical a i ʻole ka pae. Kapa ʻia ka pakuhi pahu kū i kekahi manawa he pakuhi laina.
He aha kāu e aʻo ai:
- Hōʻike i ka ʻikepili ma ke ʻano i hoʻonohonoho ʻia a hiki ke hoʻomaopopo ʻia
- Eia hou: E aʻo pehea e hoʻohana ai i ka mea
canvasa pehea e huki ai i nā mea me ia
hiki iā ʻoe ke ʻike i ka ʻikepili heluna kanaka o ka honua. Hoʻonohonoho ʻia lākou e ka makahiki.
Twitter Heart Animation
Ma hope o 2016, ua hoʻolauna ʻo Twitter i kēia ʻano hana kupaianaha no kāna mau tweet. E like me 2019, ʻike mau ia i ka ʻāpana, no laila no ke aha e hana ʻole ai ʻoe iā ʻoe iho?
He aha kāu e aʻo ai:
- E hana me ka ʻano CSS
keyframes - Hoʻoponopono a hoʻoulu i nā mea HTML
- Hoʻohui i ka JavaScript, HTML a me CSS
Hiki ke huli ʻia nā waihona waihona GitHub
ʻAʻohe mea maikaʻi ma aneʻi - ʻo nā waihona waihona ʻo GitHub he papa inoa hanohano.
ʻO ka pahuhopu e hōʻike i nā waihona a ʻae i ka mea hoʻohana e kānana iā lākou. Hoʻohana e kiʻi i nā waihona no kēlā me kēia mea hoʻohana.
ʻAoʻao ʻaoʻao ʻaoʻao GitHub -
He aha kāu e aʻo ai:
- Loaʻa ka ʻikepili mai ka API
- Hōʻike i ka ʻikepili mai API
- Kānā a hōʻike i nā ʻikepili pili no kēlā me kēia hulina
- Koho: Inā makemake ʻoe i kahi paʻakikī, e hoʻohana , kūkulu ʻia me ka hoʻohana ʻana iā GraphQL. .
Kūkākūkā ʻano Reddit
He ala kaulana nā kamaʻilio ma muli o ko lākou maʻalahi a me ka maʻalahi o ka hoʻohana. Akā he aha ka mea e hoʻoulu ai i nā lumi kamaʻilio hou? Nā Pūnaewele Pūnaewele!
He aha kāu e aʻo ai:
- E hoʻohana i nā WebSockets, kamaʻilio manawa maoli a me nā hōʻano hou
- E hana me nā pae komo o ka mea hoʻohana (no ka laʻana, he kuleana ko ka mea nona ke ala kamaʻilio
admin, a me nā mea ʻē aʻe i loko o ka lumi -user) - Kaʻina a hōʻoia i nā palapala - e hoʻomanaʻo, ʻo ka puka kamaʻilio no ka hoʻouna ʻana i kahi leka
input - Hana a hui pū me nā kamaʻilio like ʻole
- E hana me nā leka pilikino. Hiki i nā mea hoʻohana ke kamaʻilio pilikino me nā mea hoʻohana ʻē aʻe. ʻO ka mea nui, e hoʻokumu ʻoe i kahi pilina WebSocket ma waena o nā mea hoʻohana ʻelua.
Kaila kaila hoʻokele
ʻO ka mea e ʻokoʻa ai kēia hoʻokele ʻana ʻo ia ka hoʻololi ʻana o ka ipu popover e kūpono i ka ʻike. Aia ka nani o kēia hoʻololi e like me ke ʻano kuʻuna o ka wehe a pani ʻana i kahi popover hou.
He aha kāu e aʻo ai:
- Hoʻohui i nā animation CSS me nā hoʻololi
- E hoʻemi i ka ʻike a hoʻopili i ka papa hana i ka mea lana
Pacman
E hana i kāu mana pono'ī o Pacman. He ala maikaʻi kēia e loaʻa ai kahi manaʻo o ka hoʻomohala ʻana o nā pāʻani a hoʻomaopopo i nā kumu. E hoʻohana i ka JavaScript framework, React a i ʻole Vue.
E aʻo ʻoe:
- Pehea e neʻe ai nā mea
- Pehea e hoʻoholo ai i nā kī e kaomi
- Pehea e hoʻoholo ai i ka manawa o ka hui ʻana
- Hiki iā ʻoe ke hele hou a hoʻohui i nā mana hoʻoneʻe ʻuhane
E ʻike ʻoe i kahi laʻana o kēia papahana GitHub
hooponopono mea hoohana
ʻO ka papahana GitHub
Ke hana ʻana i kahi noi ʻano CRUD no ka hoʻokele mea hoʻohana e aʻo iā ʻoe i nā kumu o ka hoʻomohala ʻana. Pono kēia no nā mea hoʻomohala hou.
E aʻo ʻoe:
- He aha ke alahele
- Pehea e mālama ai i nā palapala hoʻokomo ʻikepili a nānā i ka mea i hoʻokomo ʻia e ka mea hoʻohana
- Pehea e hana ai me ka waihona - hana, heluhelu, hoʻohou a holoi i nā hana
Ke nānā nei i ke aniau ma kou wahi
ʻO ka papahana GitHub
Inā makemake ʻoe e hana i nā polokalamu, e hoʻomaka me ka app weather. Hiki ke hoʻopau ʻia kēia papahana me Swift.
Ma kahi o ka loaʻa ʻana o ka ʻike i ke kūkulu ʻana i kahi noi, e aʻo ʻoe:
- Pehea e hana ai me ka API
- Pehea e hoʻohana ai i ka geolocation
- E hoʻoikaika i kāu noi ma ka hoʻohui ʻana i nā kikokikona. I loko o ia mea, hiki i nā mea hoʻohana ke komo i ko lākou wahi e nānā i ka lewa ma kahi kikoʻī.
Pono ʻoe i kahi API. No ka loaʻa ʻana o ka ʻikepili o ka wā, e hoʻohana i ka OpenWeather API. ʻIke hou aku e pili ana i ka OpenWeather API.
pukaaniani kamaʻilio
ʻO kaʻu pukaaniani kamaʻilio i ka hana, wehe ʻia i ʻelua mau ʻaoʻao pūnaewele
ʻO ka hana ʻana i kahi puka kamaʻilio ke ala kūpono e hoʻomaka ai me nā kumu. Nui ka koho ʻana o ka tech stack. Node.js, no ka laʻana, kūpono loa.
E aʻo ʻoe pehea e hana ai nā kumu a pehea e hoʻokō ai iā lākou. ʻO kēia ka pono nui o kēia papahana.
Inā ʻoe he mea hoʻomohala Laravel e makemake e hana me nā kumu, e heluhelu i kaʻu
GitLab CI
Inā he mea hou ʻoe i ka hoʻohui hoʻomau (CI), e pāʻani me GitLab CI. E hoʻonohonoho i kekahi mau kaiapuni a e hoʻāʻo e holo i ʻelua mau hoʻāʻo. ʻAʻole ia he papahana paʻakikī, akā maopopo iaʻu e aʻo nui ʻoe mai ia mea. Nui nā hui hoʻomohala e hoʻohana nei iā CI. He mea pono ke ike i ka hoohana ana.
E aʻo ʻoe:
- He aha ka GitLab CI
- Pehea e hoʻonohonoho ai
.gitlab-ci.ymle haʻi i ka mea hoʻohana GitLab i ka mea e hana ai - Pehea e kau ai i nā kaiapuni ʻē aʻe
Mea nānā pūnaewele
E hana i kahi scraper e nānā ana i nā semantics o nā pūnaewele a hana i kā lākou helu. No ka laʻana, hiki iā ʻoe ke nānā no ka nalo ʻana o nā lepili alt i nā kiʻi. A i ʻole e nānā inā loaʻa i ka ʻaoʻao nā hōʻailona meta SEO. Hiki ke hana ʻia kahi scraper me ka ʻole o kahi mea hoʻohana.
E aʻo ʻoe:
- Pehea e hana ai ka scraper?
- Pehea e hana ai i nā mea koho DOM
- Pehea e kākau ai i kahi algorithm
- Inā ʻaʻole ʻoe makemake e kū i laila, e hana i kahi mea hoʻohana. Hiki iā ʻoe ke hana i kahi hōʻike ma kēlā me kēia pūnaewele āu e nānā ai.
ʻIke manaʻo ma nā pūnaewele kaiapili
He ala maikaʻi loa ka ʻike ʻana i ka manaʻo ma ka media social e hoʻolauna i ka aʻo mīkini.
Hiki iā ʻoe ke hoʻomaka me ka nānā ʻana i hoʻokahi pūnaewele kaiapili. Hoʻomaka ka poʻe a pau me Twitter.
Inā loaʻa iā ʻoe ka ʻike me ke aʻo ʻana i ka mīkini, e hoʻāʻo e hōʻiliʻili i ka ʻikepili mai nā ʻoihana pūnaewele like ʻole a hoʻohui iā lākou.
E aʻo ʻoe:
- He aha ke aʻo ʻana i ka mīkini
ʻO ka clone Trello
He aha kāu e aʻo ai:
- Hoʻonohonoho i nā ala noi noi (Routing).
- Kākoʻo a hāʻule.
- Pehea e hana ai i nā mea hou (papa, papa inoa, kāleka).
- Ka hana a me ka nānā ʻana i ka ʻikepili hoʻokomo.
- Mai ka ʻaoʻao o ka mea kūʻai aku: pehea e hoʻohana ai i ka waihona kūloko, pehea e mālama ai i ka ʻikepili i ka waihona kūloko, pehea e heluhelu ai i ka ʻikepili mai kahi waihona kūloko.
- Mai ka ʻaoʻao kikowaena: pehea e hoʻohana ai i nā ʻikepili, pehea e mālama ai i ka ʻikepili i ka waihona, pehea e heluhelu ai i ka ʻikepili mai ka waihona.
, hana ʻia ma React+Redux.
Luna hoʻokele
He noi CRUD maʻalahi, kūpono no ke aʻo ʻana i nā kumu. E aʻo kākou:
- Hana i nā mea hoʻohana, mālama i nā mea hoʻohana.
- E launa pū me ka waihona - hana, heluhelu, hoʻoponopono, holoi i nā mea hoʻohana.
- Ke hōʻoia nei i ka hoʻokomo a me ka hana ʻana me nā palapala.
Ka mea hoʻopaʻa kālā Cryptocurrency
ʻO kēlā me kēia mea: Swift, Objective-C, React Native, Java, Kotlin.
E aʻo kākou:
- Pehea e hana ai nā polokalamu ʻōiwi.
- Pehea e kiʻi ai i ka ʻikepili mai ka API.
- Pehea e hana ai nā ʻaoʻao ʻaoʻao.
- Pehea e hana ai me nā simulators mobile.
. Inā ʻike ʻoe i kahi mea maikaʻi aʻe, e kākau i nā manaʻo.
Inā makemake ʻoe, eia nō .
E hoʻonohonoho i kāu hoʻonohonoho pūnaewele ponoʻī mai ka wā kahiko
ʻO ka ʻenehana, ʻaʻole ia he noi, akā he hana maikaʻi loa ia e hoʻomaopopo i ka hana ʻana o ka webpack mai loko. I kēia manawa,ʻaʻole ia he "pahuʻeleʻele", akā he mea hoʻomaopopo.
Manaʻo:
- Hoʻopili i ka es7 i ka es5 (mau kumu).
- E hōʻuluʻulu i ka jsx i js - a i ʻole - .vue i .js (pono ʻoe e aʻo i nā mea hoʻouka)
- Hoʻonohonoho i ka server webpack dev a me ka hoʻouka hou ʻana o ka module wela. (vue-cli a me create-react-app hoʻohana ʻelua)
- E hoʻohana iā Heroku, now.sh a i ʻole Github, e aʻo pehea e kau ai i nā papahana webpack.
- Hoʻonohonoho i kāu preprocessor punahele e hōʻuluʻulu css - scss, liʻiliʻi, stylus.
- E aʻo pehea e hoʻohana ai i nā kiʻi a me nā svgs me ka webpack.
Hackernews clone
Pono kēlā me kēia Jedi e hana i kāna hackernews ponoʻī.
He aha kāu e aʻo ai ma ke ala:
- Pehea e launa pū ai me ka hackernews API.
- Pehea e hana ai i ka palapala noi ʻaoʻao hoʻokahi.
- Pehea e hoʻokō ai i nā hiʻohiʻona e like me ka nānā ʻana i nā manaʻo, nā manaʻo pilikino, nā profiles.
- Hoʻonohonoho i nā ala noi noi (Routing).
Tudushechka
ʻOiaʻiʻo? Tudushka? He mau tausani o lakou. Akā, manaʻoʻiʻo mai iaʻu, aia ke kumu o kēia kaulana.
He ala maikaʻi loa ka Tudu app e ʻike pono ai ʻoe i nā kumu. E ho'āʻo e kākau i hoʻokahi noi ma ka vanilla Javascript a me kekahi ma kāu ʻano punahele.
E aʻo:
- Hana i nā hana hou.
- E nānā i ka piha ʻana o nā kahua.
- Kānana i nā hana (hoʻopau, hana, a pau). Hoʻohana
filterиreduce. - E hoʻomaopopo i nā kumu o Javascript.
Hoʻokaʻawale ʻia i ka papa inoa kauo a hoʻokuʻu
He kōkua nui e hoʻomaopopo .
E aʻo kākou:
- Kauo a hoʻokuʻu i ka API
- Hana i nā UI waiwai
Klone ʻelele (pololei maoli)
E hoʻomaopopo ʻoe i ka hana ʻana o nā noi pūnaewele a me nā noi maoli, kahi e hoʻokaʻawale ai iā ʻoe mai ka nui hina.
He aha kā mākou e aʻo ai:
- Nā kumu punaewele (nā memo koke)
- Pehea e hana ai nā polokalamu ʻōiwi.
- Pehea ka hana ʻana o nā laʻana ma nā polokalamu ʻōiwi.
- Ka hoʻonohonoho ʻana i nā ala hoʻoponopono noi ma nā noi maoli.
Lunahooponopono
ʻO ke kumu o ka mea hoʻoponopono kikokikona e hōʻemi i ka hana a nā mea hoʻohana e hoʻāʻo nei e hoʻololi i kā lākou hōʻano i ka hōʻailona HTML kūpono. Hiki i ka mea hoʻoponopono kikokikona maikaʻi ke hiki i nā mea hoʻohana ke hōʻano i ka kikokikona ma nā ʻano like ʻole.
I kekahi manawa, ua hoʻohana nā mea a pau i ka hoʻoponopono kikokikona. No ke aha ʻaʻole ?
Reddit clone
he hōʻuluʻulu nūhou kaiapili, ka helu ʻikepili pūnaewele a me ka paena kūkākūkā.
Lawe ʻo Reddit i ka hapa nui o koʻu manawa, akā ke hoʻomau nei au i ke kau ʻana ma luna. ʻO ka hana ʻana i kahi clone Reddit he ala maikaʻi ia e aʻo ai i ka polokalamu (ʻoiai e nānā ana iā Reddit i ka manawa like).
Hāʻawi ʻo Reddit iā ʻoe i kahi waiwai nui. Mai haʻalele i kekahi mau hiʻohiʻona a i ʻole e hana hewa. I ka honua maoli me nā mea kūʻai aku a me nā mea kūʻai aku, ʻaʻole hiki iā ʻoe ke hana me ka haphazardly, a i ʻole e nalowale koke ʻoe i kāu hana.
E ʻike koke nā mea kūʻai akamai i ka hana maikaʻi ʻole ʻia o ka hana a loaʻa i kahi mea ʻē aʻe.
Ke hoʻopuka nei i kahi pūʻolo NPM kumu wehe
Inā kākau ʻoe i ka code Javascript, hiki paha iā ʻoe ke hoʻohana i kahi luna pūʻolo. Hāʻawi ka luna pūʻolo iā ʻoe e hoʻohana hou i ke code i kākau ʻia a paʻi ʻia e nā poʻe ʻē aʻe.
ʻO ka hoʻomaopopo ʻana i ka pōʻai hoʻomohala piha o kahi pūʻolo e hāʻawi i kahi ʻike maikaʻi loa. Nui nā mea e pono ai ʻoe e ʻike i ka wā e paʻi ana i ke code. Pono ʻoe e noʻonoʻo e pili ana i ka palekana, semantic versioning, scalability, name conventions and maintenance.
Hiki i ka pūʻolo i kekahi mea. Inā ʻaʻohe ou manaʻo, e hana i kāu Lodash ponoʻī a hoʻolaha.
Lodash:
ʻO ka loaʻa ʻana o kahi mea āu i hana ai ma ka pūnaewele ʻoi aku ka 10% ma mua o nā mea ʻē aʻe. e pili ana i nā kumu wehe a me nā pūʻolo.
FreeCodeCamp Curriculum
Ua hōʻiliʻili nui ʻo freeCodecamp .
He hui waiwai ʻole ʻo freeCodeCamp. Aia i loko o kahi kahua hoʻonaʻauao pili pūnaewele, kahi hui kaiaulu pūnaewele, lumi kamaʻilio, nā puke Medium, a me nā hui kūloko e manaʻo e hoʻomohala i ka hoʻomohala pūnaewele i hiki i nā mea a pau.
E ʻoi aku ʻoe ma mua o ke kūpono no kāu hana mua inā hiki iā ʻoe ke hoʻopau i ka papa holoʻokoʻa.
E hana i kahi kikowaena HTTP mai ka wā kahiko
ʻO ka protocol HTTP kekahi o nā protocols nui e hele ai ka ʻike ma ka Pūnaewele. Hoʻohana ʻia nā kikowaena HTTP no ka lawelawe ʻana i nā ʻike static e like me HTML, CSS, a me JS.
ʻO ka hiki ke hoʻokō i ka protocol HTTP mai ka wā ʻōpala e hoʻonui i kou ʻike e pili ana i ke ʻano o nā mea.
No ka laʻana, inā ʻoe e hoʻohana iā NodeJs, a laila ʻike ʻoe ua hāʻawi ʻo Express i kahi kikowaena HTTP.
No ka ʻike, e ʻike inā hiki iā ʻoe:
- Hoʻonohonoho i kahi kikowaena me ka hoʻohana ʻole i nā hale waihona puke
- Pono ke kikowaena e lawelawe i nā mea HTML, CSS a me JS.
- Ka hoʻokō ʻana i kahi ala ala mai ka wā kahiko
- Nānā i nā hoʻololi a hōʻano hou i ke kikowaena
Inā ʻaʻole ʻoe maopopo i ke kumu, e hoʻohana a hoʻāʻo e hana i kahi kikowaena HTTP mai ka wā kahiko.
Papahana papapihi no nā memo
Lawe mākou a pau i nā memo, ʻaʻole anei?
E hana kākou i polokalamu memo. Pono ka palapala noi e mālama i nā memo a hoʻonohonoho pū me ka waihona. E kūkulu i kahi polokalamu maoli me ka hoʻohana ʻana i ka Electron, Swift, a i ʻole nā mea āu e makemake ai a me ka mea e hana ai no kāu ʻōnaehana.
E ʻoluʻolu e hoʻohui i kēia me ka luʻi mua (mea hoʻoponopono kikokikona).
Ma ke ʻano he bonus, e hoʻāʻo e hoʻonohonoho i kāu mana papapihi me ka mana pūnaewele.
Nā Podcasts (clone overcast)
ʻO wai ka mea hoʻolohe ʻole i nā podcast?
E hana i kahi palapala noi pūnaewele me kēia mau hana:
- E hana i mooolelo
- Huli Podcasts
- E helu a kau inoa i nā podcasts
- Kū a pāʻani, hoʻololi i ka wikiwiki, hana i mua a i hope no 30 kekona.
E ho'āʻo e hoʻohana i ka iTunes API i wahi hoʻomaka. Inā ʻike ʻoe i nā kumuwaiwai ʻē aʻe, e ʻoluʻolu e hoʻouna i nā manaʻo.
Kiʻi paʻi
Aloha! Ke paʻi nei au i kaʻu pale i kēia manawa!
E hana i kahi papapihi a i ʻole polokalamu pūnaewele e hiki ai iā ʻoe ke hopu i kāu pale a mālama i ke kiʻi e like me .gif
ʻaneʻi pehea e hoʻokō ai i kēia.
Pūnaewele
Source: www.habr.com