
Vamos a explorar nuestra primera página web con Elm
Aprenderemos a agregar nuevos botones
Divirtiéndonos con más botones
Aprender como empieza todo
Conocer cómo hacer cambios dinámicos en la página con el módulo del navegador llamado Browser
Vamos a aprender cómo agregar eventos a nuestra página
Conocer a nuestro amigo el compilador que nos ayuda a crear sitios web con calidad
Aumentando la seguridad con el compilador
Cómo seleccionar los siguientes videos de instalación
Instrucciones cómo instalar las herramientas que necesitamos usando Windows
Instrucciones cómo instalar las herramientas que necesitamos usando Ubuntu Linux
Instrucciones cómo instalar las herramientas que necesitamos usando Macintosh
Nuestro primer programa en local
Aprende cómo agregar cajas de texto para que el usuario pueda incluir datos
Vamos a conocer como detectar clicks y otros eventos
Vamos a tener más control sobre las páginas web usando HTML
Uso de Elm Live para mostrar los cambios de forma automática
Aprender cómo inspeccionar la funcionalidad y agregar el conteo bien
Mejoras en nuestro código
Uso de anotaciones para especificar que datos contienen qué partes de nuestro código y mejorar muchas cosas
Para practicar vamos a agregar un cálculo adicional usando los nuevos tipos listos
Vamos a configurar un nuevo proyecto web
Agregando colores a nuestra nueva página web
Agregando la imagen de nuestro perrito
Agregando nuestros propios tipos de letra
Mejorando el contenido de texto con columnas editoriales
Usando colores por temas
Agregando botones personalizados
Activando eventos y contenido dinámico en nuestra página web usando un Browser sandbox
Poner el sitio web de nuestro perrito en Internet
Preparando nuestro proyecto web como un nuevo Browser element para poder usar comandos de llamadas JSON
Leyendo el título de datos usando JSON
Reorganizando nuestro código para que funcione mejor
Leyendo más campos utilizando JSON
Aprendiendo a utilizar Maybe, Nothing y Just para expresar datos opcionales
Cargando fotos por el ID dinámicamente
Una breve descripción del sitio web que vamos a hacer en esta nueva sección
Vamos a agregar un botón con la funcionalidad base del buscador de libros
Vamos a hacer la primera llamada JSON para sacar el total de libros
Agregando el detalle de posibles errores
Reorganizando nuestro código para poder avanzar mejor
Sacar la lista de IDs de los resultados
Leyendo y pintando todos los títulos de los libros encontrados
Pintando las imágenes de las cubiertas de los libros
Vamos a aprender cómo arreglar cases anidados y presentar mejor las cubiertas de los libros con sus títulos
Detectar la tecla enter para hacer la búsqueda
Agregando los enlaces de los libros
Reorganizando la disposición visual de los resultados
Agregar colores a nuestro sitio web
Vamos a contrar como presentar los elementos que están seleccionados en nuestras páginas web
Vamos a poner nuestro nuevo sitio web del buscador de libros en Internet
Prepararemos las cosas para tener ahora un Browser.document en lugar de solo un Browser.element o un Browser.sandbox y como poder usar usarlo
Vamos a aprender a usar nuestro propio código HTML con nuestra aplicación compilada explícitamente para ganar más control de nuestros sitios web
Aprenderemos como recibir datos desde el navegador en nuestro código fuente
Vamos a guardar datos desde dentro de nuestro código Elm hacia el navegador usando ports y local storage
Vamos a agregar un botón más para resetear el contador y aprender cómo crear un componente visual en un nuevo módulo extra de apoyo usando Elm.
Vamos a preparar el código para incluir gráficos estadísticos
Aprenderemos como agregar nuestro primer gráfico de barras
Vamos a personalizar nuestro primer gráfico con nuestros propios datos, colores y márgenes
Crea sitios web profesionales utilizando este nuevo tutorial de Internet, únete a nosotros y aprende a desarrollar aplicaciones web funcionales con buen contenido visual tanto como para tu blog personal como para las aplicaciones web de tu empresa o tu nueva startup.
La clase es práctica con videos que puedes seguir a tu propio ritmo, el código de referencia está en GitHub para cada paso de la clase. Opcionalmente puedes saltar a la última clase de cada sección para obtener el código completo y avanzar más rápido si lo consideras adecuado.
Vamos a aprender cómo:
Preparar todo para crear sitios webs rápidamente utilizando Elm Live
Crear interfaces visuales utilizando Elm UI
Mostrar gráficos estadísticos usando Elm Charts
Hacer cambios a nuestras páginas web de forma ordenada y coherente
Utilizar llamadas remotas a diversas API JSON usando HTTP
Depurar una aplicación web con el Elm Debugger
Diseñar páginas web responsive para que se vean bien en tablets, celulares o móviles por igual
Mejorar nuestros sitios web utilizando técnicas de accesibilidad
Dibujar animaciones utilizando gráficos de SVG
Publicar en Internet usando técnicas de JAMStack
El profesor tiene una amplia experiencia en batallas reales haciendo sistemas distribuidos, incluyendo APIs HTTP JSON, APIs Thrift, bases de datos, cloud, aplicaciones móviles y web.
Ven y únete a nosotros para aprender juntos Elm, una de las piezas más valiosas para crear sitios web profesionales de éxito hoy en día.