Available courses

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.






SQL Básico

Curso de SQL Básico

¿Porque es importante este contenido?

Actualmente el desarrollo de la tecnología informática y computacional produce un gran volumen de datos diariamente. Estos datos necesitan ser ordenados y almacenados para posteriormente poder ser usados o analizados, para esto se crearon grandes almacenes de datos llamados bases de datos.
Si tu empresa o aplicación apunta a un futuro de crecimiento, esta debe contar con una base de datos, la cual debe ajustarse a las necesidades particulares de cada tipo de empresa  o aplicación.

SQL (por sus siglas en inglés Structured Query Language; en español lenguaje de consulta estructurada) es un lenguaje específico del dominio utilizado en programación, diseñado para administrar, y recuperar información de sistemas de gestión de bases de datos relacionales​.


¿Que objetivos deberíamos alcanzar con este contenido?


  • Definiciones  y conceptos de BBDD (entidades, tablas, constraints , tipos de datos)
  • Manejar sentencias básicas de DDL (Lenguaje de definición de datos): Create , Alter, Drop, truncate.
  • Manejar sentencias básicas de DML ( Lenguaje de manipulación de datos): Select, Insert, Update, Delete.
  • Herramientas mínimas para realizar consultas mas complejas como por ejemplo: joins, funciones de agrupamiento, etc.

C#, práctica en Consola

Lenguaje de programación C#


¿Porque es importante este contenido?

Este contenido propone una aproximación al lenguaje C# desde la practica. 

Las aplicaciones de consola son muy utilizadas y nos permitirán abordar los aspectos básicos de C#.


¿Que objetivos deberíamos alcanzar con este contenido?

  • Tipos de datos básicos
  • Creación de tipo de proyecto de consola, impresión de información por pantalla
  • Creación de objetos simples (clases) DTO (data transfer object), sin atributos anidados
  • Creación de listas simples
  • Ordenamiento de listas utilizando librería Linq


C#, accediendo a datos

¿Porque es importante este contenido?

Este contenido servirá como introducción a las clases y métodos fundamentales para conectarse a una base de datos relacional desde nuestra aplicación escrita en C#.


¿Que objetivos deberíamos alcanzar con este contenido?

  • Comprender como configurar nuestra aplicación para conectarse con la base de datos
  • Comprender como conectarse a una base de datos
  • Ejecutar consultas de lectura de datos


Palabras clave:

ConnectionString:  Es el "string" (texto) que contiene toda la información para poder conectarse a la base de datos. El nombre del servidor, el puerto, el nombre de la base de datos y las credenciales (usuario y clave) para poder conectarse. Usualmente una aplicación tiene un solo ConnectionString; salvo que se conecta a múltiples bases de datos.  
SqlConnection:  En una conexión típica, es el objeto que "realmente" se conecta a la base de datos. Utilizando la información del ConnectionString, busca la base de datos en la red y se conecta a ella. A partir de establecer la comunicación, este objeto (SqlConnection) es utilizado por los demás para poder funcionar.

SqlCommand:  Este objeto nos permite (como su nombre lo sugiere) escribir y configurar el comando (lo que queremos hacer en la base de datos) de selección, inserción, eliminación o modificación. Solo puede utilizarse si existe un objeto SqlConnection instanciado y conectado a la base de datos.
SqlDataReader:  En los casos donde el comando ejecutado es de consulta (SELECT) el objeto SqlDataReader nos da acceso a los registros (la informacion en si misma) obtenida de la base de datos a través del SqlCommand. Solo puede utilizarse si existe un objeto SqlCommand instanciado y ejecutado correctamente.



Material de referencia muy útil 

https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/index

https://docs.microsoft.com/en-us/dotnet/api/system.data.sqlclient.sqlconnection.connectionstring?view=netframework-4.0

https://docs.microsoft.com/en-us/dotnet/api/system.data.sqlclient.sqlconnection?view=netframework-4.0

https://docs.microsoft.com/en-us/dotnet/api/system.data.sqlclient.sqlcommand?view=netframework-4.0

https://docs.microsoft.com/en-us/dotnet/api/system.data.sqlclient.sqldatareader?view=netframework-4.0


MVC

¿Porque es importante este contenido?

Este contenido propone una aproximación al patrón de desarrollo Model-View-Controller sobre el lenguaje de desarrollo C#.


¿Que objetivos deberíamos alcanzar con este contenido?

  • Que es y para que sirve el patrón MVC (comprender que es la "M", la "V" y la "C" de la sigla MVC!)
  • Creación de tipo de proyecto MVC
  • Creación de un formulario (V), un controlador (C) y las clases de modelo (M) para procesar y generar paginas HTML desde el servidor.
  • Conectarse a la base de datos y mostrar una lista de registros utilizando todos los componentes del punto anterior.


Introducción al patrón MVC implementado sobre C#

https://es.wikipedia.org/wiki/ASP.NET_MVC_Framework

(video - parte 1) 


(video - parte 2) 

(video - parte 3) 

(video - parte 4) 

(*** VIDEO 4 *** Solo como referencia, la conexión a la base de datos la vamos a ver de otra forma)


Uso de Razor como motor de programación de vistas.

https://www.w3schools.com/asp/razor_intro.asp


Model State

https://docs.microsoft.com/en-us/dotnet/api/system.web.mvc.modelstate?view=aspnet-mvc-5.2


RedirectToAction

https://docs.microsoft.com/en-us/dotnet/api/system.web.mvc.controller.redirecttoaction?view=aspnet-mvc-5.2#System_Web_Mvc_Controller_RedirectToAction_System_String_System_String_System_Object_


Arquitectura Multicapa

https://en.wikipedia.org/wiki/Multitier_architecture

Control de Versión

Concepto de control de versión de fuentes y documentación


¿Por qué es importante mantener un control de versión de los documentos y fuentes modificados?

Uso de GIT y TFS como herramientas de control de versión.

Herramientas Avanzadas

Curso de herramientas avanzadas

 

Uso de Putty, WinSCP, FileZilla, entre otras herramientas, en la operatoria diaria de la empresa.

SQL Intermedio / Avanzado

Curso de SQL Intermedio / Avanzado


Creación de Stored Procedures para operaciones CRUD.

Uso de funciones y concepto de vistas.

Vue

Vue (pronunciado /vjuː/, como view) es un framework progresivo para construir interfaces de usuario. 

A diferencia de otros frameworks monolíticos, Vue está diseñado desde cero para ser utilizado incrementalmente. 

La biblioteca central está enfocada solo en la capa de visualización, y es fácil de utilizar e integrar con otras bibliotecas o proyectos existentes. Por otro lado, Vue también es perfectamente capaz de impulsar sofisticadas Single-Page Applications (SPA) cuando se utiliza en combinación con herramientas modernas y librerías de apoyo.

Buenas Prácticas

¿Por qué son importantes las buenas prácticas en la programación? 


Porque nos permite desarrollar un producto Software que tenga calidad y cuyo código fuente sea legible y mantenible.


En este curso  se verán en detalle las buenas prácticas que seguimos en la empresa.


React

React es una biblioteca JavaScript de código abierto diseñada para crear interfaces de usuario con el objetivo de facilitar el desarrollo de aplicaciones en una sola página (SPA).


React intenta ayudar a los desarrolladores a construir aplicaciones que usan datos que cambian todo el tiempo. Su objetivo es ser sencillo, declarativo y fácil de combinar. 


Sólo maneja la interfaz de usuario en una aplicación; es la Vista en un contexto en el que se use el patrón MVC (Modelo-Vista-Controlador) o MVVM (Modelo-vista-modelo de vista). También puede ser utilizado con las extensiones de React-based que se encargan de las partes no-UI (que no forman parte de la interfaz de usuario) de una aplicación web.

Evaluación Módulo 2 - 2021

Evaluación 2021 - Módulo 2



Evaluación Módulo 1 - 2021

Evaluación 2021 - Módulo 1

Inducción