QUE ES UNA PAGINA WEB

Una pgina web se define como un documento electrnico el cual contiene informacin
textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible
mediante el uso de navegadores. Una pgina web forma parte de una coleccin de otras
pginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el
nombre de un dominio.

La creacin y desarrollo de una pgina web se realiza bajo un lenguaje de programacin capaz
de ser interpretados por los navegadores, lenguajes como el HTML, PHP, ASP, JSP o RUBY son
ejemplos entre otros. Al inicio de la era de internet accesible, sobre los aos 90, era necesario
el conocimiento de algn lenguaje de programacin para el desarrollo de una web, siendo una
tarea encomendada a personas con altos conocimientos informticos, hoy en da contamos
con software especializado capaz de trabajar como un editor de texto ,estilo Word, que
transforman toda la informacin insertada en un lenguaje de programacin capaz de ser
interpretado por los navegadores, de esta forma se liberaliz y se globaliz la creacin de
pginas webs con apenas unos escasos conocimientos informticos, programas como
Dreamweaver, Amaya, Sharepoint Designer o Mozilla Composer son entre otros los
denominados WYSIWYG (acrnimo del ingls " lo que ves es lo que obtienes") capaces de crear
complejas pginas webs con el entorno de un simple editor de texto.

Pginas Web Estticas

Son pginas enfocadas principalmente a mostrar una informacin
permanente, se crean mediante el lenguaje HTML, que NO permite grandes
libertades para crear efectos o funcionalidades ms
all de los enlaces, pero que haciendo uso de otros
recursos se pueden obtener muy buenos resultados
llegando a ser pginas muy similares a las dinmicas
en cuando a su visualizacin se refiere.

Esta es una opcin ms que suficiente para aquellos

que simplemente ofrecen una descripcin de su
empresa, quines somos, donde estamos, servicios, etc... ideal para
empresas que no quieren muchas pretensiones con su sitio Web,
simplemente informar a sus clientes de sus productos y dar a conocer su
perfil de empresa, entre otros.

La principal ventaja de este tipo de pginas es lo econmico que pueden

resultar ms sin embargo pueden con toda seguridad llenar las expectativas
deseadas, con un diseo elegante, moderno y funcional incluyendo las
imgenes y el texto con el cual se desea mantener informados a nuestros
clientes en todo momento. Estas web tienen un costo mucho menor que las
web dinmicas.
Pginas Web Dinmicas
Se construyen haciendo uso de otros lenguajes de programacin, siendo el
ms utilizado de todos el PHP, con lo cual podemos definir las funciones
y caractersticas que se deben cumplir de acuerdo a
nuestras necesidades.

Estas permiten la creacin de aplicaciones dentro de

la propia Web, ofrecen tambin una mayor
interactividad con los usuarios que la visiten. Otras
funcionalidades que se pueden crear mediante las
web dinmicas son las aplicaciones como encuestas y
votaciones, foros de soporte, libros de visita, envo de e-mails inteligentes,
reserva de productos, pedidos on-line, atencin al cliente de manera
personalizada, entre otros.

La creacin de una pgina web dinmica es ms compleja, ya que se requiere

de conocimientos especficos de lenguajes de programacin y gestin de
bases de datos. Mediante la creacin de una pgina web dinmica; el cliente
o empresa que la solicite recibir practicamente 2 pginas en una, ya que
por un lado tendr un panel de administracin no visible por los usuarios o
visitantes de la web y por otro lado tendr lo que es la web pblicamente
visible para los usuarios. Es por esta otra razn que su creacin requiere de
un costo ms alto.

Sus ventajas: Realmente sus ventajas y posibilidades son infinitas, con

