“Un maestro comete más errores que intentos un principiante”
Ofrecemos 8 opciones de proyectos que se pueden realizar "por diversión" para obtener una experiencia de desarrollo real.
Proyecto 1. Clon de Trello
Lo que vas a aprender:
- Organización de rutas de procesamiento de solicitudes (Routing).
- Arrastrar y soltar.
- Cómo crear nuevos objetos (tableros, listas, tarjetas).
- Procesamiento y verificación de datos de entrada.
- Desde el lado del cliente: cómo utilizar el almacenamiento local, cómo guardar datos en el almacenamiento local, cómo leer datos del almacenamiento local.
- Desde el lado del servidor: cómo usar bases de datos, cómo guardar datos en la base de datos, cómo leer datos de la base de datos.
, realizado en React+Redux.
Proyecto 2. Panel de administración
Una aplicación CRUD sencilla, ideal para aprender los conceptos básicos. Aprendamos:
- Crear usuarios, administrar usuarios.
- Interactuar con la base de datos: crear, leer, editar y eliminar usuarios.
- Validar entradas y trabajar con formularios.
Proyecto 3. Rastreador de criptomonedas (aplicación móvil nativa)
Cualquier cosa: Swift, Objective-C, React Native, Java, Kotlin.
Nosotros estudiamos:
- Cómo funcionan las aplicaciones nativas.
- Cómo recuperar datos de la API.
- Cómo funcionan los diseños de página nativos.
- Cómo trabajar con simuladores móviles.
. Si encuentras algo mejor, escribe en los comentarios.
Si te interesa aquí lo tienes .
Proyecto 4. Configure su propia configuración de paquete web desde cero
Técnicamente esto no es una aplicación, pero es una tarea muy útil para entender cómo funciona webpack desde dentro. Ahora no será una “caja negra”, sino una herramienta comprensible.
requisitos:
- Compile es7 a es5 (conceptos básicos).
- Compile jsx a js - o - .vue a .js (tendrás que aprender a usar cargadores)
- Configure el servidor de desarrollo webpack y la recarga de módulos en caliente. (vue-cli y create-react-app usan ambos)
- Utilice Heroku, now.sh o Github y aprenda a implementar proyectos de paquetes web.
- Configure su preprocesador favorito para compilar css - scss, less, stylus.
- Aprenda a usar imágenes y svgs con webpack.
Proyecto 5. Clon de Hackernews
Cada Jedi debe crear su propia Hackernews.
Lo que aprenderás en el camino:
- Cómo interactuar con la API de hackernews.
- Cómo crear una aplicación de una sola página.
- Cómo implementar funciones como visualización de comentarios, comentarios individuales, perfiles.
- Organización de rutas de procesamiento de solicitudes (Routing).
Proyecto 6. Tudushechka
¿En serio? ¿Tudushka? Hay miles de ellos. Pero créanme, hay una razón para esta popularidad.
La aplicación Tudu es una excelente manera de asegurarse de comprender los conceptos básicos. Intente escribir una aplicación en Javascript básico y otra en su marco favorito.
Aprender:
- Crea nuevas tareas.
- Compruebe que los campos estén completos.
- Filtrar tareas (completas, activas, todas). Usar
filterиreduce. - Comprender los conceptos básicos de Javascript.
Proyecto 7. Lista ordenable de arrastrar y soltar
Muy útil para entender .
Aprendamos:
- API de arrastrar y soltar
- Crea interfaces de usuario enriquecidas
Proyecto 8. Clon de Messenger (aplicación nativa)
Comprenderás cómo funcionan tanto las aplicaciones web como las aplicaciones nativas, lo que te diferenciará de la masa gris.
Qué estudiaremos:
- Sockets web (mensajes instantáneos)
- Cómo funcionan las aplicaciones nativas.
- Cómo funcionan las plantillas en aplicaciones nativas.
- Organización de rutas de procesamiento de solicitudes en aplicaciones nativas.
Esto será suficiente para uno o dos meses.
La traducción se realizó con el apoyo de la empresa. quien se dedica profesionalmente para grandes clientes, así como .
Fuente: habr.com