JavaScript, CSS & HTML para Geomátios

Un curso pensado para cubrir aquellos aspectos o zonas grises que no suelen enseñarse y que son considerados los secretos del JS, HTML y el CSS. Descubrirás lo sencillo que es entender y desarrollar estructuras para albergar tus Geo Portales o Geo Dashboards, aprenderás desde los fundamentos, acompañados de tips y/o trucos que te permitirán maquetar, estilar, personalizar y agregar funcionalidad a lo que será la base visual y funcional de tus proyectos empleando javascript, css y html.

Descargar Temario

$ 79.99

Comprar ahora

Responsable	Carlos Fierro
Última actualización	17/02/2024
Tiempo de finalización	1 día 20 horas 44 minutos
Miembros	37

Curso
Reseñas

Geo HTML CSS JavaScript Js

Sesiones en Vivo
- Sesion 01 - En vivo -Completo
- Sesión 02 - En vivo - Completo
- Sesión 03 - En vivo - Completo (parte-1)
- Sesión 03 - En vivo - Completo (parte-2)
- Sesión 03 - En vivo - Completo (parte-3)
Fundamentos de HTML Y CSS
- ¿Qué aprenderás sobre HTML y CSS?
- Editores Online (CodePen - jsfiddle)
- Anatomía de una página web
- Index y su estructura básica: head
- Index y su estructura básica: body
- Anatomía de una etiqueta HTML
- Etiquetas multimedia (img, figure, video).
- Uso de etiqueta DIV
- Uso de etiqueta SELECT
- Uso de etiqueta BUTTON
CSS – Sin secretos
- ¿Qué es el CSS?
- ¿Cómo utilizar el CSS?: por etiqueta, selector, class y por ID
- Anatomía de una regla de CSS
- Herencia
- Especificidad en Selectores
- Medidas EM
- Medidas REM
- Max/Min width
- Display, Position
- ¿Qué es Bootstrap?
- Etiqueta Select en Bootstrap – agrupación horizontal
- Uso de paneles con Bootstrap
- ¿Qué es FlexBox?
- Uso aplicativo de Flexbox
- Reto: Maquetación Contenedor Geo Portal.
- Reto: Maquetación Contenedor Geo Dashboard.
Primeros pasos con JS
- Definiendo mi entorno de trabajo (VSCode)
- ¡Hola Mundo!
- Anatomía de una variable
- Constantes vs Variables
- Operaciones con Strings
- ¿Qué es un objeto?
- Anatomía de un objeto en JavaScript
- Construyendo objetos en JavaScript
- Manipulación de un objeto
- Inspector de elementos en los navegadores
- Inspector de elementos: elementos, consola, red, etc.
Construyendo tu primer Sidebar
- ¿Qué es JQuery?
- ¿Qué es el DOM?
- Manipulando el DOM con Vanilla Javascript
- Manipulando el DOM con Jquery
- ¿Qué es un SIDEBAR?
- Opciones existentes de implementación de Sidebar en Geo Portales
- Reto: Creando Sidebar para Geo Portal
- Reto: Creando Cards para manejo de capas
Funciones, this en Javascript & JQuery
- Anatomía de una función.
- Identificador this
- Funciones vs Métodos
- Métodos bind, call y apply
- Uso del IF ELSE
- Uso del For in
- Uso del $(document).ready()
- Recorriendo con el uso de for una fuente de tipo archivo GeoJSON
- Imprimiendo en el DOM de forma dinámica los features de un GeoJSON
VSCode & Postman. Servicios web: REST Y SOAP
- Postman y su entorno
- Postman y servicios web de mapas
- Consumiendo servicios web de mapas con fetch
- Consumiendo servicios web de mapas con $Ajax
- Recorriendo con For in, en el objeto Features
- Emulando contenido de un popup
- Uso de VSCode en vez de Postman App
Proyecto Final
- Implementación Popup personalizado
- Estilizando popup
- Añadiendo botones al popup
- Llamando ventanas modales con Bootstrap
- Llamando ventabas modales con JS
- Creando Sidebar
- Personalizando sidebar
- Manipulando eventos en diversos elementos
- Creando menú tipo cortina para Geo Portal
- Creando botones flotantes
- Creando sidebar personalizados
Bonus - Introducción a Docker
- ¿Qué es Docker?
  
  Vista previa gratis
- Instalacion de Docker Container
- ¿Cómo funciona Docker?
- Containers en Sistemas Operativos
- ¿Cómo se crea un docker container?
- Comandos en Docker Run
- Comandos para listar Containers
- Ciclo de vida de un container
- Stop y Kill Containers
- Laboratorio con Redis y Acceso a Shell
- Acceso a Shell con Docker Run
- Creación de imagenes con Docker