este tipo de pginas web se puede hacer todo lo que se desee, desde una
simple web informativa, hasta una potente herramienta de trabajo rica en
contenido dinmico, sistemas contable capaces de llevar lo que es el
inventario de la empresa, adems de que puede ser manejada y actualizada
incluso por el propietario de la web sin la intervencin de un programador.
Lo que hoy se conoce como web 2.0 es precisamente la web dinmica, esa
en la cual los usuarios interactan con la informacin contenida en la web,
ya que dicha informacin vara en tiempo real de acuerdo a las opciones
tomadas por el usuario.
Que es Front-End ?

Bien pues front-end es la parte del desarrollo web que se dedica de la

parte frontal de un sitio web, en pocas palabras del diseo de un sitio
web, desde la estructura del sitio hasta los estilos como colores, fondos,
tamaos hasta llegar a las animaciones y efectos.
Un front-end entonces es la persona que se dedica bsicamente al
diseo web, pero esto no signifique que no toque cdigo, tanto el front-
end como el back-end estn en contacto con cdigo todo el tiempo, dentro
del rea de front-end se trabaja con lenguajes mayormente del lado del
cliente, como HTML y CSS para darle estructura y estilo al sitio, y Javascript
para complementar los anteriores y darle dinamismo a los sitios web. Me
gustara aclarar una cosa en este punto, HTML y CSS son lenguajes pero
no de programacion, son lenguajes de marcado y estilo. Solo Javascript es
un lenguaje de programacion, y este ultimo es en donde se requiere
realmente una logica de programacion. Aunque no es nada de tener miedo.
Ya comentamos los lenguajes utilizados en el front-end ahora pasemos con
las herramientas, la parte del front-end es mas artstica y creativa, una
gran parte se centra en hacer sitios bonitos y amigables, resumamos en
elementos visuales. Y a que estn relacionados los elementos visuales o
grficos? pues como su nombre lo dice a herramientas de diseo grfico
como Ilustrator y Photoshop. Y para el cdigo editores de cdigo como es
obvio.
El flujo de trabajo de un front-end puede variar pero la mayora del tiempo
es disear bocetos, transformarlos en prototipos y por ultimo transformar la
idea en un sitio web.

Que es Back-End ?

Ya hablamos sobre FrontEnd y el trabajo que desempea, ahora pasemos

al Back-End, el lado opuesto. El Back-End es el rea que se dedica a la
parte lgica de un sitio web, es el encargado de que todo funcione
como debera, el back-end es la parte de atrs que de alguna manera no
es visible para el usuario ya que no se trata de diseo, o elementos grficos,
se trata de programar las funciones que tendr un sitio. El Back-End es la
programacion dura y pura, desde la programacion de las funciones del sitio
hasta bases de datos e incluso mas.
El Back-end trabaja todo el tiempo con lenguajes de programacion,
lenguajes que requieren de una lgica ya que esta rea es tambin la
encargada de optimizar recursos, de la seguridad de un sitio y dems.
Cosas que el usuario no ve de primeras pero que existe cdigo detrs que
esta haciendo su trabajo.
Los lenguajes de programacion que se utilizan en el Back-end en la
actualidad son PHP, Javascript, Phyton y Ruby. Ademas de HTML y CSS,
que aunque bsico, tambin deben saber al menos un poco. Aqu me
gustara hablar de 2 cosas, primero que nada, yo he mencionado 4
lenguajes de programacion, pero no son todos los que existen y no es
obligatorio utilizar todos y cada uno de ellos, hay programadores back-end
que solo saben algunos, no es necesario saber todos, depende de lo que se
quiera programar y de las capacidades del lenguaje. Como segunda cosa
que me gustara comentar es que aunque el Back-End tambin debe saber
de HTML y CSS, no es necesario saber a un nivel alto como lo hara un
Front-End, es simplemente para poder crear una estructura bsica en la que
trabajar.

Las herramientas que se utilizan en el Back-end son editores de cdigo,

compiladores, algunos debuggeadores para revisar errores y seguridad,
gestores de bases de datos y algunas otras cosas.

