"Un mestre comet més errors que els que ho intenta un principiant"
Oferim 8 opcions de projecte que podeu fer "per diversió" per tal d'aconseguir una experiència de desenvolupament real.
Projecte 1. Clon de Trello
Què aprendràs:
- Organització de les rutes de tramitació de peticions (Routing).
- Arrossegar i deixar anar.
- Com crear nous objectes (taulers, llistes, targetes).
- Tractament i comprovació de dades d'entrada.
- Des del costat del client: com utilitzar l'emmagatzematge local, com desar dades a l'emmagatzematge local, com llegir dades des de l'emmagatzematge local.
- Des del costat del servidor: com utilitzar bases de dades, com desar dades a la base de dades, com llegir dades de la base de dades.
, fet a React+Redux.
Projecte 2. Tauler d'administració
Una senzilla aplicació CRUD, ideal per aprendre els fonaments bàsics. Aprenem:
- Crear usuaris, gestionar usuaris.
- Interactuar amb la base de dades: crear, llegir, editar i eliminar usuaris.
- Validació d'entrada i treball amb formularis.
Projecte 3. Seguidor de criptomonedes (aplicació mòbil nativa)
Qualsevol cosa: Swift, Objective-C, React Native, Java, Kotlin.
Estudiem:
- Com funcionen les aplicacions natives.
- Com recuperar dades de l'API.
- Com funcionen els dissenys de pàgines nadius.
- Com treballar amb simuladors mòbils.
. Si trobeu alguna cosa millor, escriviu als comentaris.
Si us interessa, aquí el teniu .
Projecte 4. Configureu la vostra pròpia configuració de paquet web des de zero
Tècnicament, aquesta no és una aplicació, però és una tasca molt útil per entendre com funciona webpack des de dins. Ara no serà una "caixa negra", sinó una eina comprensible.
Requisits:
- Compileu es7 a es5 (bàsiques).
- Compileu jsx a js - o - .vue a .js (haureu d'aprendre carregadors)
- Configura el servidor de desenvolupament webpack i la recàrrega de mòduls en calent. (vue-cli i create-react-app fan servir tots dos)
- Utilitzeu Heroku, now.sh o Github, apreneu a implementar projectes webpack.
- Configureu el vostre preprocessador preferit per compilar css - scss, less, stylus.
- Apreneu a utilitzar imatges i svgs amb webpack.
Projecte 5. Hackernews clon
Cada Jedi ha de fer el seu propi Hackernews.
Què aprendràs al llarg del camí:
- Com interactuar amb l'API de hackernews.
- Com crear una aplicació d'una sola pàgina.
- Com implementar funcions com ara la visualització de comentaris, comentaris individuals, perfils.
- Organització de les rutes de tramitació de peticions (Routing).
Projecte 6. Tudushechka
De debò? Tudushka? N'hi ha milers. Però creieu-me, hi ha una raó per a aquesta popularitat.
L'aplicació Tudu és una manera fantàstica d'assegurar-vos que enteneu els conceptes bàsics. Proveu d'escriure una aplicació en Javascript vainilla i una al vostre marc preferit.
Aprèn:
- Crea tasques noves.
- Comproveu que els camps estiguin emplenats.
- Tasques de filtre (completes, actives, totes). Ús
filterиreduce. - Comprendre els conceptes bàsics de Javascript.
Projecte 7. Llista d'arrossegar i deixar anar ordenable
Molt útil per entendre .
Aprenem:
- Arrossegueu i deixeu anar l'API
- Creeu interfícies d'usuari riques
Projecte 8. Clon de Messenger (aplicació nativa)
Entendreu com funcionen tant les aplicacions web com les natives, cosa que us diferenciarà de la massa grisa.
Què estudiarem:
- Sockets web (missatges instantanis)
- Com funcionen les aplicacions natives.
- Com funcionen les plantilles a les aplicacions natives.
- Organització de rutes de processament de sol·licituds en aplicacions natives.
Això us serà suficient durant un mes o dos.
La traducció es va fer amb el suport de l'empresa que es dedica professionalment per a grans clients, així com .
Font: www.habr.com