Forem: Gustavo Lizárraga

¿Qué es Xamarin?

Gustavo Lizárraga — Tue, 14 Feb 2023 02:36:51 +0000

¿Está interesado en crear una aplicación para dispositivos móviles y tabletas utilizando la plataforma Xamarin, pero no sabe por dónde empezar? ¡No te preocupes, te tenemos cubierto! En este blog, discutiremos los conceptos básicos de la creación de su primera aplicación con Xamarin.

Si eres nuevo en la plataforma Xamarin y no tienes mucha experiencia en codificación, no te dejes intimidar, es sorprendentemente simple crear una aplicación. ¡Con unos pocos recursos y orientación, puede tener su nueva aplicación en funcionamiento en poco tiempo! Para ayudarte a comenzar,
hemos descrito los pasos para crear tu primera aplicación con Xamarin.

¿Qué es Xamarin?

Xamarin es una herramienta para desarrolladores que permite crear aplicaciones móviles nativas para Android, iOS y Windows, con la gran particularidad de que el código se escribe de una vez en el lenguaje de programación C#, y ese mismo código se migra y se ejecuta de forma nativa a los otros sistemas.

Sus ventajas y compatibilidades no sólo le dan un gran poder, sino que llevó a Microsoft a que gastara más de 400 millones de dólares en adquirirla.

¿Qué puedo hacer con Xamarin?

Lo mismo que puedes hacer con Swift, Objective-C, Java o Kotlin lo puedes hacer con C# utilizando Xamarin: crear apps multiplataforma. Con su IDE Visual Studio ya no se deberá reescribir el código en diferentes lenguajes.

El único «pero» que le podemos poner es que Xamarin utiliza los recursos nativos de cada plataforma, por lo que si queremos crear una app para iOS necesitaremos contar con un Sistema Mac OS X.

¿Xamarin Native o Xamarin.Forms?

¿Qué es Xamarin.Forms? Es un framework de código abierto (open source) que permite compilar apps en versiones como la versión Android, iOS y Windows de esta herramienta. Entonces, ¿qué utilizar? El uso de uno u otro framework dependerá de tus necesidades.

Básicamente, si tu aplicación necesita un diseño simple y es de código compartido, o si la función principal de tu aplicación es la entrada de datos o pretendes prototipar una app, usa Xamarin.Forms.

¿Cómo empiezo a crear aplicaciones con Xamarin?

Paso 1: Investigación y Planificación

Antes de comenzar a construir, es importante hacer su investigación y planificar su aplicación. ¿Cuál es el propósito de tu app? ¿Cómo vas a atraer a los usuarios y generar interés? Estas son todas las preguntas que debe responder antes de embarcarse en su viaje de creación de aplicaciones.

Paso 2: Descargar Xamarin

Para desarrollar su aplicación con Xamarin, debe instalar el software Visual Studio en su ordenador. Este software es gratuito para descargar, por lo que no le costará un centavo para crear su aplicación.

Paso 3: Configure su entorno de desarrollo

A continuación, deberá configurar su entorno de desarrollo para crear su aplicación. Esto implica la creación de cuentas con la App Store de Apple, Android Play Store, así como plataformas de Microsoft y Google Cloud. Este paso solamente que necesite subir su aplicación a las distintas tiendas.

Paso 4: Diseña tu aplicación

Después de configurar su entorno de desarrollo y cuentas, es hora de ser creativo y diseñar su aplicación. Usando el enfoque tradicional de arrastrar y soltar o desarrollando con HTML, puede crear una aplicación robusta y visualmente atractiva para sus usuarios.

Paso 5: construcción y pruebas

Una vez que haya diseñado su aplicación, es hora de darle vida. Aquí es donde Xamarin realmente brilla. La plataforma le permite implementar aplicaciones nativas en iOS y Android, mientras que las aplicaciones nativas o híbridas también se pueden construir para Windows. Asegúrese de probar su aplicación a fondo antes de implementarla, ya que a nadie le gustan las aplicaciones con errores que no funcionan correctamente.

Paso 6: Publicación

Una vez que su aplicación esté libre de errores y lista para usar, puede publicarla en sus respectivas tiendas de aplicaciones. Sigue sus pautas, sube los archivos necesarios y tu aplicación estará disponible para todo el mundo.

¡Felicidades, acabas de crear tu primera aplicación con Xamarin! Crear una aplicación puede ser un desafío, pero también es increíblemente gratificante. Con Xamarin, puede crear aplicaciones nativas e híbridas para múltiples plataformas de forma rápida y fácil. Entonces, ¿a qué esperas? ¡Empieza hoy mismo con tu primera app!

Conclusión.

