{"id":2462,"date":"2022-10-07T12:21:30","date_gmt":"2022-10-07T17:21:30","guid":{"rendered":"https:\/\/naps.com.mx\/blog\/?p=2462"},"modified":"2023-01-09T09:37:44","modified_gmt":"2023-01-09T15:37:44","slug":"curso-gratuito-de-desarrollo-de-aplicaciones-moviles-en-android-jetpack-compose","status":"publish","type":"post","link":"https:\/\/naps.com.mx\/blog\/curso-gratuito-de-desarrollo-de-aplicaciones-moviles-en-android-jetpack-compose\/","title":{"rendered":"Curso gratuito de desarrollo de Aplicaciones M\u00f3viles en Android Jetpack Compose"},"content":{"rendered":"<p>Hola a todos. Les comento que estoy creando en video un curso gratuito de desarrollo de aplicaciones m\u00f3viles en Android usando Jetpack Compose, la nueva tecnolog\u00eda de Google para crear interfaces de usuario de una forma m\u00e1s sencilla.<\/p>\n<p><!--more--><\/p>\n<p><a href=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2022\/10\/curso-gratuito-android-jetpack.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2465 aligncenter\" src=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2022\/10\/curso-gratuito-android-jetpack.jpg\" alt=\"curso gratuito android jetpack\" width=\"294\" height=\"279\" srcset=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2022\/10\/curso-gratuito-android-jetpack.jpg 500w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2022\/10\/curso-gratuito-android-jetpack-300x285.jpg 300w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a><\/p>\n<p>El curso estar\u00e1 divido en cuatro partes:<\/p>\n<ol>\n<li><strong>Introducci\u00f3n al desarrollo de aplicaciones m\u00f3viles en Android<\/strong>. C\u00f3mo crear texto, insertar im\u00e1genes y trabajar con filas y columnas para acomodar los elementos. C\u00f3mo emplear colores, tipograf\u00edas, formas y temas en nuestra aplicaci\u00f3n, trabajando con el tema claro y el tema oscuro. C\u00f3mo crear listar y expandir y colapsar sus elementos incluyendo peque\u00f1as animaciones.<\/li>\n<li><strong>Navegaci\u00f3n<\/strong>. Veremos la creaci\u00f3n de un men\u00fa de navegaci\u00f3n lateral, incluyendo c\u00f3mo cambiar de pantallas en cada opci\u00f3n del men\u00fa. A\u00f1adiremos botones a la barra de herramientas superior y se ver\u00e1 c\u00f3mo crear un men\u00fa desplegable. Tambi\u00e9n crearemos un men\u00fa de navegaci\u00f3n inferior y un bot\u00f3n de acci\u00f3n flotante.<\/li>\n<li><strong>Organizaci\u00f3n de la informaci\u00f3n<\/strong>. Organizaremos las pantallas de nuestra aplicaci\u00f3n en pesta\u00f1as y agregaremos contenido usando tarjetas. Veremos c\u00f3mo crear cuadros de di\u00e1logo y como utilizar hojas inferiores para mostrar m\u00e1s contenido.<\/li>\n<li><strong>Almacenamiento local.<\/strong> Se utilizar\u00e1 una base de datos m\u00f3vil para agregar y mostrar datos, eliminarlos o modificarlos, y para relacionar datos entre tablas.<\/li>\n<\/ol>\n<p>El curso ser\u00e1 completamente gratuito, y estar\u00e1 disponible en video a trav\u00e9s de YouTube. Puedes seguirlo y dejar tus dudas en los comentarios o en esta entrada del blog.<\/p>\n<p>\u00bfEn qu\u00e9 es diferente este curso de los otros tantos que hay en YouTube? En que este curso est\u00e1 dise\u00f1ado y elaborado de forma que NO PIERDAS TIEMPO y obtengas en mayor aprendizaje posible. El curso est\u00e1 pensado en maximizar el aprendizaje por lo que ver\u00e1s que no se pierde tiempo en detalles no esenciales y se logra avanzar mucho en poco tiempo.<\/p>\n<p>Ya est\u00e1n disponibles las primeras cuatro partes. Te dejo los enlaces a continuaci\u00f3n y te invito a que te suscribas al canal de Youtube para seguir el curso a medida que se vayan subiendo los v\u00eddeos, que ser\u00e1 semanalmente.<\/p>\n<p>Te espero en el canal!<\/p>\n<h2>Parte 1. Introducci\u00f3n al desarrollo de aplicaciones m\u00f3viles.<\/h2>\n<h3>Tu primera interfaz en Android Jetpack Compose: Uso de texto, im\u00e1genes, filas y columnas.<\/h3>\n<p>Aprende el proceso para crear una interfaz en Android Jetpack Compose que incluya Texto, Imagen, Columnas, Filas y Botones.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/hfVv4tTOZlI\" title=\"Tu primera interfaz en Android Jetpack Compose: Uso de texto, im\u00e1genes, filas y columnas\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>Colores, tipograf\u00edas, formas y temas en Android Jetpack Compose.<\/h3>\n<p>En este video vemos c\u00f3mo emplear los colores primario y secundario a un tema de Android Jetpack Compose. Tambi\u00e9n agregamos una nueva fuente tipogr\u00e1fica y creamos estilos basados en esa fuente. Por \u00faltimo, vemos c\u00f3mo forzar la vista del modo oscuro en el emulador.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/BeNBC1_kRF8\" title=\"Colores, tipograf\u00edas, formas y temas en Android Jetpack Compose\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>Agregar nuevo activity y llamarlo usando Kotlin.<\/h3>\n<p>Video corto sobre c\u00f3mo agregar un nuevo activity y llamarlo desde un Button (Jetpack Compose) usando Kotlin.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/rwkLS5LaoXo\" title=\"Agregar nuevo activity y llamarlo usando Kotlin\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>LazyColumn en Android Jetpack Compose. Lista con texto y botones.<\/h3>\n<p>En este video veremos c\u00f3mo utilizar el componente LazyColumn para crear una lista que contendr\u00e1 elementos de texto y botones.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/C4EkfVFC0cg\" title=\"LazyColumn en Android Jetpack Compose. Lista con texto y botones\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>LazyColumn con imagenes, texto y botones. Expand &amp; collapse con animaci\u00f3n.<\/h3>\n<p>Video que muestra la creaci\u00f3n de una lista LazyColumn que incluye 1 elemento de imagen y 2 elementos de texto, uno de los cuales aparece o desaparece seg\u00fan el estado de un bot\u00f3n.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/27fpvomOmKM\" title=\"LazyColumn con imagenes, texto y botones. Expand &amp; collapse con animaci\u00f3n\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>Parte 2. Navegaci\u00f3n<\/h2>\n<h3>Menu Lateral en Android usando Jetpack Compose.<\/h3>\n<p>Se crea un men\u00fa lateral usando Jetpack Compose. Se proponen dos ejemplos: uno con un men\u00fa que solo muestra elementos de texto, y otro que contiene una imagen de encabezado, iconos y texto.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/Gzb_im4rTOs\" title=\"Menu Lateral en Android usando Jetpack Compose\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>Navegaci\u00f3n usando men\u00fa lateral en Android con Jetpack Compose.<\/h3>\n<p>C\u00f3mo instalar la dependencia &#8216;navigation&#8217; de Jetpack Compose, para activar la navegaci\u00f3n en Android usando un men\u00fa lateral.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/oUmy2D3yAsw\" title=\"Navegaci\u00f3n usando men\u00fa lateral en Android con Jetpack Compose\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>Menu desplegable en TopAppBar con Jetpack Compose.<\/h3>\n<p>Se muestra c\u00f3mo crear un DropDownMenu (men\u00fa desplegable) en la TopBar de una aplicaci\u00f3n. Tambi\u00e9n se explica una forma de cambiar el title de la TopBar cada vez que se cambia la opci\u00f3n del men\u00fa.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/dxBiEXvwSDk\" title=\"Menu desplegable en TopAppBar con Jetpack Compose\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>Bottom Navigation en Android Jetpack Compose. Navegaci\u00f3n inferior.<\/h3>\n<p>Creamos un men\u00fa de navegaci\u00f3n inferior que contiene, adem\u00e1s, un bot\u00f3n flotante incrustado.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/Jdz6gwoJvWo\" title=\"Bottom Navigation en Android Jetpack Compose. Navegaci\u00f3n inferior.\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>Parte 3. Organizaci\u00f3n de la informaci\u00f3n<\/h2>\n<h3>Abrir una pantalla desde un LazyColumn usando Navigate en Android Jetpack Compose<\/h3>\n<p>En este video veremos c\u00f3mo abrir una nueva pantalla al dar clic en una fila de un LazyColumn. La nueva pantalla se abre usando el mapa de navegaci\u00f3n de Android Jetpack Compose.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/8EQFV6xQkrw\" title=\"Abrir una pantalla desde un LazyColumn usando Navigate en Android Jetpack Compose\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>Tabs en Android Jetpack Compose<\/h3>\n<p>En este video veremos c\u00f3mo implementar un componente Tab usando Android Jetpack Compose.<br \/>\n<iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/V1NricS6cbo\" title=\"Tabs en Android Jetpack Compose\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>Pasar un dato desde un LazyColumn a un Tab<\/h3>\n<p>En los videos anteriores creamos una pantalla con Tabs que era llamada desde un LazyColumn. Ahora veremos c\u00f3mo pasar el nombre del \u00edtem del LazyColumn, para utilizarlo dentro del Tab.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/XGLthpfuR3Q\" title=\"Pasar un dato desde un LazyColumn a un Tab\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>Card en Android Jetpack Compose<\/h3>\n<p>En este video veremos c\u00f3mo utilizar el componente Card para organizar la informaci\u00f3n de nuestras aplicaciones m\u00f3viles. Vamos a crear una Card que contenga im\u00e1genes, texto, y botones, Adicionalmente, colocaremos un par de estas cards que creemos en una columna de contenido desplazable.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/t0LcnSEL__A\" title=\"Card en Android Jetpack Compose\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>Cuadros de di\u00e1logo en Android Jetpack Compose<\/h3>\n<p>En este video veremos c\u00f3mo crear y llamar cuadros de di\u00e1logo tambi\u00e9n llamados AlertDialog en Android Jetpack Compose. Haremos un par de ejemplo donde vemos tambi\u00e9n c\u00f3mo utilizar cajas de texto y checkbox en nuestros cuadros de di\u00e1logo.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/FzJc4aDx9qY\" title=\"Cuadros de di\u00e1logo en Android Jetpack Compose\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h3>BottomSheet en Android Jetpack Compose. Uso de Switch y CompositionLocalProvider<\/h3>\n<p>En este video veremos c\u00f3mo crear un Bottom Sheet en Android JetPack Compose, al que le incluiremos un Switch.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/wW_YQaAjxGY\" title=\"BottomSheet en Android Jetpack Compose. Uso de Switch y CompositionLocalProvider\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<h2>Parte 4. Almacenamiento local<\/h2>\n<h3>Tu primer CRUD en Android Jetpack Compose con ROOM y Hilt.<\/h3>\n<p>Realizamos una aplicaci\u00f3n que implementa un CRUD (Agregar, Mostrar, Eliminar y Actualizar) para una base de datos usando Room e inyecci\u00f3n de dependencias con Hilt.<\/p>\n<p><iframe loading=\"lazy\" width=\"814\" height=\"459\" src=\"https:\/\/www.youtube.com\/embed\/Yu-Ty8T28ag\" title=\"Tu primer CRUD en Android Jetpack Compose con ROOM y Hilt\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Espero que este curso gratuito de desarrollo de aplicaciones m\u00f3viles con Android Jetpack Compose te permita iniciarte en esta interesante \u00e1rea del conocimiento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hola a todos. Les comento que estoy creando en video un curso gratuito de desarrollo de aplicaciones m\u00f3viles en Android usando Jetpack Compose, la nueva tecnolog\u00eda de Google para crear interfaces de usuario de una forma m\u00e1s sencilla.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"amp_status":"","footnotes":""},"categories":[234],"tags":[198,235,329],"class_list":["post-2462","post","type-post","status-publish","format-standard","hentry","category-aplicaciones-moviles","tag-android","tag-desarrollo-de-aplicaciones-moviles","tag-jetpack-compose"],"_links":{"self":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/2462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=2462"}],"version-history":[{"count":17,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/2462\/revisions"}],"predecessor-version":[{"id":2486,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/2462\/revisions\/2486"}],"wp:attachment":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=2462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=2462"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=2462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}