1. Fa'amatalaga clone
O le talosaga Notion e alofagia e le toʻatele; e faʻatagaina oe e faʻamalieina lau galuega, galue ma pepa, faʻatulagaina galuega, ma faʻamaopoopo faʻamaumauga i le va o masini.
O mea o le a e aʻoaʻoina e ala i le fatuina o se Notion clone:
- . E mafai e le tagata fa'aoga ona "pu'e i le isumu" toso elemene ma tuu i totonu mafai ona pa'u sone.
- Fa'afefea ona fa'amaopoopo fa'amaumauga i le taimi moni i le va o lau komepiuta ma le telefoni.
- Matou te faʻatagaina tagata faʻaoga e fatuina, faitau, faʻafouina ma tape faʻamaumauga, ma faʻaaʻoaʻoina tomai CRUD.
O le tusiga na faaliliuina ma le lagolago a le EDISON Software, lea , faapea foi ma .
2. Repl.it clone
Repl.it o se mea faigaluega mo le taimi moni e galulue faʻatasi tulafono faʻatonutonu. E mafai ona e filifilia le tele o gagana: JavaScript, Python, Alu ma fa'agasolo sa'o le code i le su'esu'ega. E aoga tele mo faʻataʻitaʻiga vave ma faʻatalanoaga code.
O mea o le a e aʻoaʻoina e ala i le fatuina o se Repl.it clone:
- E faʻafefea ona faʻagasolo ma faʻatino le code (itulau-server) i le suʻega (tagata faʻatau).
- Faitau fa'amatalaga fa'aoga (code code) ma fa'aali le taunu'uga o le fa'atinoga.
- Fa'afefea ona fai faila ma faila i luga o le upega tafailagi ma fa'asaoina i'uga.
- Faʻafefea ona faʻamaonia le code syntax.
3. Google Photos Clone
Google Photos o se tautua mo le teuina ma le fa'asoaina o ata.
Soʻo se faʻaoga ata faʻaonaponei e mafai ona faʻatino galuega faʻavae: faʻapipiʻi, selesele, ma isi. E manaʻo tagata e fai a latou lava avatars ma faʻasoa ata o pusi, o lea e tatau ai ona e galue ma ata.
O mea e te aʻoaʻoina e ala i le fatuina o se Google Photos clone:
- E faʻafefea ona fatuina ata tali i luga o telefoni, laupepa, komepiuta feaveaʻi ma e oʻo lava i lau tele TV.
- E fa'afefea ona fa'atautaia ata lafoia, ae maise ata tetele (>1MB) ma fa'apipi'i tele.
- Fa'agasolo faila ata, fa'ato'a ma toe fa'atupu ata mo ata po'o le taimi e tatala ai se fa'ailoga.
- Ponesi: auala e teu ai ata i le ao poʻo faʻamaumauga faʻapitonuʻu.
4. Gifsky clone
liliu le vitio i le GIF e faaaoga ai galuega mo palette felavasa'i felavasa'i lelei ma fa'aliasing fa'aletino. O le taunuuga o se GIF ma le faitau afe o fugalaau i le faavaa.
O mea o le a e aʻoaʻoina e ala i le fatuina o se Gifski clone:
- Fa'afefea ona fa'aliliu faila vitio (.mp4 i le .gif).
- Fa'afefea ona fa'aoga le Drag and Drop HTML API.
- E fa'afefea ona fa'aogaina ata ma fa'agaioiga.
Manatua: ma o loʻo i luga ole GitHub!
5. Mata'ituina fua faatatau o tupe
React Native cryptocurrency tracker
O mea o le a e aʻoaʻoina e ala i le fatuina o se suʻega tau tupe:
- Fa'afefea ona galue ma le API ma maua fa'amatalaga mamao mai le API.
- Fa'afefea ona fa'aalia fa'amatalaga o se lisi.
- Ponesi: Afai e te fiafia, na ou tusi talu ai nei mo cryptocurrency ma React Native.
Manatua: iinei .
Filifiliga o galuega faatino mai lomiga muamua.
laumanifi
Layer o se faʻalapotopotoga e mafai ai e tagata uma ona tusi se pika i luga o se "papa" faʻasoa. O le uluai manatu na fanau mai i Reddit. O le r/Layer community o se fa'ata'ita'iga mo le fa'asoa fa'asoa, e mafai e tagata uma ona avea ma foafoa ma saofagā i se fa'amoemoe masani.
O mea o le a e aʻoaʻoina pe a fatuina lau lava Layer project:
- Auala e galue ai le tapoleni JavaScript O le iloa o le fa'aogaina o se tapoleni ose tomai taua i le tele o talosaga.
- Fa'afefea ona fa'amaopoopo fa'atagaga a tagata fa'aoga. E mafai e tagata ta'ito'atasi ona tusi se pika se tasi i le 15 minute e aunoa ma le saini.
- Fausia sauniga kuki.
Squoosh
Squoosh o se faʻaoga faʻapipiʻi ata ma le tele o filifiliga sili atu.
GIF 20 MB
I le fatuina o lau oe lava lomiga o Squoosh o le ae aʻoaʻoina:
- Auala e galue ai i le tele o ata
- A'oa'o fa'avae o le Drag'n'Drop API
- Malamalama pe fa'afefea ona galue le API ma le au fa'alogo
- Fa'afefea ona tu'u ma fa'aulu atu faila
Manatua: O le compressor ata e fa'apitonu'u. E le manaʻomia le tuʻuina atu o faʻamatalaga faaopoopo i le server. E mafai ona e maua le compressor i le fale, pe mafai ona e faʻaogaina i luga o se server, lau filifiliga.
Calculator
Sau loa? Mata'utia? Calculator? Ioe, sa'o, o se calculator. O le malamalama i fa'avae o fa'agaioiga o le numera ma le auala latou te galulue fa'atasi ai ose tomai taua tele mo le fa'afaigofieina o au talosaga. Ise taimi mulimuli ane e tatau ona e feagai ma numera ma o le vave o le lelei.
I le fatuina o lau lava calculator o le a e aʻoaʻoina ai:
- Galulue i numera ma fa'agaioiga o le numera
- Fa'ata'ita'i ma tagata fa'alogo API
- Faʻafefea ona faʻatulagaina elemene, malamalama i sitaili
Crawler (Masini su'esu'e)
Ua fa'aogaina e tagata uma se masini su'esu'e, aisea la e le faia ai sau oe lava? E manaʻomia tagata fetolofi e suʻe faʻamatalaga. E faʻaaogaina e tagata uma i aso uma ma o le manaʻoga mo lenei tekonolosi ma tagata tomai faapitoa o le a faʻatupulaia i le taimi.
Google su'esu'e afi
O mea o le a e aʻoaʻoina e ala i le fatuina o lau lava masini suʻesuʻe:
- Fa'afefea e fetolofi
- E fa'afefea ona fa'asino i nofoaga ma fa'afefea ona fa'avasega i latou e ala i le fa'avasega ma le ta'uleleia
- Fa'afefea ona teu fa'asinomaga nofoaga i totonu o fa'amaumauga ma fa'afefea ona galulue fa'atasi ma fa'amaumauga
Mea fai musika (Spotify, Apple Music)
E fa'alogologo tagata uma i musika - ua na'o se vaega taua o o tatou olaga. Se'i o tatou faia se mea fai musika e malamalama atili ai pe fa'afefea ona galue le masini fa'aonaponei o se fa'aonaponei fa'aonaponei fa'asalalauina.
Spotify
O mea o le a e aʻoaʻoina e ala i le fatuina o lau lava faʻasalalauga musika:
- Auala e galue ai ma le API. fa'aoga API mai Spotify po'o Apple Music
- E fa'afefea ona ta'alo, taofi pe toe fa'afo'i i le isi/ala muamua
- Auala e sui ai le leo
- E fa'afefea ona fa'atautaia le fa'aogaina o tagata fa'aoga ma tala fa'asolopito
Su'esu'e ata tifaga e fa'aaoga ai le React (ma matau)
O le mea muamua e mafai ona e amata i ai o le fatuina o se ata tifaga suʻesuʻe app e faʻaaoga ai le React. Lalo o se ata o le a foliga mai o le talosaga mulimuli:
O le a le mea o le a e aʻoaʻoina
E ala i le fausiaina o lenei app, e te faʻaleleia atili ai ou tomai React e ala i le faʻaogaina o le API fou Hooks. O le faʻataʻitaʻiga o le poloketi e faʻaaogaina vaega React, tele o matau, API fafo, ma o le mea moni o nisi CSS styling.
Tekinolosi faaputuga ma foliga
- Tali atu i matau
- faia-react-app
- JSX
- CSS
A aunoa ma le faʻaaogaina o soʻo se vasega, o nei poloketi e tuʻuina atu ia te oe le tulaga atoatoa e ulufale ai i le React galue ma o le a mautinoa lava e fesoasoani ia te oe i le 2020. e mafai ona e mauaina . Mulimuli i faatonuga pe fai sau oe lava.
Talatala App ma Vue
O le isi poloketi sili mo oe e fai o le fatuina lea o se talatalanoaga e faʻaaoga ai laʻu faletusi JavaScript e sili ona ou fiafia i ai: VueJS. O le talosaga o le a foliga pei o lenei:
O le a le mea o le a e aʻoaʻoina
I totonu o lenei aʻoaʻoga, o le a e aʻoaʻoina ai pe faʻapefea ona fai se Vue app mai le maoaʻe - fatuina o vaega, faʻatautaia tulaga, fatuina o auala, fesoʻotaʻi atu i isi vaega, ma e oʻo lava i le taulimaina o faʻamaoniga.
Tekinolosi faaputuga ma foliga
- Vaʻai
- vuex
- Vue Router
- CLI vaʻai
- Pusher
- CSS
Ose galuega lelei tele lea e amata ai i le Vue pe fa'aleleia ou tomai o iai nei e o'o atu ai ile atina'e ile 2020. e mafai ona e mauaina .
Manaia le tau app ma le Angular 8
O lenei faʻataʻitaʻiga o le a fesoasoani ia te oe e fatuina se ata matagofie o le tau e faʻaaoga ai le Angular 8:
O le a le mea o le a e aʻoaʻoina
O lenei poloketi o le a aʻoaʻoina ai oe i tomai taua i le fausiaina o tusi talosaga mai le amataga - mai le mamanu e oʻo atu i le atinaʻe, o le auala atoa i le faʻapipiʻiina-sauni.
Tekinolosi faaputuga ma foliga
- Tulimanu 8
- Falepuipui
- Fa'asinomaga itu o le server
- CSS ma Grid ma Flexbox
- Feavea'i faauo ma fetuutuunai
- Faiga pogisa
- Matagofie fa'aoga
O le mea e sili ona ou fiafia i ai i lenei galuega fa'akomepiuta uma o lou le su'esu'eina na o mea. Ae, e te aʻoaʻoina le faagasologa atoa o le atinaʻe, mai le mamanu i le faʻatulagaina mulimuli.
To-Do talosaga e faʻaaoga ai Svelte
Svelte e pei o le tamaititi fou i luga o le vaega faʻavae - e tutusa ma React, Vue ma Angular. Ma o se tasi lea o oloa sili ona manaia mo le 2020.
To-Do apps e le o se autu sili ona manaia, ae o le a fesoasoani tele ia te oe e faʻaleleia ou tomai Svelte. O le a pei o lenei:
O le a le mea o le a e aʻoaʻoina
O lenei aʻoaʻoga o le a faʻaali atu ia te oe le auala e fai ai se talosaga e faʻaaoga ai le Svelte 3, mai le amataga seia maeʻa. E te fa'aogaina vaega, sitaili, ma fa'atonu mea
Tekinolosi faaputuga ma foliga
- Svelte 3
- Vaega
- Styling ma CSS
- ES 6 fa'asologa
E le tele ni poloketi amata Svelte lelei, o lea na ou maua ai .
E-fefa'ataua'iga polokalama fa'aoga Next.js
Next.js o le ta'iala sili ona ta'uta'ua mo le fausiaina o talosaga React e lagolagoina le tu'uina atu o le itu-aumau mai le pusa.
O lenei poloketi o le a faʻaali atu ia te oe pe faʻapefea ona fatuina se talosaga e-pisinisi e pei o lenei:
O le a le mea o le a e aʻoaʻoina
I lenei poloketi, o le a e aʻoaʻo ai pe faʻapefea ona atiaʻe ma Next.js—fausia itulau fou ma vaega, faʻapipiʻi faʻamaumauga, ma sitaili ma faʻapipiʻi se isi talosaga.
Tekinolosi faaputuga ma foliga
- Sosoo ai.js
- Vaega ma Itulau
- Fa'ata'ita'iga o fa'amaumauga
- Faʻaaogaina
- Poloketi Fa'atino
- SSR ma SPA
E manaia i taimi uma le i ai o se fa'ata'ita'iga moni i le lalolagi e pei o se e-commerce app e a'oa'o ai se mea fou. E te mafaia .
Blog e tele gagana ma Nuxt.js
Nuxt.js e mo Vue, o le a le Next.js mo React: o se faʻavaa sili mo le tuʻufaʻatasia o le mana o le tuʻuina atu o le itu-aumau ma talosaga e tasi-itulau.
O le talosaga mulimuli e mafai ona e fatuina e pei o lenei:
O le a le mea o le a e aʻoaʻoina
I lenei fa'ata'ita'iga poloketi, o le a e a'oa'o ai pe fa'apefea ona fai se upegatafa'ilagi atoa e fa'aaoga ai Nuxt.js, mai le fa'atulagaina muamua e o'o i le fa'atulagaina mulimuli.
E fa'aogaina ai le tele o foliga matagofie o lo'o ofoina atu e Nuxt, e pei o itulau ma vaega, ma le fa'ailogaina o le SCSS.
Tekinolosi faaputuga ma foliga
- Nuxt.js
- Vaega ma Itulau
- Tala poloka poloka
- Hagfish
- Vuex mo pulega a le setete
- SCSS mo le faiga
- Nuxt middlewares
, lea e aofia ai le tele o mea sili Nuxt.js. Ou te fiafia lava e galulue faatasi ma Nuxt o lea e tatau ai ona e faʻataʻitaʻi aua o le a avea ai foi oe ma se atinaʻe Vue sili.
Blog ma Gatsby
O le Gatsby ose fa'ato'aga fa'aola lelei tele e fa'aaoga ai le React ma le GraphQL. O le taunuuga lea o le poloketi:
O le a le mea o le a e aʻoaʻoina
I lenei aʻoaʻoga, o le a e aʻoaʻoina ai le faʻaogaina o Gatsby e fai ai se blog e te faʻaaogaina e tusi ai au lava tala e faʻaaoga ai le React ma le GraphQL.
Tekinolosi faaputuga ma foliga
- Gatsby
- tali
- GraphQL
- Plugins ma autu
- MDX/Fa'ailo
- Bootstrap CSS
- Mamanu
Afai na e mana'o e amata se blog, i le auala e faʻaogaina ai le React ma le GraphQL.
Ou te le o fai atu o le WordPress o se filifiliga leaga, ae o Gatsby e mafai ona e fausia ni upega tafaʻilagi maualuga e faʻaaoga ai le React - o se tuufaatasiga ofoofogia.
Blog ma Gridsome
Gridsome mo Vue... Ua lelei, ua uma ona tatou maua lenei mea i le Next/Nuxt.
Ae e tutusa lava mo Gridsome ma Gatsby. E fa'aoga uma le GraphQL e fai ma latou fa'amaumauga, ae fa'aaoga e Gridsome VueJS. Ole mea fo'i lea ose fa'atupu fa'amautu fa'amautu lea o le a fesoasoani ia te oe e fatuina ni blogs sili:
O le a le mea o le a e aʻoaʻoina
O lenei poloketi o le a aʻoaʻoina oe pe faʻapefea ona fatuina se blog faigofie e amata ai Gridsome, GraphQL ma Markdown. E aofia ai foʻi le faʻaogaina o se talosaga e ala i Netlify.
Tekinolosi faaputuga ma foliga
- Mata'utia
- Vaʻai
- GraphQL
- Markdown
- Faʻailoa
E mautinoa lava e le o se aʻoaʻoga sili ona atoatoa, ae e aofia ai mataupu faavae o Gridsome ma .
SoundCloud-pei-pei leo fa'aoga le Quasar
Quasar o le isi Vue faʻavae e mafai ona faʻaogaina e fai ai talosaga feaveaʻi. I totonu o lenei poloketi o le ae fatuina se mea faʻalogo leo, mo se faʻataʻitaʻiga:
O le a le mea o le a e aʻoaʻoina
E ui o isi poloketi e taulaʻi tele i luga o upega tafaʻilagi, o le a faʻaali atu ia te oe le auala e fai ai se telefoni feaveaʻi e faʻaaoga ai le Vue ma le Quasar framework.
E tatau ona e faʻaogaina Cordova faʻatasi ma le Android Studio/Xcode configured. Afai e leai, o le tusi lesona o loʻo i ai se fesoʻotaʻiga i le upega tafaʻilagi a Quasar lea latou te faʻaali atu ia te oe le faʻatulagaina o mea uma.
Tekinolosi faaputuga ma foliga
- quasar
- Vaʻai
- Cordova
- WaveSurfer
- Vaega UI
, faʻaalia le gafatia o Quasar mo le fatuina o talosaga feaveaʻi.
Fa'ailoga pepa aitalafu
Ose fa'ailoga mata'utia kata fai aitalafu ma fa'alelei ma malie fa'atasiga laiti. E aofia ai le fa'avasegaina o numera, fa'amaoniga ma le su'esu'eina o le ituaiga kata fa'atotonu. O lo'o fausia i luga o le Vue.js ma e tali atoatoa fo'i. (E mafai ona e vaʻai .)
O mea o le a e aʻoaʻoina:
- Fa'agasolo ma fa'amaonia pepa
- Taulima mea tutupu (mo se faʻataʻitaʻiga, pe a suia fanua)
- Malamalama pe faʻapefea ona faʻaalia ma tuʻu elemene i luga o le itulau, aemaise lava faʻamatalaga pepa aitalafu o loʻo faʻaalia i luga o le fomu
kalafi kalafi
O le histogram o se siata poʻo se kalafi o loʻo faʻatusalia faʻamaumauga faʻapitoa ma faʻamau faʻataʻifaʻatasi ma maualuga poʻo umi e faʻatatau i tau o loʻo faʻatusalia.
E mafai ona faʻaoga i luga pe faʻalava. O le siata fa'amau i luga e ta'ua i nisi taimi o le siata laina.
O mea o le a e aʻoaʻoina:
- Fa'aali fa'amatalaga i se auala fa'atulagaina ma malamalama
- Fa'aopoopo: Aoao pe fa'apefea ona fa'aoga le elemene
canvasma le auala e tusi ai elemene i ai
e mafai ona e mauaina faʻamaumauga o le faitau aofaʻi o le lalolagi. E fa'avasega i tausaga.
Twitter Heart Animation
I tua i le 2016, na faʻaalia ai e Twitter lenei faʻafiafiaga ofoofogia mo ana tweets. E oʻo mai i le 2019, o loʻo foliga mai o le vaega, aisea la e te le faia ai oe lava ia?
O mea o le a e aʻoaʻoina:
- Galulue ma le uiga CSS
keyframes - Fa'atonu ma fa'aola elemene HTML
- Faʻatasi le JavaScript, HTML ma CSS
Su'e GitHub faleteuoloa
E leai se mea manaia iinei-GitHub repository ua na o se lisi mamalu.
O le sini o le faʻaalia o fale teu oloa ma faʻatagaina le tagata faʻaoga e faʻamama ai. Fa'aoga e maua ai faleoloa mo tagata faʻaoga taʻitasi.
GitHub itulau fa'amatalaga -
O mea o le a e aʻoaʻoina:
- Maua faʻamatalaga mai le API
- Fa'aali fa'amatalaga mai le API
- Filifili ma fa'aali fa'amatalaga talafeagai mo su'esu'ega ta'itasi
- Filifili: Afai e te sauni mo se luʻitau, faʻaaoga , fausia e fa'aaoga ai le GraphQL. .
Reddit faiga talatalanoaga
O talatalanoaga o se auala lauiloa o fesoʻotaʻiga ona o le faigofie ma le faʻaogaina. Ae o le a le mea moni e faʻamalosia ai potu talatalanoa faʻaonaponei? WebSockets!
O mea o le a e aʻoaʻoina:
- Fa'aaoga WebSockets, feso'ota'iga fa'a-taimi ma fa'amatalaga fa'amaumauga
- Galulue faʻatasi ma tulaga faʻaoga avanoa (mo se faʻataʻitaʻiga, e iai le matafaioi a lē e ona le auala talatalanoaga
admin, ma isi i totonu o le potu -user) - Fa'agasolo ma fa'amaonia pepa - manatua, o le fa'amalama talatalanoaga mo le lafoina o se fe'au o le
input - Fausia ma auai i talatalanoaga eseese
- Galue ma savali patino. E mafai e tagata fa'aoga ona talatalanoa fa'atasi ma isi tagata fa'aoga. O le mea moni, o le ae faʻatuina se fesoʻotaʻiga WebSocket i le va o tagata e toʻalua.
Fa'asagaga sitaili
O le a le tulaga e tulaga ese ai lenei folauga ona o le pusa popover e suia ina ia fetaui ma mea o loʻo i totonu. O lo'o i ai se lalelei i lenei suiga pe a fa'atusatusa i amioga masani o le tatalaina ma le tapunia o se popover fou.
O mea o le a e aʻoaʻoina:
- Fa'atasia fa'afiafiaga CSS ma suiga
- Fa'agogo le anotusi ma fa'aoga le vasega malosi i le elemene fa'afefe
Pacman
Fausia lau oe lava faʻamatalaga o Pacman. O se auala sili lea e maua ai se manatu i le auala e atiaʻe ai taʻaloga ma malamalama i faʻavae. Fa'aoga se fa'avae JavaScript, React po'o Vue.
Oe o le a aʻoaʻo:
- E faapefea ona gaoioi elemene
- E fa'afefea ona iloa po o fea ki e oomi
- Auala e iloa ai le taimi o le faʻalavelave
- E mafai ona e alu atili ma fa'aopoopo le fa'atonuga o gaioi
O le ae mauaina se faʻataʻitaʻiga o lenei poloketi GitHub
pulega fa'aoga
Проект GitHub
O le fatuina o se talosaga ituaiga CRUD mo le pulega faʻaoga o le a aʻoaʻoina oe i faʻavae o le atinaʻe. E aoga tele lenei mea mo tagata atinaʻe fou.
Oe o le a aʻoaʻo:
- O le a le auala
- E fa'afefea ona fa'aogaina pepa fa'atumu fa'amaumauga ma siaki mea na tu'uina e le tagata fa'aoga
- Fa'afefea ona galue ma le database - fatuina, faitau, fa'afouina ma tape gaioiga
Siaki le tau i lou nofoaga
Проект GitHub
Afai e te manaʻo e fai ni polokalame, amata i se polokalame tau. E mafai ona faʻamaeʻaina lenei poloketi e faʻaaoga ai le Swift.
I le faaopoopo atu i le mauaina o le poto masani i le fausiaina o se talosaga, o le ae aʻoaʻoina:
- Auala e galue ai ma le API
- Faʻafefea ona faʻaoga geolocation
- Fa'aola lau tusi talosaga e ala i le fa'aopoopoina o tusitusiga. I totonu, o le a mafai e tagata faʻaoga ona ulufale i lo latou nofoaga e siaki ai le tau i se nofoaga patino.
E te manaʻomia se API. Ina ia maua fa'amatalaga tau, fa'aoga le OpenWeather API. Fa'amatalaga atili e uiga i le OpenWeather API.
Fa'amalama talatalanoaga
O la'u faamalama talatalanoaga i le gaioiga, tatala i ni laupepa e lua
O le fatuina o se faamalama talatalanoaga o le auala sili lea e amata ai i sockets. Ole filifiliga ole tech stack e tele. Node.js, mo se faʻataʻitaʻiga, e atoatoa.
O le a e aʻoaʻoina pe faʻafefea ona galue sockets ma faʻapefea ona faʻatinoina. O le aoga tele lea o lenei poloketi.
Afai o oe o se Laravel developer e manaʻo e galue i sockets, faitau laʻu
GitLab CI
Afai e te fou ile fa'aauauina fa'atasi (CI), ta'alo fa'atasi ma GitLab CI. Seti ni nai si'osi'omaga ma taumafai e fai ni su'ega se lua. E le o se galuega faigata tele, ae ou te mautinoa o le a tele mea e te aoaoina mai ai. Ole tele ole au atina'e o lo'o fa'aogaina nei le CI. O le iloaina o le faʻaaogaina e aoga.
Oe o le a aʻoaʻo:
- O le a le GitLab CI
- Auala e configure
.gitlab-ci.ymllea e taʻu atu i le tagata GitLab le mea e fai - Fa'afefea ona fa'apipi'i i isi si'osi'omaga
Su'e upegatafa'ilagi
Faia se va'aiga e su'esu'e ai fa'auiga o upegatafa'ilagi ma fa'atupuina a latou fa'ailoga. Mo se faʻataʻitaʻiga, e mafai ona e siaki pe o misi alt tags i ata. Pe siaki pe iai le itulau SEO meta tags. E mafai ona faia se va'aiga e aunoa ma se fa'aoga fa'aoga.
Oe o le a aʻoaʻo:
- E fa'afefea ona galue le scraper?
- Fa'afefea ona fai filifiliga DOM
- Faʻafefea ona tusia se algorithm
- Afai e te le mana'o e tu iina, fai se fa'aoga fa'aoga. E mafai foi ona e fatuina se lipoti i luga o upega tafaʻilagi taʻitasi e te siakiina.
Su'eina lagona i luga o feso'ota'iga lautele
O le su'esu'eina o lagona i luga o fa'asalalauga fa'aagafesootai o se auala sili lea e fa'afeiloa'i ai i masini a'oa'oga.
E mafai ona e amata ile su'esu'eina na'o le tasi feso'ota'iga lautele. E masani ona amata tagata uma ile Twitter.
Afai ua iai sau poto masani ile a'oa'oina o masini, taumafai e aoina fa'amaumauga mai feso'ota'iga lautele eseese ma tu'ufa'atasia.
Oe o le a aʻoaʻo:
- O le a le aʻoaʻoga masini
Trello clone
O mea o le a e aʻoaʻoina:
- Fa'atulagaina o auala e fa'agasolo ai talosaga (Fa'auala).
- Toso ma faapau.
- Fa'afefea ona fai ni mea fou (papa, lisi, kata).
- Fa'agaioiina ma le siakiina o fa'amaumauga tu'ufa'atasi.
- Mai le itu o le kalani: faʻafefea ona faʻaogaina le teuina i le lotoifale, faʻafefea ona faʻasaoina faʻamaumauga i le teuina i le lotoifale, faʻafefea ona faitau faʻamatalaga mai le teuina i le lotoifale.
- Mai le itu o le server: faʻafefea ona faʻaogaina faʻamaumauga, faʻafefea ona faʻasaoina faʻamaumauga i totonu o faʻamaumauga, faʻafefea ona faitau faʻamatalaga mai le database.
, faia i le React+Redux.
Pule laulau
O se talosaga faigofie CRUD, lelei mo le aʻoaʻoina o faʻavae. Sei o tatou aoao:
- Fausia tagata faʻaoga, pulea tagata faʻaoga.
- Fegalegaleai ma le database - fatuina, faitau, faʻasaʻo, tape tagata faʻaoga.
- Fa'amaonia fa'amatalaga ma galue ma fomu.
Cryptocurrency tracker (polokalame feavea'i masani)
Soo se mea lava: Swift, Objective-C, React Native, Java, Kotlin.
Tatou su'esu'e:
- E fa'afefea ona fa'aogaina talosaga fa'aletino.
- Fa'afefea ona toe aumai fa'amatalaga mai le API.
- E fa'afefea ona fa'aogaina itulau fa'apitoa.
- Auala e galue ai ma masini feaveaʻi.
. Afai e te mauaina se mea e sili atu, tusi i faʻamatalaga.
Afai e te fiafia, o lea .
Seti lau lava upegatafa'ilagi config mai le amataga
I le tulaga faʻapitoa, e le o se talosaga, ae o se galuega aoga tele e malamalama ai pe faʻafefea ona galue le webpack mai totonu. O le taimi nei e le o se "pusa uliuli", ae o se meafaigaluega malamalama.
Manaoga:
- Fa'aopoopo le es7 i le es5 (fa'avae).
- Fa'aopoopo le jsx i le js - po'o le - .vue i le .js (e tatau ona e a'oa'oina i uta)
- Seti le webpack dev server ma le vevela module reloading. (vue-cli ma create-react-app faʻaaoga uma)
- Fa'aaoga Heroku, now.sh po'o Github, a'oa'o pe fa'afefea ona fa'apipi'i poloketi webpack.
- Seti lau mea e te fiafia i ai muamua e faʻapipiʻi css - scss, itiiti, stylus.
- A'oa'o le fa'aogaina o ata ma svgs ile webpack.
Hackernews clone
E manaʻomia uma Jedi e fai lana lava Hackernews.
O mea o le a e aʻoaʻoina i le ala:
- Auala e fegalegaleai ai ma hackernews API.
- Auala e fai ai se talosaga itulau e tasi.
- Fa'afefea ona fa'atino vaega e pei o le va'aiga fa'amatalaga, fa'amatalaga ta'ito'atasi, fa'amatalaga.
- Fa'atulagaina o auala e fa'agasolo ai talosaga (Fa'auala).
Tudushechka
Mata'utia? Tudushka? E faitau afe i latou. Ae talitonu mai ia te aʻu, o loʻo i ai se mafuaaga mo lenei lauiloa.
O le Tudu app o se auala lelei e faʻamautinoa ai e te malamalama i faʻavae. Taumafai e tusi se talosaga se tasi i le vanilla Javascript ma le tasi i lau auivi e sili ona e fiafia i ai.
Aoao:
- Fausia ni galuega fou.
- Siaki pe o fa'atumu ia fanua.
- Filifili galuega (fa'amae'a, toaga, uma). Fa'aoga
filterиreduce. - Malamalama i faʻavae o Javascript.
Fa'avasegaina toso ma fa'a'u'u lisi
E fesoasoani tele e malamalama ai .
Sei o tatou aoao:
- Toso ma lafo API
- Fausia UI mauoa
Clone avefe'au (polokalame masani)
O le ae malamalama pe faʻafefea ona faʻaogaina uma talosaga i luga o le upega tafaʻilagi ma talosaga faʻale-aganuʻu, lea o le a tuʻu ese ai oe mai le lanu efuefu.
O mea o le a tatou suʻesuʻeina:
- Sockets (fe'au vave)
- E fa'afefea ona fa'aogaina talosaga fa'aletino.
- E fa'afefea ona galue fa'ata'ita'iga i fa'aoga masani.
- Fa'atulagaina o auala e fa'agasolo ai talosaga i fa'aoga masani.
Tusitusiga faatonu
O le fa'amoemoega o se fa'atonu tusitusiga o le fa'aitiitia lea o taumafaiga a tagata fa'aoga e taumafai e fa'aliliu a latou fa'asologa i le fa'ailoga HTML aoga. O se tusitala tusitusi lelei e mafai ai e tagata faʻaoga ona faʻapipiʻi tusitusiga i auala eseese.
I se taimi, ua faʻaaogaina e tagata uma se faʻatonu tusitusiga. Aisea la e le mafai ai ?
Reddit clone
ose tala fa'aagafesootai fa'atasiga, fa'avasegaina o mea i luga ole laiga ma le 'upega tafa'ilagi.
Reddit e faʻaalu le tele o loʻu taimi, ae o loʻo faʻaauau pea ona ou nofo i luga. Fausia se Reddit clone o se auala aoga e aʻoaʻo ai polokalame (aʻo suʻesuʻeina Reddit i le taimi e tasi).
Reddit e tuʻuina atu ia te oe se tamaoaiga tele. Aua le tu'u ese so'o se vaega po'o le faia fua o mea. I le lalolagi moni ma tagata faʻatau ma tagata faʻatau, e le mafai ona e galue faʻafuaseʻi, pe o le a vave ona leiloa lau galuega.
O le a vave ona iloa e tagata popoto e leaga le galuega ma o le a latou maua se isi.
Fa'asalalauina se fa'apogai fa'apogai matala NPM
Afai e te tusia le Javascript code, atonu e te faʻaaogaina se pule o pusa. Ole pule ole pusa e fa'atagaina oe e toe fa'aogaina le code o lo'o iai na tusia ma fa'asalalau e isi tagata.
O le malamalama i le taamilosaga atoa o le atinaʻeina o se afifi o le a maua ai se poto masani lelei. E tele mea e tatau ona e iloa pe a lolomiina code. E tatau ona e mafaufau e uiga i le saogalemu, semantic versioning, scalability, faʻaigoaina faʻasalalauga ma le tausiga.
O le afifi e mafai ona avea ma soʻo se mea. Afai e leai sou manatu, fai sau lava Lodash ma lolomi.
Lodash:
O le iai o se mea na e faia i luga ole laiga e tu'u ai oe i le 10% i luga atu o isi. e uiga i punaoa tatala ma afifi.
freeCodeCamp Curriculum
freeCodecamp ua aoina tele .
freeCodeCamp ose fa'alapotopotoga e leai ni tupe mama. O lo'o i ai se feso'ota'iga fa'avae a'oa'oga i luga o le upega tafa'ilagi, se fa'asalalauga i luga o le initaneti, potu talatalanoaga, fa'asalalauga Medium, ma fa'alapotopotoga fa'apitonu'u o lo'o fa'amoemoe e fa'aogaina le atina'eina o a'oa'oga i luga ole laiga i tagata uma.
O le a sili atu lou agavaa mo lau galuega muamua pe afai e te fa'amae'aina le vasega atoa.
Fausia se HTTP server mai le sasa
O le HTTP protocol o se tasi lea o faʻatonuga autu e faʻaogaina ai mea i luga ole Initaneti. O lo'o fa'aogaina 'au'aunaga HTTP e tautuaina mea fa'apitoa e pei ole HTML, CSS, ma le JS.
O le mafai ona faʻatinoina le HTTP protocol mai le amataga o le a faʻalauteleina ai lou malamalama i le auala e fegalegaleai ai mea.
Mo se faʻataʻitaʻiga, afai e te faʻaogaina NodeJs, ona e iloa lea o le Express e maua ai se HTTP server.
Mo faʻamatalaga, vaʻai pe mafai ona e:
- Seti se server e aunoa ma le fa'aogaina o ni faletusi
- E tatau i le 'au'aunaga ona tautua HTML, CSS ma le JS anotusi.
- Fa'atinoina o se router mai le amataga
- Mataʻituina suiga ma faʻafouina le server
Afai e te le iloa pe aisea, faʻaaoga ma taumafai e fatu se server HTTP mai le sasa.
Desktop app mo fa'amatalaga
Tatou te tusia uma ni faamaumauga, a ea?
Se'i o tatou faia se tusi talosaga. O le talosaga e manaʻomia e teu faʻamatalaga ma faʻamaopoopoina i latou ma le database. Fausia se faʻaoga masani e faʻaaoga ai le Electron, Swift, poʻo soʻo se mea e te manaʻo ai ma mea e aoga mo lau masini.
Lagona le saoloto e tuʻufaʻatasia lenei mea ma le luʻitau muamua (faʻatonu tusitusiga).
E fai ma ponesi, taumafai e fa'amaopoopo lau fa'apolokalame fa'atasi ma le 'upega tafa'ilagi.
Podcasts (clone ova)
O ai e le fa'alogo i podcasts?
Fausia se 'upega tafaʻilagi faʻatasi ma galuega faʻatino nei:
- Fausia se tala
- Su'e Podcasts
- Fa'ailoga ma lesitala i podcasts
- Taofi ma taʻalo, sui le saoasaoa, agaʻi i luma ma tua mo le 30 sekone.
Taumafai e fa'aoga le iTunes API e fai ma amataga. Afai e te iloa nisi punaoa, faʻamolemole lafo i faʻamatalaga.
Pu'e mata
Talofa! O lo'o ou pu'eina la'u lau i le taimi nei!
Fausia se komepiuta po'o se upega tafa'ilagi e mafai ai ona e pu'e lau lau ma teu le kilipa e pei .gif
iinei auala e ausia ai lenei.
Punaoa
puna: www.habr.com