Hoy en día existen varias alternativas para crear aplicaciones móviles, por lo que dependiendo de tus gustos y preferencias, Xamarin puede ser una alternativa interesante para crear tus aplicaciones móviles multiplataforma con una sola base de código.
Es momento que te animes a probar Xamarin y dinos tus experiencias.

¿Qué es .NET MAUI?

Gustavo Lizárraga — Thu, 09 Feb 2023 03:17:10 +0000

Empecemos mencionando acerca de Xamarin y Xamarin Forms que son ahora las alternativas "anteriores" para crear aplicaciones móviles Android e iOS.

La evolución de ellos, es .NET MAUI cuyo nombre es el acrónimo de "Multi-platform App UI" y se trata de un entorno de trabajo multiplataforma que permite desarrollar aplicaciones móviles y de escritorio nativas con base en los lenguajes C# y XAML.

Ventajas

La ventaja principal que tiene .NET MAUI es la posibilidad que brinda para construir aplicaciones ejecutables en Android, iOS y Windows desde un código único compartido y eso lo realiza gracias a que aprovecha el SDK de cada plataforma.
Tiene un motor de diseño específico para el diseño de páginas.
Tiene una API Multiplataforma que permite el acceso a propiedades de los dispositivos nativos como el GPS, acelerómetro entre otros.
Posibilidad de personalizar los controladores, logrando mejoras estéticas en la interfaz de usuario.
Una librería de páginas que permite crear flujos de navegación enriquecidos, como pueden ser los cajones.
Recarga activa de .NET, que hace posible modificar tanto el código XAML como el código fuente administrado durante la ejecución. Luego, permite observar el resultado de estas modificaciones sin necesidad de volver a generar la aplicación.

¿Qué nos presenta .NET MAUI?

.NET MAUI tiene más de cuarenta diseños y controles diseñados para construir interfaces de usuario que puedan adaptarse tanto a dispositivos móviles como de escritorio en Windows.

Entre todos estos elementos están incluidos todos los heredados desde Xamarin.Forms y adicionalmente novedades de: BlazorWebView, Border, GraphicsView, MenuBar, Shadow y Window.

Como valor añadido, también incorpora componentes e incluso aplicaciones al completo de Blazor para permitir equiparar la experiencia de los usuarios en ordenadores y terminales móviles.

Gracias a ello, se abren nuevos escenarios en este mundo del diseño de aplicaciones, como puede ser el uso de Blazor Hybrid para desarrollar soluciones más interactivas del lado del cliente con .NET en una aplicación ASP.NET Core.

¿Qué diferencia principal hay entre Xamarin.Forms y .NET MAUI?

Como principal punto diferenciador entre Xamarin.Forms y .NET MAUI, destaca que con esta nueva solución es posible implementar gran parte de la lógica de la aplicación y de su interfaz en una sola base de código.

Es decir, las aplicaciones de .NET MAUI se desarrollan y compilan en paquetes de aplicaciones nativas.

En este entorno las aplicaciones se construyen en base a un único proyecto multiplataforma, independientemente de que su destino final. Ejemplos de ellos serían Android, iOS, macOS, Windows, o todos ellos.

¿Cómo puedo empezar con .NET MAUI?

Debes de asegurarte de disponer de la última versión de Visual Studio. En caso de no contar con ella, puedes descargarla aquí.

Ejecuta el instalador y asegúrate de elegir .NET MAUI y ya estará todo listo para que empieces a crear aplicaciones multiplataforma con esta nueva solución.

Conclusión

Hoy en día se puso "de moda" por así decirlo, la manera de crear aplicaciones móviles con una sola base de código para distintas plataformas, por lo que a raíz de ello las grandes empresas como Microsoft, están dando un salto enorme al crear este tipo de herramientas para nosotros.
Para los desarrolladores que ya trabajaban con Xamarin.Forms, el lanzamiento de .NET MAUI es una gran noticia, ya que les permite seguir desarrollando sus proyectos, incorporando las nuevas funcionalidades e integrándose dentro de .NET.
Siempre dije que no es bueno quedarte solamente con una tecnología para desarrollar aplicaciones móviles, es bueno que sepas varias para elegir alguna en determinado proyecto y definitivamente, elegiría .NET MAUI para mis siguientes proyecto y tu también ¡hazlo!

10 extensiones útiles para VSCode

Gustavo Lizárraga — Thu, 09 Feb 2023 02:36:28 +0000

Visual Studio Code se convirtió en uno de los IDEs (Entorno de desarrollo integrado) más populares y utilizados por la comunidad, por lo que si lo utilizas en tu día a día, es una buena alternativa instalar distintas extensiones que te ayudarán en tu proceso de desarrollar Software.

Acá te muestro algunas de las extensiones que utilizo y me son de mucha utilidad.

1. REST Client

