TALLER DE PROGRAMCION WEB

PROFESOR : YONNI LOPEZ VITOR

E-MAIL : Y O N N I . LV @ G M A I L . C O M

SEMESTRE : VI

CARRERA : C O M P U TA C I Ó N E I N F O R M Á T I C A
TODOS DEBERÍAN APRENDER A PROGRAMAR

https://www.youtube.com/watch?v=Y1HHBXDL
9bg

Taller de Programación Web

ANTECEDENTES
Aplicaciones cliente – servidor, instalación separada de componentes.
Dependencia de las app’s cliente servidor del S.O.
Multiplicidad de interfaces.
Aparición del World Wide Web.
Lenguajes estáticos.
Dinamismo en las páginas.

Taller de Programación Web

INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB Archivo compuesto por diversos elementos:

TEXTO ENLACES MULTIMEDIA

Dispuestos en pantalla según ciertas características

Interactividad y efectos ( menús, movimiento de objetos,

fecha y hora, imágenes, mensajes, etc.)

Validaciones, acceso a bases de datos (ABM, consultas),

manejo de claves, cookies.

Taller de Programación Web

INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB Se presenta sin movimiento y sin

ESTÁTICA funcionalidades más allá de los enlaces

Su código está escrito en el lenguaje

Se le puede agregar
Hojas de Estilo (CSS),
que amplían los estilos
de los elementos
(colores, fuentes, links, etc)
HTML (Hyper Text Mark up Language)
Indica dónde colocar cada elemento en
la página, y con qué características

A través de etiquetas (TAGS)

<A HREF=“pagina2.htm”
style=“color:red”> Página 2</A>

<A HREF=“pagina2.htm”> Página 2 </A>

Taller de Programación Web

INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB Posee efectos especiales e interactividad.

DINÁMICA

Además de HTML, se necesitan

lenguajes de programación web.

Existen dos tipos:

Páginas que se procesan Páginas que se procesan

en el navegador del cliente en el servidor

Taller de Programación Web

INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB
Páginas que se procesan en el navegador del cliente
DINÁMICA

Rollovers, control de ventanas y formularios, cálculos,

fecha y hora, efectos de imagen y de texto.

Se logran con código insertado en el HTML,

llamado Script (Guión)

Los Scripts se pueden programar en:

JavaScript Visual Basic Script

Taller de Programación Web

INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB
Páginas que se procesan en el navegador del cliente
DINÁMICA

JavaScript

Permite la programación de pequeños scripts

SUN y de programas orientados a objetos, con funciones,
MICROSYSTEMS estructuras de datos complejas, etc

NO ES JAVA Su sintaxis deriva

del lenguaje C

Funciona en cualquier navegador,

por eso pasó a ser el Estándar.

Taller de Programación Web

INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB
Páginas que se procesan en el navegador del cliente
DINÁMICA

Visual Basic Script

Compatible solamente con Internet Explorer.

MICROSOFT Por eso no es el Estándar.
CORP.
Su sintaxis deriva del Visual Basic.

Es más amigable que Javascript.

Taller de Programación Web

INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB Páginas que se procesan en el servidor

DINÁMICA

Se ejecutan en el servidor web, y se envía el

resultado en HTML al cliente por Internet.

Agendas, Foros,
Estadísticas, Juegos, Con esto, se accede a bases de datos y claves
Chat, etc. en forma segura.

Distintas tecnologías:

CGI ASP PHP JSP

Taller de Programación Web

INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB Páginas que se procesan en el servidor

DINÁMICA

CGI

Common Gateway Interface Es la tecnología más antigua.

Se encuentra en desuso Lenguajes usados: Perl, también C,

C++ y Visual Basic.

Difícil de programar.
En la ejecución se torna pesado.

Taller de Programación Web

INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB Páginas que se procesan en el servidor

DINÁMICA

ASP

Active Server Pages

Es la tecnología de Microsoft

Funciona en servidores web Lenguajes usados:

