Asa enina ho an'ny mpamorona Front-End

1. Endriky ny carte de crédit

Karazana carte de crédit mangatsiatsiaka miaraka amin'ny fifampikasohana bitika malefaka sy mahafinaritra. Ahitana fandrafetana isa, fanamarinana ary fitadiavana karazana karatra mandeha ho azy. Izy io dia miorina amin'ny Vue.js ary mamaly tanteraka ihany koa. (Hitanareo eto.)

carte de crédit-form

Inona no hianaranao:

• Manaova sy manamarina ny endrika
• Mitantana hetsika (ohatra, rehefa miova ny saha)
• Fantaro ny fomba fanehoana sy fametrahana singa eo amin'ny pejy, indrindra fa ny fampahalalana momba ny carte de crédit izay miseho eo an-tampon'ny endrika

Nadika tamin'ny fanohanan'ny EDISON Software ny lahatsoratra, izay mikarakara ny fahasalaman'ny mpandrindra sy ny sakafo maraina, ary koa mamorona rindrambaiko manokana.

2. Histograma

Ny histograma dia tabilao na grafika izay maneho angon-drakitra voasokajy miaraka amin'ny bara mahitsizoro miaraka amin'ny haavony na ny halavany mifanaraka amin'ny soatoavina asehony.

Izy ireo dia azo ampiharina mitsangana na mitsivalana. Ny tabilao mitsangana dia antsoina indraindray hoe tabilao tsipika.

Inona no hianaranao:

• Asehoy amin'ny fomba mirindra sy azo takarina ny angona
• Fanampin'izany: Ianaro ny fomba fampiasana ilay singa canvas sy ny fomba fanaovana sary singa miaraka aminy

izany afaka mahita angon-drakitra momba ny mponina eran-tany ianao. Alahatra araka ny taona izy ireo.

3. Twitter Heart Animation

Niverina tamin'ny taona 2016, nampidirin'ny Twitter ity sary mihetsika mahagaga ity ho an'ny bitsikany. Hatramin'ny taona 2019, mbola mijery ny ampahany ihany izy io, koa maninona raha mamorona iray ny tenanao?

Inona no hianaranao:

• Miasa miaraka amin'ny toetra CSS keyframes
• Manipulate sy mamelona singa HTML
• Atambatra JavaScript, HTML ary CSS

4. Fitehirizam-boky GitHub misy asa fikarohana

Tsy misy zavatra mahafinaritra eto - lisitra feno voninahitra fotsiny ny fitahirizana GitHub.
Ny tanjona dia ny hampiseho ireo tahiry ary mamela ny mpampiasa hanivana azy ireo. Ampiasao GitHub API ofisialy mba hahazoana tahiry ho an'ny mpampiasa tsirairay.

Pejy piraofilina GitHub - github.com/indreklasn

Inona no hianaranao:

• Mandraisa angona avy amin'ny API
• Asehoy ny angona avy amin'ny API
• Sivana ary asehoy ny angona mifandraika amin'ny fikarohana tsirairay
• Azo atao: Raha toa ianao ka miatrika fanamby, ampiasao API v4, namboarina tamin'ny GraphQL. Raha te hianatra GraphQL ianao dia mandehana amin'ny iray amin'ireo lahatsoratra teo aloha.

5. Resadresaka amin'ny fomba Reddit

Ny chat dia fomba fifandraisana malaza noho ny fahatsorany sy ny fampiasana azy. Inona anefa no tena mahatonga ny chat room maoderina? WebSockets!

Inona no hianaranao:

• Mampiasà WebSockets, fifandraisana amin'ny fotoana tena izy ary fanavaozana data
• Miaraha miasa amin'ny haavon'ny fidirana amin'ny mpampiasa (ohatra, ny tompon'ny fantsona chat dia manana ny anjara asany admin, sy ny hafa ao amin'ny efitrano - user)
• Manaova sy manamarina ny endrika - tadidio fa ny varavarankelin'ny chat handefasana hafatra dia input
• Mamorona ary midira amin'ny chat samihafa
• Miasa amin'ny hafatra manokana. Afaka mifampiresaka manokana amin'ny mpampiasa hafa ny mpampiasa. Amin'ny ankapobeny dia hanangana fifandraisana WebSocket eo amin'ny mpampiasa roa ianao.

6. Fikarohana amin'ny fomba stripe

Ny mampiavaka ity fitetezana ity dia ny fiovan'ny kaontenera popover hifanaraka amin'ny atiny. Misy ny hakantony amin'ity tetezamita ity raha oharina amin'ny fihetsika mahazatra amin'ny fanokafana sy fanakatonana popover vaovao.

Inona no hianaranao:

• Manambatra ny sary mihetsika CSS miaraka amin'ny fifindrana
• Aforeto ny atiny ary ampiharo ny kilasy mavitrika amin'ny singa mitsingevana

Andramo aloha ny tenanao, fa raha mila fanampiana ianao dia jereo ity torolalana tsikelikely.

Source: www.habr.com