Cuando realizamos una petición HTTP a un servicio web externo, debemos recibir el resultado en JSON mediante la consola inicialmente, pero podemos utilizar REST Client, que nos permite enviar y ver la respuesta directamente en VSCode.

2. Import Cost

Cuando utilizamos una librerías, dependencias o paquetes para nuestras aplicaciones, generalmente no sabemos cual es el peso del mismo, pero tenemos a Import Cost que nos mostrará en la misma línea de código de la importación, el tamaño del paquete el cuál utiliza Webpack para detectar el tamaño importado o a importar.

3. GitLens

GitLens parte de los productos de GitKraken, nos permite visualizar quién, porqué y cuando se cambió una línea o bloque de código de un vistazo a través de anotaciones, con lo que ayuda bastante a ver el historial y evolución de un proyecto.

4. GitHub Copilot

Si demoras mucho programando o pierdes tiempo buscando la solución en Internet, GitHub Copilot es la alternativa par acelerar tu desarrollo, solamente debes instalar la extensión en VSCode y empezar a programar con un asistente de código con Inteligencia Artificial.

5. Better Comments

Si odias documentar tu código o no sabes que comentario colocar a aquella función que te costó tanto hacerla pero no sabes como explicarlo con palabras sencillas, Better Comments te ayuda a crear comentarios amigables, podrás categorizar tus anotaciones en alertas, querys, TODOs y más.

6. Material Icon Theme

Si no te gusta los iconos que vienen por defecto en VSCode, existe Material Icon Theme, con el cuál podrás personalizar como tu quieras y darle un estilo diferente a los demás.

7. ESLint

Si necesitas solucionar tu código de Javascript, existe ESLint, pero también lo podemos instalar en nuestro editor favorito y utilizarlo de manera sencilla.

8. Markdown Preview Enhanced

Probablemente seas creador de contenido en blogs, o simplemente quieres escribir un bonito README.md en tu repositorio de GitHub, GitLab, etc. Por lo que hacer Markdown a ciegas no es una buena opción. Por ello existe Markdown Preview Enhanced que te permite dividir tu pantalla y tener una vista previa de tu archivo de texto hecho en Markdown.

9. JSON to Dart

Si desarrollas aplicaciones móviles con Flutter, probablemente no quieras realizar la conversión de un JSON y convertirlo a un objeto en Dart, por lo que una buena opción es JSON to Dart, que solamente debes pegar en el un texto en JSON y se encargará de convertirlo en las clases necesarias para mapear ese resultado a objetos Dart.

10. Flutter Widget Snippets

Probablemente al desarrollar en Flutter, existan varias estructuras que son base para crear un Widget, por lo que hacerlos a mano es un trabajo largo, para ello tenemos Flutter Widget Snippets, que nos tiene preparado una seria larga de comandos para ya adicionar el código necesario para ese Widget que necesitas.

Conclusiones.

Sea en el lenguaje que desarrolles y utilices Visual Studio Code como tu acompañante, es una buena idea instalar distintas extensiones al mismo, ya que ello te ayudará a trabajar de manera más cómoda y acelerar tu trabajo.

¿Y tú, que extensiones utilizas?

¡Lo nuevo de GitHub!

Gustavo Lizárraga — Thu, 07 May 2020 20:43:19 +0000

Si en tu día a día utilizas GitHub como sistema para almacenar tus proyectos de Software, seguramente te interesará saber las novedades que GitHub nos presentó en su evento anual.

GitHub Satellite 2020

Es el evento anual que GitHub presenta para enseñar sus nuevos productos y unir a la comunidad más grande de desarrolladores a nivel mundial con todas las novedades tecnológicas.

GitHub Satellite Virtual 2020

Éste año el evento debía llevarse a cabo en Paris - Francia. Pero para resguardar la seguridad de los participantes por el tema del COVID-19, se llevó a cabo de forma virtual para no perdernos las últimas novedades que nos presentan.

GitHub Satellite Virtual 2020, se llevó a cabo éste 6 de Mayo mediante transmisión por YouTube. Algunos de los tópicos tocados en el evento fueron: Novedades de GitHub, vulneravilidades de software, GitHub Actions, Javascript, NPM, AWS y muchos otros temas de tecnología en general.

Novedades

Nat Friedman CEO de GitHub inició el evento con un Keynote resumiendo lo más relevante que se presentará en el evento.

Algunos datos rápidos que nos presentó fueron:

GitHub Actions: es una de las caraterísticas que más utilizan los usuarios.
GitHub Mobile: disponible para iOS y Android hace un tiempo atrás.
GitHub Sponsors: que está llegando a más países para que los desarrolladores puedan ser patrocinados a través de los proyectos que tengan en sus repositorios.
GitHub ahora es gratis para equipos, recalcó la noticia de principios de año.
GitHub + npm: una de las novedades hace unos meses que alegró a muchos desarrolladores Javascript.
50 millones de desarrolladores en GitHub, una cifra que alienta a seguir adelante.
Y finalmente un incremento de uso de las distintas herramientas desde Enero del 2020 para proyectos Open Source.

