UNIVERSIDAD PERUANA LOS

ANDES
FACULTAD DE INGENIERA
ESCUELA PROFESIONAL DE
INGENIERA DE SISTEMAS
Y COMPUTACIN

FRONT - END
PRESENTADO POR:
AVELINO UMAREDA, Gersy Steve
CATEDRA:
INGENIERIA DE SOFTWARE
CATEDRATICO:
ING. WAGNER
HUANCAYO - PER
2015

FRONT-END
Qu es un desarrollador front end?
Muchos profesionales de la industria de la informtica, y otros no
pertenecientes a sta, han escuchado los trminos de desarrollador "front end"
(salida frontal) y "back end" (salida trasera). Aunque no existen reglas
claramente definidas, concretas y rpidas para distinguir entre estas dos
disciplinas, hay pautas generales que son seguidas por la mayora de analistas
de la industria. Por ejemplo, si el usuario de un programa o sitio web puede
verlo, un desarrollador front end posiblemente particip en su desarrollo.
Comprender el rol y las responsabilidades de un desarrollador de este tipo
puede ayudar a determinar si este es un camino de carrera que vale la pena
perseguir.

Diseo
Los desarrolladores de front end fueron, y en gran parte todava an son,
citados cuando se habla acerca del trabajo de diseo del desarrollo web. No
hace mucho tiempo, los diseadores grficos o los artistas grficos fueron
llamados para crear sitios web y otras aplicaciones de software basadas en el
usuario. Sus funciones se han extendido ms all de solo los cuadros y
grficos para incluir funcionalidad y desarrollo de aplicaciones. El resultado es
el desarrollador front end, un ttulo que refleja con mayor precisin este papel
ampliado. Sin embargo, la experiencia visual, la percepcin que un usuario
obtiene cuando navega un sitio web es todava bastante el producto de un
desarrollador front end. Esto incluye los grficos, las imgenes y los colores
utilizados que dan a un sitio web su apariencia y sentido distintivo.

Funcionalidad
Adems de la apariencia de una aplicacin web o software, el desarrollador
front end es responsable del diseo y la mxima funcionalidad de un sitio. Hoy
en da, los sitios web necesitan no solo verse con facilidad y proporcionar
contenido e informacin relevante, sino que en ellos los usuarios deben ser
capaces de navegar rpida e intuitivamente las reas de inters. Esto incluye
cosas tales como las barras de men, enlaces fcilmente accesibles y carritos
de compra (que permiten la fcil adquisicin de productos en lnea).

Requerimentos tcnicos
La transicin del diseador grfico al desarrollador front end es el resultado de
las funciones ampliadas y el conjunto de habilidades necesarias de estos
profesionales. Algunos de los lenguajes de programacin de aplicacin tcnicas
y herramientas necesarias son hojas de estilo en cascada (CSS, por sus siglas
en ingls), XHTML y HTML, JavaScript, ASP.NET, y muchas otras herramientas
especficas para el trabajo particular de la funcin en una empresa. Estos no
solan ser los requisitos de un artista o diseador grfico, pero ahora es lo que
se espera de un desarrollador de este tipo. Como era el caso antes de la
extensin de los requisitos tcnicos, se espera que un desarrollador front end
probablemente tambin sepa y pueda trabajar con la suite de software de
diseo grfico de Adobe.

Consideraciones del usuario

Debido a que el desarrollador front end est muy estrechamente ligado a la
experiencia del usuario final, hay una serie de factores que debe considerar al
disear y desarrollar aplicaciones front end. Por ejemplo, debe estar
familiarizado con mltiples navegadores utilizados en el mercado actual, el
tamao de los archivos para descargas rpidas, la capacidad para desactivar
imgenes para mejorar la carga de velocidades y el efecto de las resoluciones
de pantalla de otro usuario de la pgina. Las consideraciones adicionales que
un desarrollador front end debe tener en cuenta incluyen la conexin lenta a
Internet y el uso de tarjetas de video anticuadas que pueden o no soportar
grficos del sitio web de un usuario.
La evolucin de este mundo va a pasos de gigante, cada da aparecen nuevas
herramientas y tecnologas que nos ayudan en nuestro da a da. A da de hoy,
estas son las que deberas dominar para ser un profesional competente y
completo:

HTML5
Esta versin del lenguaje que interpretan los navegadores es la ltima revisin
y como diferencias ms importantes respecto a su antecesor son:
Mejor indexacin en los motores de bsqueda al ser un lenguaje semntico.
Ms liviano de programar y ms flexible en el uso de tags.
Dispone de muchas ms etiquetas para poder clasificar mejor la informacin
que integran sus pginas.
Especial dedicacin y mimo a los formularios: placeholders, validadores,
autofocus, campos requeridos, auto rellenado.

Canvas o dibujo en html mediante coordenadas y JavaScript.

CSS3
El CSS es la composicin de los estilos que tienen las webs, y esta versin del
lenguaje incluye mejoras considerables respecto a su antecesor:
Permite transiciones de elementos sin necesidad de usar javaScript.
Permite transformar, rotar y dimensionar elementos.
Permite crear websites responsive, mediante el uso de la funcin @media.
Usar mltiples fondos en un mismo elemento, as como usar transparencias.
Sombrear y redondear elementos.

JavaScript & jQuery

El javaScript es quien se encarga de los comportamientos que se producen en
la web, es quien hace capaz que todo se una y sea un proyecto homogenio.
Siendo el javaScript el padre de jQuery, y que para los desarrolladores Frontend con jQuery nos basta, siempre es mejor saber los fundamentos de uno y
de otro. Si entendemos el javaScript, nos ser mucho ms fcil entender jQuery
y crear funciones mucho ms optimizadas y precisas. Al principio resulta un
tanto complicado, pero una vez lo entiendes resulta divertido programarlo.

Gracias a el javaScritp y el jQuery, podemos crear una experiencia de usuario

memorable y atractivo que har que los usuarios que visiten nuestras web
quieran repetir la visita y se sientan cmodos con el uso de la misma.

PHP
El php es el lenguaje de programacin que hace que los contenidos de una
web sean dinmicos. Gracias a este lenguaje se puede pasar una web y
componerla en trocitos, de esta manera, slo cambiando algo en un documento
podemos hacer cambios en toda la web. Este lenguaje es el que usan la
mayora de frameworks (wordpress, joomla, symfony2, prestashop).

Bases de datos
Para poder interactuar correctamente con php, es necesario tener conocimiento
de cmo funcionan las bases de datos y cmo solicitarles datos para crear
contenidos dinmicos. MySql es la ms comn de todas, pero no la nica.
Entender las llamadas y extraer los datos es necesario para construir webs
dinmicas.

SEO
Vale, esto no es una tecnologa en si, pero si que es lo que puede hacer que
marquemos la diferencia o no respecto a los otros colegas de profesin.
Construir webs pensando un poco en el SEO e incluyendo metas y dems
elementos claves, podrs desmarcarte de la competencia y aparecer en las
primeras posiciones en los resultados de bsqueda. Estos consejos te pueden
ser muy tiles.