Programación web

La programación de los sitios web es una de las disciplinas dentro del mundo de Internet que más
se ha desarrollado y no deja de sorprender día a día con las posibilidades que abre y genera, ya
que no sólo consigue satisfacer necesidades que se generan, sino que sin la generación de
necesidades ofrecen servicios a los usuarios que éstos no habían imaginado.

Definición

El desarrollo web es un término que define la creación de sitios web para Internet o una intranet.
Para lograr esto, la tecnología de software se usa en el lado del servidor y del lado del cliente, lo
que implica una combinación de procesos de base de datos utilizando un navegador para realizar
ciertas tareas o mostrar información.

Para que nos sirve la programación

En principio, el gran desarrollo de Internet se fundamentó en la posibilidad de enlazar a través de

hipervínculos diferentes páginas web lo que generó la enorme interconexión que es hoy Internet.
Esta base que inició esta red, fué desarrollada y generó el lenguaje ícono de las páginas web que
es HTML.

Pero, como decíamos, la creatividad humana no tiene límites y lejos de contentarse con el
desarrollo del lenguaje HTML, enriqueciéndolo en su sintaxis, aparecieron otros lenguajes, que a
su vez desataron una reacción en cadena con respecto a las operaciones que se podían lograr en
un sitio web.

De esta forma, apareció el lenguaje Java, que mejoró sustancialmente la interacción con el
usuario, de manera que éste anexó una sensación de amigabilidad y usabilidad en Internet,
contribuyendo a que su utilización sea mayor.

Gracias a la programación web en internet, los servidores, que son los vinculantes, entre nuestro
sitio web y los usuarios, comenzaron a adaptarse a estas nuevas tecnologías y lenguajes y mejorar
sus servicios, permitiendo que a través de programas se pudieran generar un diálogo on line con
los usuarios de forma de que éstos recibieran la información que buscaran más rápido y de forma
más eficiente.

De esta manera de Java nació Java Script, que a su vez incentivó a la creación de otros lenguajes
que apuntaron a el mismo objetivo como PHP, y así constantemente se están buscando mejoras y
nuevas alternativas, todas que apuntan a la interacción del usuario con el sitio.
Por todo esto que estamos indicando antes, la programación del sitio web tiene la misma
importancia que el diseño web, no se trata de poner uno por encima de otro, los dos se
complementan y hacen que la eficiencia del sitio web sea importante.

Que se necesita para programar web

Para saber que aprender para ser desarrollador web consta de 7 pasos claros.

 Tener ganas, paciencia, constancia y pasión

Lo más importante diría yo para dedicarte al desarrollo web es tener ganas, paciencia y que te
guste. Pasión diría yo.

Hay que tener ganas paciencia y que te guste mucho, porque si no te vas a cansar muy pronto
porque el mundo del desarrollo es un muy complicado y requiere muchas horas de trabajo
solitario en casa aprendiendo cosas.

 Aprender HTML

Si quieres ser desarrollador web es importante dominar HTML correctamente.

HTML es un lenguaje de marcas que nos permite definir la estructura de una página web,
mediante etiquetas de marcado la podemos definir, entonces, es la base de cualquier página web.

Si no sabes HTML no puedes seguir avanzando en el mundo de la programación web, es

fundamental aprender esto.

 Aprender CSS

Lo siguiente es aprender a darle estilo a la página web con CSS (Hojas de estilo en cascada), que es
el lenguaje que nos va a permitir darle una apariencia a la web.

Es importante saber estilizar una web y el siguiente paso natural después de aprender HTML

 Aprender JavaScript

Una vez que ya sabemos los dos puntos anteriores lo siguiente que aprender para ser
desarrollador web sería JavaScript, que es un lenguaje en auge porque están saliendo tecnologías
como NodeJS, Angular, y muchas más que nos permiten hacer cosas increíbles en las webs.
Con JavaScript nos permitirá dotar de interactividad a la web y todos los sitios web de internet lo
utilizan.

 Para de estudiar y ponte a practicar

¿Por qué digo esto? Porque ahora llega el momento de dominar lo aprendido y unir todas las
piezas del puzzle. Lo que debes hacer es maquetar una web completa y darle un poco de
interactividad con JavaScript. En el vídeo de arriba te doy algunos tips interesantes para este paso.

 Aprende bases de datos y SQL

Ahora toca aprender algo de backend y antes de aprender ningún otro lenguaje de programación
es importante dominar las bases de datos y el lenguaje SQL.