Pero son 4 las novedades que realmente llamaron la atención de más de un desarrollador que utiliza GitHub diariamente:

GitHub Discussions. La herramienta para que las comunidades puedan colaborar.
Codespaces. Si querías un IDE on-line, ahora lo tienes.
GitHub Code and Secret Scanning. Escaneo de tu código para obtener o proveer código seguro.
GitHub Private Instances. Destinada para ofrecer a las empresas seguridad y flexibilidad con sus regulaciones nacionales.

Ahora veamos a detalle cada uno de ellos:

GitHub Discussions.

Si bien alguno dirá que ya existían Discussions en GitHub. Pero ésta se encuentra enlazado a una base de código. En éste caso GitHub Discussions pretende ser una alternativa para poder generar conocimiento y solución de preguntas dentro de un repositorio, las cuáles pueden ser marcadas como respondidas.

A diferencia de los issues que desaparecen cuando uno los culmina. Las Discussions se mantienen visibles para que otros desarrolladores puedan aprender con las preguntas realizadas.

En otras palabras, una competencia a Stackoverflow. 😂 (Es broma).

Si quieres ver como funcionan las GitHub Discussions puedes ingresar a ver las Discussions de GitHub Satellite Virtual 2020.

Codespaces

El configurar un entorno de desarrollo de un proyecto en ocasiones es complicado. Es por ello que ahora GitHub tendrá incorporado todo un entorno de desarrollo integrado (IDE) dentro de los repositorios de GitHub. Para que puedas realizar los cambios necesarios de la mejor forma como si estuvieras en tu entorno personal.

Codespaces está basado en uno de los IDEs más utilizados hoy en día como lo es Visual Studio Code (VSCode). Con todas sus características y facilidades que posee e incluso poder interactuar inmediatamente con su IDE de manera local.

Se encuentra de forma gratuita mientras esté en beta. Luego se presentarán los precios por si requieren utilizar a GitHub como entorno de despliegue en la nube para realmente vivir esa experiencia de trabajar en un IDE localmente pero en la nube.

Puedes solicitar acceder al acceso temprano de Codespaces.

GitHub Code and Secret Scanning.

Compartir código seguro y obtener código seguro es una de las premisas para ésta nueva característica. Que básicamente se basa en que nosotros como desarrolladores podamos compartir código seguro con la comunidad y también nosotros podamos encontrar repositorios con código seguro para poder darle continuidad y otros.

Se lanzaron dos características importantes para ésta sección:

Code Scanning:
Consiste en que cada vez que nosotros realicemos un git push, GitHub automáticamente realizará un escaneo al código para buscar vulnerabilidades potenciales, las cuáles se nos presentarán en modo de un pull-request.

El escaneo de código se lo realiza mediante CodeQL que es el motor semántico más avanzado del mundo.
Secret Scanning:
Anteriormente se lo conocia como token scanning y estaba disponible desde 2018. Que se encontraba disponible solamente en repositorios públicos. Ahora también los repositorios privados podrán gozar de un escaneo del código para poder detectar vulnerabilidades potenciales y notificarlos mediante un pull-request.

Ambas características se están trabajando para que sean gratuitas a todos los usuarios. Puede solicitar que te den acceso temprano a Code and Secret Scanning..

GitHub Private Instances.

La seguridad de los proyectos de las grandes empresas son importantes para GitHub, es por ello que lanzaron las instancias privadas de GitHub que consiste en una serie de planes para dar mayor seguridad, flexibilidad, cumplimiento de las distintas políticas que tienen las grandes empresas para cumplimiento de sus requisitos regionales y soberanía de los datos en países que son altamente regulados.

Campus Expert Watch Party 🎉!

Actualmente pertenezco al programa GitHub Campus Expert y hoy tuvimos una Watch Party que consistía en la invitación a los expositores de Satellite a una sala privada en Zoom. Mediante el cuál podíamos realizar preguntas personalizadas con todos los Campus Expert.

Me siento bastante entusiasmado por todas las nuevas características que hoy lanzaron en GitHub. Si bien no son todas las que mencioné, pero son las más relevantes.

A ti, ¿Cuál de las nuevas características te gustó más?. Déjamelo saber en los comentarios.

Y si quieres ver toda la transmisión del evento puede verlo en Youtube.

Mantente actualizado con todas las nuevas herramientas para todo desarrollador #NuncaParesdeAprender y #NuncaParesdeCompartir.