8 hezkuntza proiektu

"Maisu batek akats gehiago egiten ditu hasiberriak saiakerak baino"

"Ondo pasatzeko" egin ditzakezun 8 proiektu-aukera eskaintzen ditugu garapen errealaren esperientzia lortzeko.

1. proiektua. Trello klona

Indrek Lasn-en Trello klona.

Zer ikasiko duzu:

• Eskaerak prozesatzeko bideen antolaketa (Routing).
• Arrastatu eta jaregin.
• Nola sortu objektu berriak (taulak, zerrendak, txartelak).
• Sarrerako datuak prozesatzea eta egiaztatzea.
• Bezeroaren aldetik: nola erabili tokiko biltegiratzea, nola gorde datuak tokiko biltegiratzean, nola irakurri tokiko biltegiratzetik.
• Zerbitzariaren aldetik: datu-baseak nola erabili, datu-basean datuak nola gorde, datu-baseko datuak nola irakurri.

Hona hemen biltegi baten adibide bat, React+Redux-en egina.

Proiektua 2. Admin panela

Github biltegia.

CRUD aplikazio sinplea, oinarriak ikasteko aproposa. Ikas dezagun:

• Erabiltzaileak sortu, erabiltzaileak kudeatu.
• Elkarreragin datu-basearekin - sortu, irakurri, editatu, ezabatu erabiltzaileak.
• Sarrerak balioztatzea eta inprimakiekin lan egitea.

3. proiektua. Cryptocurrency tracker (jatorrizko aplikazio mugikorra)

Github biltegia.

Edozer: Swift, Objective-C, React Native, Java, Kotlin.

Azter dezagun:

• Nola funtzionatzen duten jatorrizko aplikazioak.
• Nola berreskuratu datuak APItik.
• Nola funtzionatzen duten jatorrizko orriaren diseinuak.
• Simulagailu mugikorrekin nola lan egin.

Probatu API hau. Zerbait hoberik aurkitzen baduzu, idatzi iruzkinetan.

Interesatzen bazaizu, hemen duzu hemen tutorial bat.

Proiektua 4. Konfiguratu zure webpack konfigurazioa hutsetik

Teknikoki, hau ez da aplikazio bat, baina oso zeregin erabilgarria da webpack barrutik nola funtzionatzen duen ulertzeko. Orain ez da “kutxa beltza” izango, tresna ulergarria baizik.

baldintzak:

• Es7tik es5era (oinarriak) osatu.
• Konpilatu jsx js-era - edo - .vue .js-era (kargatzaileak ikasi beharko dituzu)
• Konfiguratu webpack dev zerbitzaria eta modulu beroa berriro kargatzea. (vue-cli eta create-react-app biak erabiltzen dituzte)
• Erabili Heroku, now.sh edo Github, ikasi webpack proiektuak nola zabaldu.
• Konfiguratu zure aurreprozesadore gogokoena css konpilatzeko - scss, less, stylus.
• Ikasi irudiak eta svg-ak webpack-ekin erabiltzen.

Hasiberrientzako baliabide harrigarria da.

5. proiektua. Hackernews klona

Jedi bakoitzak bere Hackernews egin behar du.

Bidean ikasiko duzuna:

• Nola interaktuatu hackernews APIarekin.
• Nola sortu orrialde bakarreko aplikazioa.
• Nola ezarri funtzioak, hala nola iruzkinak ikustea, iruzkin indibidualak, profilak.
• Eskaerak prozesatzeko bideen antolaketa (Routing).

6. proiektua. Tudushechka

TodoMVC.

Serio? Tudushka? Milaka dira. Baina sinetsi iezadazu, ospe horren arrazoi bat dago.
Tudu aplikazioa oinarriak ulertzen dituzula ziurtatzeko modu bikaina da. Saiatu aplikazio bat idazten Vanilla Javascript-en eta beste bat zure gogoko esparruan.

Ikasi:

• Sortu zeregin berriak.
• Egiaztatu eremuak beteta daudela.
• Iragazi zereginak (osatua, aktiboa, guztiak). Erabili filter и reduce.
• Javascript-en oinarriak ulertzea.

Proiektua 7. Arrastatu eta jaregin zerrenda ordenagarria

Github biltegia.

Oso lagungarria ulertzeko arrastatu eta jaregin api.

Ikas dezagun:

• Arrastatu eta jaregin APIa
• Sortu UI aberatsak

8. proiektua. Messenger klona (jatorrizko aplikazioa)

Web aplikazioek zein jatorrizko aplikazioek nola funtzionatzen duten ulertuko duzu, eta horrek masa grisetik bereiztuko zaitu.

Zer aztertuko dugu:

• Web socketak (berehalako mezuak)
• Nola funtzionatzen duten jatorrizko aplikazioak.
• Nola funtzionatzen duten txantiloiak jatorrizko aplikazioetan.
• Eskaerak prozesatzeko bideak antolatzea jatorrizko aplikazioetan.

Hau nahikoa izango da hilabete bat edo bi.

Itzulpena enpresaren laguntzarekin egin da EDISON softwareaprofesionalki arduratzen dena PHPn aplikazioak eta webguneak garatzea bezero handientzat, baita hodeiko zerbitzuak eta aplikazio mugikorren garapena Javan.

Iturria: www.habr.com