de Microsoft VBScript y Jscript
(Javascript de Microsoft).
Personal Web Internet Information
Server (Win 98) Server (WinXP)

Bajo Linux: se debe instalar el componente Chilisoft

Taller de Programación Web
INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB Páginas que se procesan en el servidor

DINÁMICA

PHP

Hypertext PreProcesor
Gratuito, multiplataforma,
rápido y seguro.
Está montado sobre sevidores
Linux o Unix Posee un lenguaje
propio derivado del C

Servidor web: Apache

Taller de Programación Web

INTRODUCCION A LA PROGRAMACION WEB

PÁGINA WEB Páginas que se procesan en el servidor

DINÁMICA

JSP

Java Server Pages

Multiplataforma

Código Abierto Utiliza scripts de servidor

en lenguaje Java (Servlets)

Servidores web: Apache, IIS, Netscape

Se pueden crear
componentes reusables

Taller de Programación Web

MAS LENGUAJES DE PROGRAMACION WEB
Lenguaje Icono Descripción Ventajas Desventajas
Framework para aplicaciones Web diseñado por Orientado a Objetos Mayor consumo de
Microsoft, trabaja sobre los lenguajes principales Mejor mantenimiento para recursos
ASP.NET de Microsoft, como C# y Visual Basic. Aplicaciones
Mayor seguridad y velocidad
Es el lenguaje mas flexible, potente y de alto Fácil de aprender Dificulta la modelización
rendimiento de este tipo de lenguajes, la Mayor Soporte en línea Todo lo hace el servidor,
PHP aplicación mas famosa diseñada con este Conecta con múltiples BDs. no delega nada al cliente
lenguaje es la red social de Facebook. Lenguaje multiplataforma
Lenguaje de programación interpretado, cuya Lenguaje Multipropósito Lentitud al ser un
filosofía hace hincapié en una sintaxis que Orientado a Objetos lenguaje Interpretado
Python favorezca a un código legible. Código mas legible
Multiplataforma
Lenguaje de programación interpretado, en una Lenguaje Multipropósito Procesamiento Lento
sola pasada y su implementación es distribuida Orientado a Objetos Poco soporte en línea
Ruby bajo licencia de software libre. Código mas legible Pocos frameworks para
Multiplataforma desarrollo Web
Lenguaje de programación asíncrono, basado en Lenguaje asíncrono Falta de librería estándar
JavaScript que se ejecuta del lado del servidor, Liviano y seguro No esta del todo probado
Node.js esta diseñado para ser liviano y eficiente Fácil de aprender No hay estándar para
Basado en eventos programar
Fácil manejo de paquetes

Taller de Programación Web

Desarrollo de sitios web
con PHP y MySQL

Taller de Programación Web

 INTRODUCCION A PHP
Lenguajes de script
PHP es un lenguaje de script del lado del servidor. Otros lenguajes similares
son ASP, JSP o ColdFusion
Los scripts PHP están incrustados en los documentos HTML y el servidor los
interpreta y ejecuta antes de servir las páginas al cliente
El cliente no ve el código PHP sino los resultados que produce

Taller de Programación Web

 INTRODUCCION A PHP

internet

Servidor Web
Cliente Web Documentos
HTML

Servidor de
aplicaciones

Taller de Programación Web

 INTRODUCCION A PHP
¿Cómo funciona PHP? (1)
Servidor web Cliente
(navegador)

Página Página
HTML HTML
internet

<P>Hola, Ana</P>

Taller de Programación Web

 INTRODUCCION A PHP
¿Cómo funciona PHP? (2)

Servidor web Cliente

(navegador)

Página Página Página

PHP HTML HTML
internet
Intérprete
PHP

<?PHP
$nombre = "Ana";
print ("<P>Hola, $nombre</P>");
?>

<P>Hola, Ana</P>

Taller de Programación Web

 INTRODUCCION A PHP
Breve historia de PHP
Creado por Rasmus Lerdorf para uso personal en 1994
PHP = PHP: Hypertext Preprocessor
Versión actual: PHP 5
Es un módulo que se añade al servidor web y fue concebido inicialmente para Apache

