8 proxectos educativos

"Un mestre comete máis erros que os que intenta un principiante"

Ofrecemos 8 opcións de proxectos que podes facer "por diversión" para adquirir experiencia de desenvolvemento real.

Proxecto 1. Clon de Trello

Clon de Trello de Indrek Lasn.

O que vai aprender:

• Organización das vías de tramitación de solicitudes (Routing).
• Arrastrar e soltar.
• Como crear novos obxectos (taboleiros, listas, tarxetas).
• Procesamento e comprobación dos datos de entrada.
• Desde o lado do cliente: como usar o almacenamento local, como gardar datos no almacenamento local, como ler os datos do almacenamento local.
• Desde o lado do servidor: como usar bases de datos, como gardar datos na base de datos, como ler os datos da base de datos.

Aquí tes un exemplo de repositorio, feito en React+Redux.

Proxecto 2. Panel de administración

Repositorio Github.

Unha aplicación CRUD sinxela, ideal para aprender o básico. Imos aprender:

• Crea usuarios, xestiona usuarios.
• Interactúa coa base de datos: crea, le, edita e elimina usuarios.
• Validar a entrada e traballar con formularios.

Proxecto 3. Rastreador de criptomonedas (aplicación móbil nativa)

Repositorio Github.

Calquera cousa: Swift, Objective-C, React Native, Java, Kotlin.

Imos estudar:

• Como funcionan as aplicacións nativas.
• Como recuperar datos da API.
• Como funcionan os deseños de páxina nativos.
• Como traballar con simuladores móbiles.

Proba esta API. Se atopas algo mellor, escribe nos comentarios.

Se estás interesado, aquí está aquí tes un tutorial.

Proxecto 4. Configure a súa propia configuración webpack desde cero

Tecnicamente, esta non é unha aplicación, pero é unha tarefa moi útil para entender como funciona webpack desde dentro. Agora non será unha "caixa negra", senón unha ferramenta comprensible.

Requisitos:

• Compilar es7 a es5 (básicos).
• Compile jsx a js - ou - .vue a .js (terá que aprender cargadores)
• Configura o servidor de desenvolvemento de webpack e a recarga do módulo quente. (vue-cli e create-react-app usan ambos)
• Usa Heroku, now.sh ou Github, aprende a implementar proxectos webpack.
• Configura o teu preprocesador favorito para compilar css - scss, less, stylus.
• Aprende a usar imaxes e svgs con webpack.

Este é un recurso incrible para principiantes completos.

Proxecto 5. Clon de Hackernews

Cada Jedi debe facer o seu propio Hackernews.

O que aprenderás no camiño:

• Como interactuar coa API de hackernews.
• Como crear unha aplicación dunha soa páxina.
• Como implementar funcións como ver comentarios, comentarios individuais, perfís.
• Organización das vías de tramitación de solicitudes (Routing).

Proxecto 6. Tudushechka

TodoMVC.

En serio? Tudushka? Hai milleiros deles. Pero créame, hai unha razón para esta popularidade.
A aplicación Tudu é unha boa forma de asegurarse de que comprende os conceptos básicos. Proba a escribir unha aplicación en Javascript vainilla e outra no teu marco favorito.

Aprender:

• Crea novas tarefas.
• Comproba que os campos estean cubertos.
• Tarefas de filtrado (completadas, activas, todas). Use filter и reduce.
• Comprender os conceptos básicos de Javascript.

Proxecto 7. Lista de arrastrar e soltar ordenable

Repositorio Github.

Moi útil para entender arrastrar e soltar api.

Imos aprender:

• Arrastra e solta a API
• Crea interfaces de usuario ricas

Proxecto 8. Clon de Messenger (aplicación nativa)

Entenderás como funcionan tanto as aplicacións web como as nativas, o que o diferenciará da masa gris.

Que estudaremos:

• Sockets web (mensaxes instantáneas)
• Como funcionan as aplicacións nativas.
• Como funcionan os modelos en aplicacións nativas.
• Organizar rutas de tramitación de solicitudes en aplicacións nativas.

Isto será suficiente para ti durante un mes ou dous.

A tradución realizouse co apoio da empresa Software EDISONque se dedica profesionalmente desenvolvemento de aplicacións e sitios web en PHP para grandes clientes, así como desenvolvemento de servizos na nube e aplicacións móbiles en Java.

Fonte: www.habr.com