DesarrolloLibre, App Movil para Android, Cursos Online y Blog
DesarrolloLibre, App Movil para Android, Cursos Online y Blog - V1
Te quería presentar mi aplicación de desarrollo libre y también de Academia es decir la parte de los cursos que es la que manejamos por acá por aquí en formato de Android es decir completamente nativo para Android esta aplicación en caso de que tengas dudas lo generé con Flutter ya con esto puedo aprovechar el proyecto según lo que nos permite Flutter para múltiples tecnologías o múltiples sistemas operativos como sería Windows macos Linux también iOS Y por supuesto Android también sería web pero ya tengo la web así que no me interesaría Entonces qué es lo que tenemos por acá para presentársela el blot que sería el blot es decir lo que tenemos por acá sería la parte de Academia que sería esto que tenemos acá y también sería la parte de usuarios que en este caso sería para el login Entonces por aquí Bueno tiene un poco lo que puedes ver tiene un Dark Mode que lo estoy manejando de esta forma tenemos
Blog
Esto siempre a veces tarda un poquito en recargar sobre todo en el emulador por aquí tenemos la parte lo típico de categorías para que busques las publicaciones por categorías Primero te estoy mostrando la parte del Blog aquí puedes filtrar por el idioma tal cual puedes ver o puedes realizar aquí una búsqueda y colocas ahí un enter También tenemos la parte de los post que es igual al listado que tenemos antes pero aquí aparecen ordenados por fecha mientras que en el otro era ordenado por simplemente de la categoría aquí Bueno puedes ver cómo funciona la búsqueda tienes que darle un enter para que busque los post asociados puedes ver los cursos es decir las publicaciones de los cursos que yo tengo y también aquí tienes la parte de los libros es decir una clasificación por los libros eso sería el detalle en este caso bueno esto ya lo estoy cambiando un poco para la siguiente versión pero aquí lo dividí en dos ya que esto es contenido html estoy empleando aquí un visor es decir el webview que que es realmente una pesadilla la parte de webview para cuando lo quieras manejar en múltiples sistemas operativos ya que por ejemplo para Mac no he encontrado se encuentran en desarrollo o están desactualizados para Windows se encuentra para Android e iOS también encontré uno pero eso lo que me refiero con La pesadilla algo tan sencillo como un webview se vuelve una pequeña pesadilla entonces aquí tenemos es el título digo la imagen el título las etiquetas y las categorías esta distribución ya la cambié un poco porque ya estoy sacando la siguiente versión en la fecha en la cual estoy grabando esta clase pero ahorita la tengo así aquí lo importa antes notar que es el detalle.
Academia
Entonces vamos con la parte más interesante que sería la de Academia, fíjate quién estoy autenticado aquí un poco lo típico como funciona aquí la aplicación de manera nativa aquí tenemos lo que sería el detalle y también para comprar al igual que tenemos acá entonces aquí me mandaría la página de login aquí tenemos la parte del detalle la cual funciona de igual manera que funciona por aquí aquí tenemos unas flechitas Aquí también estoy empleando un webview para colocar esto fue una pequeña pesadilla ya luego hablaré de esto en otro en otro video y aquí puedes Reproducir las clases y aquí tenemos lo esperado para poder Navegar entre las secciones tal cual tenemos acá tenemos las notas de las clases en caso de que tenga notas tenemos la parte de los comentarios sobre el curso y todo lo que puedes ver por aquí otra vez esta es la primera versión y aquí Puedes ajustar un poco el tamaño de la caja para que se te facilite también puedes emplear aquí el modo full screen que es el que te recomendaría para que lo puedas ver sin problemas voy a darle aquí atrás perfecto y Bueno aquí Finalmente nos autenticamos aquí Iniciar sesión o también te puedes registrar si no tienes una cuenta bueno Esto es un usuario que yo tengo aquí de pruebas no lo he verificado pero yo manualmente le asigno los cursos y demás.
Aquí ya yo tengo inscrito o ya tengo los cursos a los cuales ya me encuentro inscrito entonces bueno damos aquí a ir para para ver ya el detalle ya que yo adquirí este curso y ya por aquí tengo bueno acceso a los cursos para verlo tal cual lo hacía desde la aplicación web pero ahora también tienes la característica de que lo puedes consultar mediante una aplicación en Android Entonces qué más tenemos por acá también tengo aquí una pestaña que coloque nueva para los cursos gratis en los cuales van a aparecer los cursos gratis en este caso como celebración por esta nueva aplicación por aquí lancé un par de cursos en su formato light es decir con algunas secciones de los cursos más famosos que yo tengo que sería el de Laravel y el de Django que tenemos por acá.
Entonces los puedes acceder completamente de forma gratuita ver las primeras secciones del curso sin ningún compromiso lo único que tienes es que obviamente registrarte en esta plataforma y lo puedes consumir mediante la de Academia que también se encuentra por aquí disponibles tal cual puedes ver es el mismo contenido es la misma base de datos o lo puedes ver por aquí directamente en Android si tienes un dispositivo con Android que sería bueno lo más cómodo en tu caso y bueno lo mismo por aquí aquí tenemos acceso a los cursos que tú hayas adquirido ya sean de pago o los gratuitos.
Windows y MacOS
Próximamente Mi idea es aprovechar precisamente el ecosistema que tenemos en Flutter para lanzarlo en otras plataformas aquí por ejemplo ya tengo la de Windows que me gusta más que la de móvil en la cual bueno en caso de que tú también lo quieras ver de esta forma ya que también en Windows no tenemos tantos problemas porque lo podemos acceder mediante la web que es bastante cómodo entonces aquí tenemos la misma aplicación aquí fíjate bueno para entrar un un poquito en tema de desarrollo que también la coloqué aquí de forma adaptativa Entonces por aquí tenemos bueno Esta es otra versión. Por cierto Esta es la que estoy preparando para lanzar en las próximos días o semanas aquí tenemos más o menos lo mismo ya también aquí agregué una característica de favoritos para que puedas guardarlos aquí en favoritos.
Preguntas random
Una parte de preguntas que también estoy implementando a la fecha que bueno es tipo modestia parte tipo Duolingo pero mucho más sencillo Claro está aquí colocas Bueno aquí las las colocas todas malas t cu estoy haciendo yo aquí te indica cuál es y bueno para practicar un poco ahí de manera de entretenimiento se pudiera decir entonces aquí también tenemos lo mismo la parte de Academia aquí puedes ver cómo funciona y de aquí también puedes ver todo el [Música] contenido aquí Bueno Este es el webview para Windows aquí puede conseguir uno para Mac todavía estoy en eso y ya la aplicación en Windows también se encuentra ya prácticamente lista y seguramente la lanzaré en las próximas semanas lo que se refiere a la aplicación en Windows la actualización para ya que otra vez Recuerda que es el mismo código fuente ya lo actualizaré en los próximos días a la fecha de esta clase ya que mi idea es ir poco a poco a medida que vaya agregando cambios adicionales es decir actualizaciones voy a ir creando un video en YouTube para que tú vayas viendo Cuáles son estos cambios que estoy haciendo a nivel de la aplicación y el proyecto así que pues nada ya los cambios que estoy haciendo aquí mejor los hablo en un siguiente video para no mezclar las cosas pero te quería Mostrar de que esta aplicación existe a la fecha por además es esto básicamente está como te digo en la primera versión poco a poco ir agregando más características corrigiendo errores mejorando la interfaz Pero recuerda que yo soy solamente un desarrollador solo solamente soy una persona que mantiene todo esto que estás viendo en pantalla tanto las aplicaciones como todo el contenido que yo genero aparte de entre comillas mi vida personal así que pues gracias por llegar a este punto en caso de que te interese adquirir la aplicación que otra vez es completamente gratuita te dejo el enlace en la descripción de este video así que gracias por ver
DesarrolloLibre, App Android, Cursos Online y Blog - V2, preguntas y respuestas, múltilenguaje +
Por aquí quería pasarte a darte las novedades de la aplicación de Flutter en este caso para Android ya que de momento es la única plataforma que la tengo disponible y esta sería la versión dos. Entonces por aquí puedes ver lo que sería las novedades:
Lo primero es por aquí creo que es la parte más importante soporte a múltiples idiomas bueno en este caso dos eso a lo que me refiero ya sea inglés o en español y ya puedes ver que aquí toda la interfaz cambia claro es la interfaz Recuerda que todo el código bueno el contenido consumido por ejemplo aquí a nivel del blog que yo los traduzco en inglés y en español obviamente hay aquí eso no se traduce. Aunque otra vez por ejemplo en el caso de las publicaciones si aquí coloco en este caso yo tengo el idioma de español y entonces ya por aquí automáticamente el filtro que habíamos implementado antes en la primera versión va a tomar aquí el filtro para que solamente devuelva los resultados en español mientras que se aquí coloco en perfil que sea en inglés el filtro va a aparecer en inglés solamente los que están en inglés pero otra vez por ejemplo el contenido obviamente de los cursos que estamos consumiendo esos sí se van a estar en el idioma que se encuentran en dispuestos que siempre es en español y bueno por aquí puedes ver que no tengo post en inglés Entonces eso básicamente.
Favoritos de los posts
Aquí también tenemos la parte de Los favoritos como te comentaba Entonces ahora ahora podemos agregar aquí un post a favoritos agrego este por ejemplo este por ejemplo vengo acá y voy a Los favoritos y por aquí van a aparecer listados tal cual puedes ver en caso de que bueno te interes algo lo quieras guardar para leer más tarde bien qué más tenemos por acá la parte de preguntas que es una sección que voy a ir trabajando poco a poco y bueno obviamente aquí va a haber más contenido ya que este contenido no se almacena directamente la aplicación si no se encuentra disponible en una api mediante la aplicación eh de desarrollo libre la que tengo aquí desarrollada con Laravel Entonces por aquí se encuentran en esta bueno para esta presentación las preguntas disponibles en las cuales seleccionas Por ejemplo si quieres algunas preguntas para Django y Flutter que son los dos que tengo en este ejemplo aquí aparecerían el listados otra vez de momento tengo es una un kit de preguntas para cada uno de ellos y aquí aparecería las de dango que aquí se encuentran traducidas ya que también traduje las preguntas dependiendo del lenguaje del usuario es decir simplemente son el mismo set de preguntas y las traduje ya sea al inglés o al español según el idioma del perfil.
Preguntas y respuestas
Entonces ahora sí voy a las preguntas se encuentran aquí todo en español tal cual puedes ver creo que había colocado la de diango voy aquí rapidito y ahora aquí se encuentra en español bueno Su uso es sencillo aquí en verde las correctas y rojo las incorrectas por lo demás todo esto es al menos para esta versión se queda en local ni siquiera se almacena Es simplemente como un juego que que tenemos acá en la cual colocas aquí cuál sería la pregunta correcta y por aquí te indica un aviso cuando te equivoques como en este caso me equivoqué todas en este caso para colocar qué Comando se utiliza para crear una nueva aplicación sería la de stap y ahí la tenemos aquí aparece esta como correcta Entonces poco más que decir por acá bien qué más tenemos de novedades para esta versión también hice algunos cambios para hacerlo más amigable la parte los cursos en justamente la parte de Academia Claro está entonces son los cursos bueno Obviamente que quieras consumir acá voy a este por ejemplo y aquí tenemos este botoncito.
Modo Responsivo mejorado
Bueno aquí en un teléfono otra vez esto depende de la distribución de pantalla como lo quieras colocar si lo rotas a lo mejor se te es más amigable Aunque otra vez depende del tamaño de la pantalla ya que si es por ejemplo la estás consumiendo desde una tableta entonces seguramente lo colocas en modo landscape es decir esto rotado pero aquí tenemos este botón en el cual puedes mostrar o ocultar todo este bloque que sería la parte para bueno justamente la que tenemos acá todo este este etiqueta que es para seleccionar las secciones notas de las clases tú notas de la clase comentarios y sobre curso es lo mismo que tenemos aquí lo puedes ocultar para tener más espacio para visualizarlo ya que bueno el problema que siempre tenemos aquí en Android es que tenemos poco espacio para para los elementos de interfaz gráfica de nuestra aplicación por ejemplo aquí cambié de modo aquí puede tener un poquito más de sentido y ahora Aquí tienes un poquito más de espacio para visualizar el contenido Aquí también coloqué y esto lo tienes de manera paralela toda bueno el árbol aquí de las etiquetas las tenemos disponibles aquí en un menú de tipo hamburguesa tal cual puedes ver aquí puedes Navegar entre todas las secciones aparte de eso algunos errores corregidos que viene siendo lo normal que encontré por aquí a nivel de la aplicación así que pues es básicamente eso Recuerda que si quieres Descargar la aplicación te lo dejo en la descripción de este video.
DesarrolloLibre, App Android, Cursos Online y Blog - V2, preguntas y respuestas, múltilenguaje +
Por aquí pasaba a mencionarte los cambios que estoy haciendo en la aplicación de Academia que ya están en producción para la versión 5 a la fecha o para este video aparte de reparaciones de errores que es un poco lo normal y también algún y también algún otro que cambio de estilo que voy haciendo por ahí por ejemplo ahorita encogí un poquito el tamaño de las imágenes para que no parezca tan largo lo que es el detalle de la publicación aquí puedes ver que ahora parece un poco más pequeño para que simplemente sea referencial por aquí también agregué que es la parte más importante el manejo de los libros o mejor dicho Aquí tienes la posibilidad también de adquirir los libros desde la aplicación desde el apartado de libros.
Entonces te metes aquí en el apartado de libros Recuerda que hay dos renglones principales lo que es el blog aquí está con todas sus clasificaciones y la parte de Academia que es la parte como quien dice de cursos y libros aquí ahora tenemos la de libros Entonces por acá por ejemplo ya aquí Este me aparece que yo lo adquirí y aquí aparecen otros que tambien adquirí y otros que no he adquirido ya yo estoy autenticado por lo tanto aquí la pantalla cambia un poquito aquí le podemos dar a comprar y te aparecería el típico widget para pagar en este caso por PayPal Que de momento es la plataforma predilecta.
Aquí también un caso interesante en caso de que hayas adquirido otro curso o otro libro Aquí también recuerda eso eso te genera un cupón usualmente es un cupón de $ si es un curso libre si es un curso solo un curso individual y te genera un cupón de $ si es un pad por lo tanto en este caso para este libro que solamente cuesta $ si ya tienes ese cupón lo puedes aplicar aquí y el libro te saldría gratis voy a mostrarte aquí un poquito para lo que sería algo que haya adquirido aquí no tengo ningún visor aquí lo que hace es bueno cargar la página cargar el html.
Descarga de libros
por aquí tiene las opciones de descarga doy aquí a descargar PDF lo que hice fue venirse a un enlace Aparte ya que hacerlo directamente a la descarga manejarla desde Flutter fue un poquito complicado y a la final simplemente quería Descargar el archivo cosa que está en principio haciendo acá no sé si me funciona en el emulador ahí tuviera que ver y pues no creo que no funciona por el emulador pero aquí lo que hace es Descargar el PDF en tu carpeta de descargas pre electa que tengas ahí definida así que pues nada Esos son los cambios que yo hice para la nueva versión de Academia Así que Recuerda que si no la has descargado la puedes descargar es completamente gratuita y aquí también tienes acceso a los cursos según lo que veíamos antes que Has adquirido ya sea bueno otra vez para adquirirlos o simplemente para visualizarlos el contenido así que sin más que decir nos vemos en otro video
- Andrés Cruz
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter