Lenguajes Visuales

Programación IV
INFO-107
Ing. Erick Brenes Richmond
Agenda
Presentación Programa de curso Aspectos Tema:

administrativos
Lenguajes visuales
Temas
 Conceptos base: Internet, Navegadores, Frontend y
Backend.
 Entorno de desarrollo para el curso.
 Asp.Net Web Forms.
 Controles.
 Niveles de acceso.
 Programación orientada a objetos.
 Conceptos básicos de programación.
Transformación Web
• 80´s no había internet (Se hacen los primeros intentos) -
Consola.
• 90’s se posiciona la web. Terminales tontas.
• 2000’s Boom Internet.
• 2007 Boom Móvil
• Hoy: Responsivo, IOT, Apps, Nube, Inteligencia Artificial,
Integración/Mantenimiento.
Transformación Web
1996 1994
Transformación Web
2005 2004
Navegadores
Fuente: Internet Advisor

Proceso Web
Cliente Servidor
Request Recibe
(HTTP o HTTPS)
Solicitud
Procesa
Devuelve
Resultado
Html, css, js C#, SQL, java ….
FRONTEND BACKEND
Frontend
fuente: edureka.com
Frontend
HTML: Estructura base de la página (Esqueleto)
CSS: Colores-Animaciones… (Estética)
Javascript: Validaciones, llamados al servidor, ciclos…

(Funcionalidad)
Frontend - Frameworks
Backend
o Expone Servicios (Sitios web, apps, Servicios, etc.)

Recibe
Solicitud o Procesamiento de las solicitudes.
o Administra concurrencia.
Procesa
o Responde las solicitudes.
Devuelve o Seguridad de los datos y aplicaciones.
o Comunicación con otros Servicios.
Backend
o Patrones de diseño.
o N capas.
o SOA.
o MVC.
o Lenguaje de alto nivel (c#, java, C, C++, php, ...)
o Bases de datos relacionales y No relacionales.
o Integración con otros Servicios (API).
o Infraestructura interna.
Entorno de desarrollo –
Programación IV
Descarga:
https://my.visualstudio.com/Downloads/Featured
Conceptos básicos
 Desarrollado por Microsoft
 Tipado seguro y orientado a objetos
 Desarrollado por Anders Hejlsberg en
1999
 Cool (C object oriented language)
 Versión 1: 2002
 Actualmente Versión 11
Visual Studio
 Desarrollado por Microsoft para crear
aplicaciones para Windows, web,
consola y móviles.
 Soporte para múltiples lenguajes

(HTML, Razor, C#, Visual Basic, F#,
entre otros…)
 El fuerte es lenguaje C# (C/C++)
 Versión Community
Conceptos básicos
 Separa las vistas (HTML) de la capa lógica.
 Permite el uso de controles desde el servidor hacia el
cliente.
 Es un IDE que permite agregar y manipular controles en
un formulario.
 Permite definir propiedades, eventos y métodos para cada
control.
 Posee controles de servidor (label, textbox, datagrid,
listbox, etc.) y controles HTML (button, table, image, text,
etc.)
Controles
 Realizan la acción de la aplicación, así como la interacción con el usuario.
 Algunos de ellos:
• Button • Image
• Label • DatetimePicker
• TextBox • Etc.
• ListBox, ComboBox, CheckBox

Controles
 Propiedades
• Tamaño • Estado (habilitado o deshabilitado)
• Color • Visibilidad
• Ubicación • Etc.
• Tipografía
Conceptos básicos
 Niveles de acceso
Variable Acceso
Public Desde cualquier clase o ensamblado
Private Solamente misma clase
Internal Mismo ensamblado
Protected Misma clase o clase derivada
Protected Internal Misma clase, clase derivada o ensamblado

Conceptos básicos
◦ Variables
Data Type Size Description
int 4 bytes Stores whole numbers from -2,147,483,648 to
2,147,483,647
long 8 bytes Stores whole numbers from -9,223,372,036,854,775,808
to 9,223,372,036,854,775,807
float 4 bytes Stores fractional numbers. Sufficient for storing 6 to 7

decimal digits
double 8 bytes Stores fractional numbers. Sufficient for storing 15
decimal digits
bool 1 bit Stores true or false values
char 2 bytes Stores a single character/letter, surrounded by single
quotes
string 2 bytes per Stores a sequence of characters, surrounded by double
character quotes
https://www.w3schools.com/cs/cs_data_types.php
Conceptos básicos
 Procedimientos Funciones
 Parámetros  Parámetros
 Ejecuta instrucciones  Ejecuta instrucciones
 No retorna valores  Retorna valores
 Tipo de dato de retorno
Conceptos básicos
Modificador_Acceso TipoDatoSalida NombreFuncion (atributos …)

{
///Código
return(valor);
}
Conceptos básicos
Procedimientos de
propiedades
Private double val1;
 Get: devuelve el valor
 Set: establece el valor Public double Propiedad1
{
Get { return val1;}
Set { val1 = value;}
}
Programación Orientada a Objetos
(POO)
 Paradigma más utilizado actualmente.
 Cada objeto tiene una finalidad.
 Los objetos pueden interactuar entre ellos.
 Clase: es el encapsulador de los objetos, las cuales a su vez
contienen datos o funciones.

(POO)
 Clase
 Representa una entidad o un concepto
 Tienen variables, propiedades y métodos
 Pueden ser públicas o privadas

(POO)
Ejemplo:
Atributos Métodos:
• Color • Encender
• Marca • Avanzar
• Modelo • Frenar
• Tipo motor
Conceptos básicos
Condicionales - If If (condición)
{
If (condición) //…
{ }
//… else if(condición)
{
} //..
else }
{ else
//.. {
} //..
}
Conceptos básicos
Condicionales - switch switch (valor)
{
case caso1:
//….
break;
case caso2:
//….
break;
….
default:
//…
break;
}
Conceptos básicos
Ciclos
Microsoft Corp.
Conceptos básicos
Ciclos
While Do
int cont=0; int cont=0;