Así que para y aprende esto bien, yo elegiría MySQL, aprendería a diseñar una base de datos y
aprendería a hacer todos los tipos de consulta que hay en SQL.

Este es un punto crítico en el que mucha gente falla.

 Aprende un lenguaje de back-end (PHP, NodeJS)

En este paso debes aprender un lenguaje de backend como PHP que nos va a permitir que nuestra
web sea dinámica e interactúe con bases de datos. En el vídeo de arriba te doy varios trucos
interesantes 🙂

 Dar el salto profesional aprendiendo: Symfony, Angular, NodeJS, Bootstrap, Less

Y por último te recomiendo aprender los frameworks y tecnologias punteras que yo enseño en mis
cursos online de desarrollo web y que el mercado profesional más está solicitando a nivel mundial.

Pues estos serían los pasos más importantes para convertirte en programador web y ya sabemos a
grandes rasgos que aprender para ser desarrollador web.
La programación del lado del servidor

La programación del lado del servidor entra en juego en el desarrollo de páginas web con
elementos dinámicos y de aplicaciones web. Esta tecnología de desarrollo web se basa en la
utilización de scripts que ejecuta el servidor web, con ayuda del lenguaje de programación
adecuado, cuando un cliente solicita el contenido. Una tarea frecuente de los scripts consiste en
extraer los datos que se necesitan de una base de datos y de integrarlos en el proyecto web.
Aunque el usuario accede al proyecto a través de páginas HTML, el código fuente de los scripts
permanece oculto.

El uso de estos scripts del lado del servidor presupone que el cliente seguirá enviando peticiones al
servidor web para entregar información nueva y modificada al usuario. Esto, por un lado, conlleva
una fuerte carga de la capacidad del servidor, con la consecuente influencia en su tiempo de
respuesta y, por otro, hace imprescindible una conexión al servidor para poder acceder a la
página.

En los primeros tiempos de la red de redes, la programación del lado servidor se reducía casi
exclusivamente al desarrollo de programas en lenguajes C, Perl y de líneas de comando (CMD,
PowerShell). Estas aplicaciones eran ejecutadas e interpretadas por el sistema operativo del
servidor y el resultado podía ser transmitido desde el servidor web al navegador que había hecho
la petición a través de una interfaz de entrada común (Common Gateway Interface, CGI). Hoy en
día, muchos servidores web pueden ejecutar directamente los scripts, por ejemplo, con ayuda de
módulos. El lenguaje de programación del lado servidor más utilizado en la actualidad es PHP,
publicado en 1995 y muy similar a C y a Perl.

La programación del lado cliente

Los lenguajes de programación del lado cliente también se utilizan para realizar proyectos con
contenidos dinámicos, pero, a diferencia de los lenguajes del lado servidor, no es el servidor el que
ejecuta y procesa los scripts, sino el cliente solicitante. Con esta finalidad, los scripts se incluyen en
el documento HTML o XHTML o se escribe en un archivo separado que se enlaza al documento
principal.

Cuando un usuario solicita una página web o una aplicación web con un script de este tipo, el
servidor web envía el documento HTML y el script al navegador, quien lo ejecuta y presenta el
resultado final. Asimismo, los scripts del lado cliente contienen instrucciones concretas para el
navegador web al respecto de cómo ha de reaccionar a ciertas acciones llevadas a cabo por el
usuario como, por ejemplo, un clic en un botón específico. A menudo, el cliente ha de establecer
para ello otro contacto con el servidor web.

Al ejecutarse en el navegador, el usuario puede ver el código fuente, a diferencia de lo que ocurre
con los scripts del lado servidor. Como contrapartida, la interpretación de los scripts se basa en la
suposición de que el navegador web entiende el lenguaje de programación web correspondiente.
Como las ventanas emergentes y las herramientas de seguimiento web también se basan en el
lenguaje del lado cliente y estos scripts influyen en los tiempos de carga, existen diversas
extensiones para el navegador muy populares que bloquean estos scripts.

El lenguaje del lado cliente más significativo es JavaScript, desarrollado por Brendan Eich de
Netscape (Netscape Communications Corporation), empresa de software responsable de la
creación del navegador predecesor de Mozilla Netscape, y publicado en 1995 junto con la versión
anterior del navegador Navigator 2.0, aún con el nombre de LiveScript. Su uso se extendió
rápidamente, convirtiéndose pronto en el lenguaje de programación web universal de todos los
navegadores web relevantes e incluso en el lenguaje estándar de reproducción de vídeos en
Internet durante muchos años como componente esencial de Shockwave Flash (SWF), el
reproductor de vídeos de Adobe. Sin embargo, debido a vulnerabilidades y a tecnologías más
modernas como HTML5, aquellos vídeos y animaciones tan extendidos encuentran cada vez
menos aplicación. En los primeros tiempos de la web, Microsoft Silverlight y los Applets de Java
también eran muy populares.

