"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
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.
Proiektua 2. Admin panela
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)
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.
Interesatzen bazaizu, hemen duzu
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.
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
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
Oso lagungarria ulertzeko
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
Iturria: www.habr.com