¿Por qué PHP?

Por sus ventajas: es potente, fácil de aprender, de libre distribución, permite el acceso a bases de
datos y otras funcionalidades orientadas a la red
Dispone de abundante soporte en la Web

Taller de Programación Web

 INTRODUCCION A PHP
Características
Interpretado.
Usado principalmente para sitio dinámicos.
Del lado del servidor.
Embebido en HTML.
Necesita de servidor Web.
Extensiones de archivo .php.
Lenguaje libre.
Multiplataforma.
Destaca su conectividad con MySQL.

Taller de Programación Web

 INTRODUCCION A PHP
Ventajas
Fácil de aprender.
Lenguaje rápido.
Soporta objetos.
Capacidad de conexión con la mayoría de motores de BD.
Expande su potencial a través de módulos.
Ampliamente documentado.
No hay que definir tipos de variables.
Gran cantidad de funciones.

Taller de Programación Web

 INTRODUCCION A PHP
Desventajas
Necesita de servidor Web.
Todo el trabajo se realiza en el servidor.
La legibilidad del código puede verse afectada.
Soporte a objetos aún es muy deficiente.
Dificulta la organización por capas de la aplicación.
Hay que asegurar la implementación.

Taller de Programación Web

Taller de Programación Web
REQUISITOS DEL CURSO

https://netbeans.org/downloads/

https://www.apachefriends.org/es/download.html

https://www.sublimetext.com/3

Taller de Programación Web

 REQUISITOS DEL CURSO
NetBeans

El editor de NetBeans PHP proporciona plantillas de

código y herramientas de generación de código, como
generación de “getter y setter”, refactorización, tales
como “renombrar instantáneamente”, sugerencias de
parámetros, sugerencias y arreglos rápidos, y completado
de código inteligente.

Taller de Programación Web

 REQUISITOS DEL CURSO
XAMPP

Es un servidor independiente de plataforma de

código libre. Te permite instalar de forma sencilla
Apache en tu propio ordenador, sin importar tu
sistema operativo (Linux, Windows, MAC o Solaris).
Y lo mejor de todo es que su uso es gratuito.

Taller de Programación Web

 REQUISITOS DEL CURSO
¿QUE INCLUYE XAMPP ?

XAMPP incluye además servidores de bases de datos

como MySQL ySQLite con sus respectivos gestores
phpMyAdmin y phpSQLiteAdmin. Incorpora también
el intérprete de PHP, el intérprete de Perl, servidores
de FTP como ProFTPD ó FileZilla FTP Serve, etc. entre
muchas cosas más.

Taller de Programación Web

 REQUISITOS DEL CURSO
¿PARA QUE SIRVE XAMPP ?

Como ya lo debes haber deducido, XAMPP es una

herramienta de desarrollo que te permite probar tu
trabajo (páginas web o programación por ejemplo) en tu
propio ordenador sin necesidad de tener que accesar a
internet.

Taller de Programación Web

 REQUISITOS DEL CURSO
SUBLIME TEXT

Sublime Text es un editor de código multiplataforma, ligero y con pocas

concesiones a las florituras. Es una herramienta concebida para programar
sin distracciones. Su interfaz de color oscuro y la riqueza de coloreado de la
sintaxis, centra nuestra atención completamente.

El sistema de resaltado de sintaxis de Sublime Text soporta un gran

número de lenguajes (C, C++, C#, CSS, D, Erlang, HTML, Groovy,
Haskell, HTML, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab,
OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile and XML).

Taller de Programación Web

 REQUISITOS DEL CURSO
MySQL

Es un sistema de gestión de base de datos relacional o SGBD.

Este gestor de base de datos en multihilo y multiusuario, lo
que le permite ser utilizado por varias personas al mismo
tiempo, e incluso, realizar varias consultas a la vez, lo que lo
hace sumamente versátil.

Taller de Programación Web