El flujo de trabajo de un back-end consiste en darle funciones a un sitio, por

lo general el front-end hace un sitio esttico, y el back-end despus le da
funciones y adapta el sistema programado a ese sitio web. Es por eso
que las personas que se dedican al back-end tambin tienen que tener
conocimientos al menos bsicos de front-end. Para poder juntar las 2
partes en 1.
Que es mejor Back-End o Front-End ?

Las 2 son importantes y se complementan la una o la otra, por una parte

queremos tener sitios web bonitos y amigables y por la otra parte queremos
que esos sitios sean funcionales y puedan realizar operaciones. Esta
pregunta la decid agregar porque la gente normalmente piensa que un
back-end es mejor que un front-end o que se puede ganar mas dinero en
una que en otra, pero al realidad es que asi no funcionan las cosas. La
forma en que se puede ganar mas dinero y se puede determinar cual rea
es mejor, es eleccin propia y dependiendo de las habilidades de cada
persona.

Con esto me gustara hacer referencia a algo que muchos ya conocemos,

los 2 hemisferios del cerebro, el izquierdo y derecho, no voy entrar mucho
en detalle asi que lo simplificare en lo siguiente, cada persona tiene mas
desarrollado un hemisferio de los 2 que tenemos, un hemisferio es mas
capaz de realizar tareas creativas, mientras que el otro es mas capaz de
realizar tareas lgicas. Para poder ser bueno en un rea primero tienes
que identificar que tipo de persona eres y que tipo de inteligencia tienes,
eres una persona creativa? o eres una persona mas logica?
En el front-end se necesitan personas con esta capacidad creativa y en
el back-end se necesitan personas con muy buena lgica para resolver
problemas. Si entras en un rea que no te gusta vas a ser malo en esa
rea. En cambio si te gusta esa rea vas a ser mejor y entonces vas a
poder cobrar mas dinero. Todo depende de que tanto te guste y que tan
bueno seas.
Ahora, hay personas creativas que quieren ser back-ends, asi como hay
personas lgicas que quieren ser front-ends, y la buena noticia es que si
pueden hacerlo, y asi como te fui sincero con la anterior oracin tambin
sere sincero con esto, y es que aunque una persona lgica puede ser front-
end y una creativa puede ser back-end, la realidad es que les va a costar
mas trabajo, en verdad va a ser mas difcil y todo depender de la
motivacin de una persona para ir entrenando su cerebro con algo nuevo.
Es posible, si que lo es, pero muchas personas se desaniman porque no
entienden, la verdad es que no practicaron lo suficiente para aprender esa
habilidad.

Y si tu determinante es el tiempo o dinero tengo que decirte que ambos

tienen una vida frente la computadora muchas pero muchas horas, y ambos
ganan lo que se merecen y eso depende de que tan buenos sean.

Hablar de front-end y back-end es un tema muy complejo, me gustara

seguir hablando de el, asi que si tienes preguntas, sugerencias, lo que sea,
escribelo en los comentarios y yo te responder.

Modelovistacontrolador

Un diagrama sencillo que muestra la relacin entre el modelo, la vista y el controlador. Nota:
las lneas slidas indican una asociacin directa, y las punteadas una indirecta (por ejemplo,
patrn Observer).
Modelo-vista-controlador (MVC) es un patrn de arquitectura de software, que separa los
datos y la lgica de negocio de una aplicacin de la interfaz de usuario y el mdulo encargado
de gestionar los eventos y las comunicaciones. Para ello MVC propone la construccin de tres
componentes distintos que son el modelo, la vista y el controlador, es decir, por un lado define
componentes para la representacin de la informacin, y por otro lado para la interaccin del
usuario.12 Este patrn de arquitectura de software se basa en las ideas de reutilizacin de
cdigo y la separacin de conceptos, caractersticas que buscan facilitar la tarea de desarrollo
de aplicaciones y su posterior mantenimiento.34