8 prughjetti educativi

"Un maestru face più sbagli chè un principiante faci tentativi"

Offremu 8 opzioni di prughjettu chì pudete fà "per divertimentu" per acquistà una vera sperienza di sviluppu.

Prughjettu 1. Trello clone

Trello clone da Indrek Lasn.

Ciò chì amparà:

• Urganizazione di e rotte di trattamentu di e dumande (Routing).
• Drag and drop.
• Cumu creà oggetti novi (tavuli, listi, carte).
• Trattamentu è cuntrollà i dati di input.
• Da u latu di u cliente: cumu utilizà l'almacenamiento lucale, cumu salvà e dati à l'almacenamiento lucale, cumu leghje e dati da u almacenamiento locale.
• Da u latu di u servitore: cumu utilizà e basa di dati, cumu salvà e dati in a basa di dati, cumu leghje e dati da a basa di dati.

Eccu un esempiu di un repository, fattu in React+Redux.

Prughjettu 2. Panel admin

Repository Github.

Una semplice applicazione CRUD, ideale per amparà i principii. Amparemu:

• Crea utilizatori, gestisce l'utilizatori.
• Interagisce cù a basa di dati - crea, leghje, edità, sguassate utilizatori.
• Validendu l'input è travaglià cù e forme.

Prughjettu 3. Cryptocurrency tracker (applicazione nativa mobile)

Repository Github.

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

Studiemu:

• Cumu funziona l'applicazioni native.
• Cumu ritruvà dati da l'API.
• Cumu funziona i layout di pagina nativa.
• Cumu travaglià cù simulatori mobili.

Pruvate sta API. Se truvate qualcosa di megliu, scrivite in i cumenti.

Sè site interessatu, quì hè quì hè un tutoriale.

Prughjettu 4. Stallà u vostru propiu webpack config da zero

Tecnicamente, questu ùn hè micca una applicazione, ma hè un compitu assai utile per capisce cumu funziona webpack da l'internu. Avà ùn serà micca una "scatola negra", ma un strumentu comprensibile.

Rèducts:

• Cumpilà es7 à es5 (basi).
• Cumpilà jsx à js - o - .vue à .js (avete da amparà i caricatori)
• Configurate u servitore di sviluppu webpack è a recarga di u modulu caldu. (vue-cli è create-react-app usanu tutti dui)
• Aduprate Heroku, now.sh o Github, amparà cumu implementà prughjetti webpack.
• Configurate u vostru preprocessore preferitu per cumpilà css - scss, less, stylus.
• Amparate cumu utilizà l'imaghjini è i svgs cù webpack.

Questa hè una risorsa incredibile per i principianti cumpleti.

Prughjettu 5. Hackernews clone

Ogni Jedi hè necessariu di fà u so propiu Hackernews.

Ciò chì amparate nantu à a strada:

• Cumu interagisce cù l'API di hackernews.
• Cumu creà una sola applicazione di pagina.
• Cumu implementà e funzioni cum'è vede cumenti, cumenti individuali, profili.
• Urganizazione di e rotte di trattamentu di e dumande (Routing).

Prughjettu 6. Tudushechka

TodoMVC.

Seriu? Tudushka? Ci sò millaie di elli. Ma crede à mè, ci hè un mutivu di sta popularità.
L'app Tudu hè una bella manera di assicurà chì capisce i principii. Pruvate à scrive una applicazione in Javascript di vaniglia è una in u vostru quadru preferitu.

Amparate:

• Crea novi compiti.
• Verificate chì i campi sò riempiti.
• I compiti di filtru (cumpletu, attivu, tutti). Aduprà filter и reduce.
• Capisce i principii di Javascript.

Prughjettu 7. Sortable drag and drop list

Repository Github.

Moltu utile per capiscenu drag and drop api.

Amparemu:

• Drag and drop API
• Crea UI ricche

Prughjettu 8. Messenger clone (applicazione nativa)

Puderete capisce cumu l'applicazioni web è l'applicazioni native funzionanu, chì vi distingueranu da a massa grisa.

Ciò chì studiemu:

• Sockets Web (messaggi istantanei)
• Cumu funziona l'applicazioni native.
• Cumu funziona i mudelli in l'applicazioni native.
• Urganizazione di rotte di trattamentu di e dumande in applicazioni native.

Questu serà abbastanza per voi per un mesi o dui.

A traduzzione hè stata realizata cù u sustegnu di a cumpagnia U software EDISONchì hè ingaghjatu prufessiunale sviluppà applicazioni è siti web in PHP per i grandi clienti, è ancu sviluppu di servizii cloud è applicazioni mobili in Java.

Source: www.habr.com