On tärkeää aloittaa projektien rakentaminen ohjelmointia opetellessasi, koska et pystyisi omaksumaan oppimiasi käsitteitä ennen kuin sovellat niitä erilaisten projektien tekemiseen. Opittujen käsitteiden soveltaminen on erittäin tärkeää. Ja mikä parasta, tulet todella nauttimaan projektin rakentamisesta.
Alhaalla mainitsen muutamia projekti-ideoita niille, jotka opettelevat web-kehitystä.
Notes App:
Luo web-sovellus, johon käyttäjät voivat lisätä ja tallentaa muistiinpanojaan. Tämä on erinomainen projekti aloittelijoille. Käyttäjän pitäisi pystyä luomaan, lukemaan, päivittämään ja poistamaan muistiinpanoja. Tämä on erinomainen projekti CRUD-operaatioiden oppimiseen.
Tehtäväluettelo:
Tee tehtävälistasovellus, johon käyttäjä voi lisätä päivittäin suoritettavia tehtäviä. Käyttäjän pitäisi pystyä lisäämään uusi kohde listalle. Käyttäjän pitäisi pystyä merkitsemään tehtävä listalla ’suoritetuksi’. Suoritetut tehtävät voivat näkyä erillisessä kategoriassa järjestäytyneemmän ulkoasun aikaansaamiseksi. Käyttäjien pitäisi pystyä muokkaamaan tai poistamaan tehtävä listalta.
Tehtäväluettelo (edistynyt):
Kun olet tehnyt perussovelluksen, yritä lisätä seuraavat ominaisuudet viedäksesi sen seuraavalle tasolle. Näytä päivämäärä ja kellonaika, jolloin tietty tehtäväkohde lisättiin tehtävälistaan. Käytä paikallista tallennustilaa niin, että kun käyttäjä sulkee selainikkunan, tiedot tallentuvat ja kun käyttäjä avaa sovelluksen uudelleen, tiedot voidaan hakea.
Rakenna oma portfoliosivusto:
Tämä on projekti, johon lähes jokaisen web-kehittäjän on täytynyt törmätä urallaan. Se on loistava tapa esitellä taitojaan, projektejaan ja vahvuuksiaan oman portfoliosivuston kautta.
Hakemistopalvelusovellus:
Tällainen voisi olla esimerkiksi elokuvasovellus tai tv-ohjelmaluettelo, jolla voi näyttää, että voi tallentaa tietoja arrayyn, tai objektiin tai tietokantaan. Kyky lajitella ja etsiä ja suodattaa tätä dataa myöhemmin on yhtä tärkeää.
Visailusovellus:
Tämä on henkilökohtainen suosikkini. Rakenna tietokilpailusovellus, jossa käyttäjä voi valita yhden neljästä vaihtoehdosta kysymykseen. Näytä lopussa tulos. Käytä tässä projektissa JavaScriptiä. Tämän projektin avulla opit DOM:n manipulointia ja tiedonhallintaa.
Voit katsoa YouTubesta opetusohjelmia, jos joskus jäät jonnekin jumiin. Hyvää koodausta!!