Contenidos módulo 1:


  • Qué es el protocolo HTTP, método GET y POST.
  • Utilizar la herramienta de desarrollo de Chrome y Firefox.
  • Entender el lenguaje HTML y uso de CSS.
  • Uso de grilla utilizando Bootstrap.
  • Manejo básico de JavaScript (operadores, tipos de datos, Funciones, Arrays).
  • Cómo realizar una llamada AJAX a través de JavaScript y jQuery.

Introducción al desarrollo WEB y temas generales

Introducción a contenidos y herramientas utilizadas en el desarrollo web


¿Porque es importante este contenido?

Este contenido servirá como introducción al desarrollo web, describiendo a nivel general los diferentes contenidos que luego serán profundizados a lo largo de la capacitación así como el uso de las herramientas mas utilizadas en la empresa durante el día a día en los diferentes equipos de desarrollo.   Estas herramientas pueden utilizarse para "desarrollar software" en si mismo (como los compiladores), o como herramientas de productividad y diagnostico.


¿Que objetivos deberíamos alcanzar con este contenido?

  • Comprender como funciona una aplicación WEB y que componentes principales la conforman
  • Comprender de forma general que sucede cuando vistas una pagina WEB (por ejemplo facebook.com)
  • Que es un archivo HTML y como es su estructura básica
  • Que es el protocola HTTP
  • Comprender una noción básica de estructura de aplicaciones (módulos)
  • Familiarizarse con las herramientas de texto y de recortes de windows
  • Familiarizarse con la consola de Windows (cmd.exe)
  • Instalar un servidor WEB de pruebas






HTML + CSS

Diseño HTML + CSS

Introducción a HTML, CSS y Bootstrap como Framework de Interfaz de Usuario.


Casi todo lo que consultas en la WEB, ya sea en tu casa, la oficina o desde tu dispositivo móvil contiene algún tipo de contenido HTML, CSS y funciona bajo los protocolos mas utilizados de Internet (http).
Con esta introducción conseguirás comprender con mas detalle que es lo que sucede cuando consultas una pagina WEB y que vayas imaginando el desarrollo de una propia....

¿Que objetivos deberíamos alcanzar con este contenido?

  • Comprender como desarrollar una pagina HTML con titulo, estilos básicos y controles básicos
  • Comprender como incorporar estilos mediante CSS y cuales son sus beneficios
  • Incorporar conceptos de maqueta de paginas WEB (filas, columnas, bloques) mediante la librería bootstrap
  • Familiarizarte con las herramientas de desarrollo y depuración de paginas WEB

JavaScript Básico

Introducción JavaScript básico


JavaScript (abreviado comúnmente JS) es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,3​ basado en prototipos, imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador webpermitiendo mejoras en la interfaz de usuario y páginas web dinámicas4​ aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). 
[...]

JavaScript se diseñó con una sintaxis similar a C, aunque adopta nombres y convenciones del lenguaje de programación Java. Sin embargo, Java y JavaScript tienen semánticas y propósitos diferentes.
Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del Document Object Model (DOM).
Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor. 

Actualmente es ampliamente utilizado para enviar y recibir información del servidor junto con ayuda de otras tecnologías como AJAX. JavaScript se interpreta en el agente de usuario al mismo tiempo que las sentencias van descargándose junto con el código HTML.


¿Que objetivos deberíamos alcanzar con este curso?

  • Entender el uso básico de JavaScript como un lenguaje interpretado del lado del cliente.
  • Declaración y uso de variables, operadores, iteradores y manejo de Arrays.
  • Declaración y uso de funciones.
  • Entender el concepto de Scope en la declaración de variables.
  • Cómo utilizar jQuery para manipular elementos de DOM.

AJAX Básico

Introducción AJAX básico


AJAX es una tecnología que nos permite realizar acciones en una página web que necesiten respuesta del servidor sin recargarla. Con ello conseguimos que nuestra web sea dinámica y por tanto obtener un diseño más atractivo para el usuario.


En este curso veremos a nivel básico la implementación de llamadas AJAX mediante JavaScript y mediante JQuery.


¿Que objetivos deberíamos alcanzar con este contenido?

  • Comprender la tecnología AJAX y su utilidad para realizar peticiones al servidor sin recargar por completo una página.
  • Entender JSON como un formato de almacenamiento ligero para realizar el intercambio de información.
  • Conocer cómo implementar una llamada AJAX utilizando javaScript puro.
  • Conocer cómo implementar una llamada AJAX utilizando la biblioteca jQuery.