“Un maestro fa più errori di quanto un principiante faccia tentativi”
Offriamo 8 opzioni di progetto che possono essere realizzate “per divertimento” per acquisire una vera esperienza di sviluppo.
Progetto 1. Clone di Trello
Cosa imparerai:
- Organizzazione dei percorsi di elaborazione delle richieste (Routing).
- Trascinare e rilasciare.
- Come creare nuovi oggetti (schede, elenchi, carte).
- Elaborazione e controllo dei dati di input.
- Dal lato client: come utilizzare l'archiviazione locale, come salvare i dati nell'archiviazione locale, come leggere i dati dall'archiviazione locale.
- Dal lato server: come utilizzare i database, come salvare i dati nel database, come leggere i dati dal database.
, realizzato in React+Redux.
Progetto 2. Pannello di amministrazione
Una semplice applicazione CRUD, ideale per apprendere le basi. Impariamo:
- Crea utenti, gestisci utenti.
- Interagisci con il database: crea, leggi, modifica, elimina utenti.
- Convalidare l'input e lavorare con i moduli.
Progetto 3. Tracker di criptovaluta (applicazione mobile nativa)
Qualsiasi cosa: Swift, Objective-C, React Native, Java, Kotlin.
Studiamo:
- Come funzionano le applicazioni native.
- Come recuperare i dati dall'API.
- Come funzionano i layout di pagina nativi.
- Come lavorare con i simulatori mobili.
. Se trovi qualcosa di meglio, scrivi nei commenti.
Se ti interessa, eccolo qui .
Progetto 4. Imposta la configurazione del tuo webpack da zero
Tecnicamente questa non è un'applicazione, ma è un compito molto utile per capire come funziona il webpack dall'interno. Ora non sarà una “scatola nera”, ma uno strumento comprensibile.
requisiti:
- Compila es7 in es5 (nozioni di base).
- Compila jsx in js - o - .vue in .js (dovrai imparare i caricatori)
- Configura il server di sviluppo webpack e il ricaricamento del modulo hot. (vue-cli e create-react-app utilizzano entrambi)
- Usa Heroku, now.sh o Github, scopri come distribuire progetti webpack.
- Imposta il tuo preprocessore preferito per compilare css - scss, less, stylus.
- Scopri come utilizzare immagini e SVG con webpack.
Progetto 5. Clone di Hackernews
Ogni Jedi è tenuto a creare le proprie Hackernews.
Cosa imparerai lungo il percorso:
- Come interagire con l'API hackernews.
- Come creare un'applicazione a pagina singola.
- Come implementare funzionalità come la visualizzazione di commenti, commenti individuali, profili.
- Organizzazione dei percorsi di elaborazione delle richieste (Routing).
Progetto 6. Tudushechka
Sul serio? Tuduška? Ce ne sono migliaia. Ma credetemi, c’è una ragione per questa popolarità.
L'app Tudu è un ottimo modo per assicurarti di comprendere le nozioni di base. Prova a scrivere un'applicazione in Javascript Vanilla e una nel tuo framework preferito.
Imparare:
- Crea nuove attività.
- Controlla che i campi siano compilati.
- Filtra le attività (completate, attive, tutte). Utilizzo
filterиreduce. - Comprendere le basi di Javascript.
Progetto 7. Elenco drag and drop ordinabile
Molto utile per capire .
Impariamo:
- Trascina e rilascia l'API
- Crea interfacce utente avanzate
Progetto 8. Clone di Messenger (applicazione nativa)
Capirai come funzionano sia le applicazioni web che le applicazioni native, cosa che ti distinguerà dalla massa grigia.
Cosa studieremo:
- Socket Web (messaggi istantanei)
- Come funzionano le applicazioni native.
- Come funzionano i modelli nelle applicazioni native.
- Organizzazione dei percorsi di elaborazione delle richieste nelle applicazioni native.
Questo ti basterà per un mese o due.
La traduzione è stata effettuata con il supporto dell'azienda chi è impegnato professionalmente per i grandi clienti, così come .
Fonte: habr.com