while (cont <10) do (cont <10)
{ {
//…. //….
cont++; cont++;
} } while (cont <10)
*break
Conceptos básicos
Ciclos
For For Each
for ( int cont=0; cont<=10; cont++) var lista = new List(string) {"a", “b”, “c"}
{
//…. foreach (string var in lista)
} {
//….
}
*break
Conceptos básicos
Array
Int[] arreglo = new int[] {1,2,3,4,5}
Int[] arreglo = new int[5]

Conceptos básicos
List
var lista = new List(string) {"a", “b”, “c"}
Array -> List

listaString.AddRange(Array)
Conceptos básicos
Excepciones
Permite obtener el error no controlado en el código.
“Maquilla” el error del sistema al usuario final.
Try
{
//…
}
Catch (exception e)
{
//…
}
Finally**
Referencias
• https://learn.microsoft.com/es-es/dotnet/csharp/language-reference/language-
specification/variables
• https://learn.microsoft.com/es-es/dotnet/csharp/language-
reference/keywords/access-modifiers
• https://learn.microsoft.com/es-es/dotnet/csharp/language-
reference/statements/selection-statements
• https://learn.microsoft.com/es-es/dotnet/csharp/tour-of-
csharp/tutorials/branches-and-loops-local
• https://www.internetadvisor.com/the-story-of-the-web-a-history-of-internet-
browsers

Lenguajes Visuales

Cargado por

Copyright:

Formatos disponibles

Lenguajes Visuales

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Lenguajes Visuales

Cargado por

Copyright:

Formatos disponibles

Programación IV

Presentación Programa de curso Aspectos Tema:

Fuente: Internet Advisor

Html, css, js C#, SQL, java ….

HTML: Estructura base de la página (Esqueleto)

CSS: Colores-Animaciones… (Estética)

Javascript: Validaciones, llamados al servidor, ciclos…

o Expone Servicios (Sitios web, apps, Servicios, etc.)

 Soporte para múltiples lenguajes

 El fuerte es lenguaje C# (C/C++)

• ListBox, ComboBox, CheckBox

• Tamaño • Estado (habilitado o deshabilitado)

Protected Misma clase o clase derivada

Protected Internal Misma clase, clase derivada o ensamblado

float 4 bytes Stores fractional numbers. Sufficient for storing 6 to 7

Modificador_Acceso TipoDatoSalida NombreFuncion (atributos …)

 Cada objeto tiene una finalidad.

 Los objetos pueden interactuar entre ellos.

 Clase: es el encapsulador de los objetos, las cuales a su vez

contienen datos o funciones.

 Representa una entidad o un concepto

 Tienen variables, propiedades y métodos

 Pueden ser públicas o privadas

int cont=0; int cont=0;

Int[] arreglo = new int[] {1,2,3,4,5}

Int[] arreglo = new int[5]

var lista = new List(string) {"a", “b”, “c"}

Array -> List

Permite obtener el error no controlado en el código.

“Maquilla” el error del sistema al usuario final.

También podría gustarte