8 koulutusprojektia

"Mestari tekee enemmän virheitä kuin aloittelija yrittää"

Tarjoamme 8 projektivaihtoehtoa, jotka voidaan tehdä "hupikseen" todellisen kehityskokemuksen saamiseksi.

Projekti 1. Trello-klooni

Trello-klooni Indrek Lasnilta.

Mitä opit:

• Pyynnön käsittelyreittien organisointi (reititys).
• Raahaa ja pudota.
• Kuinka luoda uusia objekteja (tauluja, listoja, kortteja).
• Syöttötietojen käsittely ja tarkistus.
• Asiakaspuolelta: kuinka käyttää paikallista tallennustilaa, kuinka tallentaa tietoja paikalliseen tallennustilaan, kuinka lukea tietoja paikallisesta tallennustilasta.
• Palvelimen puolelta: kuinka tietokantoja käytetään, kuinka tietoja tallennetaan tietokantaan, kuinka tietoja luetaan tietokannasta.

Tässä on esimerkki arkistosta, valmistettu React+Reduxilla.

Projekti 2. Hallintapaneeli

Githubin arkisto.

Yksinkertainen CRUD-sovellus, ihanteellinen perusasioiden oppimiseen. Opitaan:

• Luo käyttäjiä, hallitse käyttäjiä.
• Ole vuorovaikutuksessa tietokannan kanssa - luo, lue, muokkaa, poista käyttäjiä.
• Syötteen vahvistaminen ja lomakkeiden käsittely.

Projekti 3. Kryptovaluutan seuranta (natiivi mobiilisovellus)

Githubin arkisto.

Mikä tahansa: Swift, Objective-C, React Native, Java, Kotlin.

Opiskellaan:

• Kuinka alkuperäiset sovellukset toimivat.
• Kuinka noutaa tietoja API:sta.
• Kuinka alkuperäiset sivuasettelut toimivat.
• Kuinka työskennellä mobiilisimulaattorien kanssa.

Kokeile tätä API:ta. Jos löydät jotain parempaa, kirjoita kommentteihin.

Jos olet kiinnostunut, tässä se on tässä on opetusohjelma.

Projekti 4. Määritä oma verkkopakettisi konfiguraatio tyhjästä

Teknisesti tämä ei ole sovellus, mutta se on erittäin hyödyllinen tehtävä ymmärtää, miten webpack toimii sisältä käsin. Nyt se ei ole "musta laatikko", vaan ymmärrettävä työkalu.

vaatimukset:

• Kääntää es7:stä es5:een (perustiedot).
• Kääntää jsx js:ksi - tai - .vue .js:ksi (sinun täytyy opetella lataajat)
• Määritä webpack-kehittäjäpalvelin ja hot-moduulin uudelleenlataus. (vue-cli ja create-react-app käyttävät molempia)
• Käytä Herokua, now.sh- tai Githubia ja opi ottamaan käyttöön verkkopakettiprojekteja.
• Aseta suosikkiesiprosessorisi kääntämään css - scss, less, stylus.
• Opi käyttämään kuvia ja SVG-tiedostoja verkkopaketin kanssa.

Tämä on hämmästyttävä resurssi aloittelijoille.

Projekti 5. Hackernews-klooni

Jokaisen jedin on tehtävä oma Hackernews.

Mitä opit matkan varrella:

• Kuinka olla vuorovaikutuksessa hackernews API:n kanssa.
• Kuinka luoda yksisivuinen sovellus.
• Kuinka ottaa käyttöön ominaisuuksia, kuten kommenttien, yksittäisten kommenttien ja profiilien katselu.
• Pyynnön käsittelyreittien organisointi (reititys).

Projekti 6. Tudushechka

TodoMVC.

Vakavasti? Tudushka? Niitä on tuhansia. Mutta usko minua, tälle suosiolle on syynsä.
Tudu-sovellus on loistava tapa varmistaa, että ymmärrät perusasiat. Kokeile kirjoittaa yksi sovellus vanilja Javascriptillä ja yksi suosikkikehyksessäsi.

Oppia:

• Luo uusia tehtäviä.
• Tarkista, että kentät on täytetty.
• Suodata tehtävät (valmiit, aktiiviset, kaikki). Käyttää filter и reduce.
• Ymmärrä Javascriptin perusteet.

Projekti 7. Lajiteltava vedä ja pudota -luettelo

Githubin arkisto.

Erittäin hyödyllistä ymmärtää vedä ja pudota api.

Opitaan:

• Vedä ja pudota API
• Luo monipuoliset käyttöliittymät

Projekti 8. Messenger-klooni (natiivisovellus)

Ymmärrät kuinka sekä verkkosovellukset että natiivisovellukset toimivat, mikä erottaa sinut harmaan massasta.

Mitä opiskelemme:

• Verkkopistokkeet (pikaviestit)
• Kuinka alkuperäiset sovellukset toimivat.
• Kuinka mallit toimivat alkuperäisissä sovelluksissa.
• Pyynnön käsittelyreittien järjestäminen alkuperäisissä sovelluksissa.

Tämä riittää sinulle kuukaudeksi tai kahdeksi.

Käännös toteutettiin yrityksen tuella EDISON ohjelmistojoka on ammatillisesti mukana sovellusten ja verkkosivustojen kehittäminen PHP:llä sekä suurille asiakkaille pilvipalvelujen ja mobiilisovellusten kehittäminen Javassa.

Lähde: will.com