En teoría, cualquier lenguaje de programación web cabría utilizarse para programar del lado
cliente, aunque ello implicaría que los desarrolladores de todos los navegadores más importantes
deberían ponerse de acuerdo en soportarlos. No obstante, también existen soluciones alternativas
que permiten escribir del lado cliente con otros lenguajes de programación web. Este es el caso de
transcompiladores o transpilers como CoffeeScript o TypeScript, que interpretan el código y lo
ejecutan como JavaScript.

Que es HTML

HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata de
un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una
página web, como imágenes, listas, vídeos, etc.

El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas
imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter
multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a
todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un
futuro. Sin embargo, pese a esta deficiente planificación, si que se han ido incorporando
modificaciones con el tiempo, estos son los estándares del HTML. Numerosos estándares se han
presentado ya. El HTML 4.01 es el último estándar a febrero de 2001. Actualización a mayo de
2005, en estos momentos está a punto de presentarse la versión 5 de HTML, de la que ya se tiene
un borrador casi definitivo.

El HTML es un lenguaje de marcación de elementos para la creación de documentos hipertexto,

muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la
vida, pueda enfrentarse a la tarea de crear una web. HTML es fácil y pronto podremos dominar el
lenguaje. Más adelante se conseguirán los resultados profesionales gracias a nuestras capacidades
para el diseño y nuestra vena artista, así como a la incorporación de otros lenguajes para definir el
formato con el que se tienen que presentar las webs, como CSS.
Que es CCS

CSS es la abreviatura de Cascading Style Sheets (Hojas de Estilo en Cascada), que quiere decir
plantillas de diseño escalonadas. CCS se utiliza para crear hojas de estilo para páginas web. CSS es
un lenguaje de marcado declarativo con documentos HTML y, en algunos casos, la información en
XML puede procesarse en términos de diseño y apariencia. Actualmente se está utilizando el nivel
3 del CSS y todavía se están elaborando los borradores y módulos de trabajo individuales.

Como lenguaje de estilo, CSS define el aspecto o el diseño de los documentos HTML. Las fuentes,
colores, bordes y fondos de ciertos elementos HTML se definen en CSS. Por ejemplo, para
encabezados de primer orden, todas las propiedades como tamaño, fuente, negrita, cursiva
pueden ser especificadas o se puede determinar el fondo, color de fuente, etc., para cuadros de
texto completos. CSS se limita al formato y diseño. Las tareas de HTML permanecen en la
estructuración del contenido de las páginas web. Esta separación de contenido y diseño es
decisiva en muchos lenguajes de marcado; proporciona la opción de cambiar la apariencia de los
contenidos sin tener que cambiar el contenido mismo.

El diseño de un sitio web con CSS se realiza mediante archivos CSS referenciados o comandos
online que se pueden listar en el código fuente HTML en la sección HEAD del elemento

Que es JavaScript

JavaScript es un lenguaje de programación o de secuencias de comandos que te permite

implementar funciones complejas en páginas web, cada vez que una página web hace algo más
que sentarse allí y mostrar información estática para que la veas, muestra oportunas
actualizaciones de contenido, mapas interactivos, animación de Gráficos 2D/3D, desplazamiento
de máquinas reproductoras de vídeo, etc., puedes apostar que probablemente JavaScript está
involucrado. Es la tercera capa del pastel de las tecnologías web estándar, dos de las cuales (HTML
y CSS) hemos cubierto con mucho más detalle en otras partes del Área de aprendizaje.

Que es PHP

Es un lenguaje para programar scripts del lado del servidor, que se incrustan dentro del código
HTML. Este lenguaje es gratuito y multiplataforma.

PHP es el acrónimo de Hipertext Preprocesor. Es un lenguaje de programación del lado del

servidor gratuito e independiente de plataforma, rápido, con una gran librería de funciones y
mucha documentación.

Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se
envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el servidor pueden
realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que
verá el cliente. El cliente solamente recibe una página con el código HTML resultante de la
ejecución de la PHP. Como la página resultante contiene únicamente código HTML, es compatible
con todos los navegadores. Podemos saber algo más sobre la programación del servidor y del
cliente en el artículo qué es DHTML.