ACTIVIDAD DE DESARROLLO WEB

a) Editores de código
Visual Studio Code
Este es un editor de código fuente que se basa en el framework Electron.
Función Uso Características
Permite la codificación Este tiene diversas • Colores de la
de diferentes lenguajes extensiones que sintaxis
de programación, así permitirán a los • Marcas de errores y
como de lenguajes de usuarios administrar advertencias
hipertexto. más contenido, así como
• Coincidencia de
cambiar la apariencia
llaves
del editor de código.
Además de gestionar • Visualizador de
propiedades de código estructura
como el color de las • Números de línea
variables, • Seguimiento de
autocompletar sintaxis, cambios
etc. • Selección de código
y texto
• Zoom
• Espacio virtual
• Soporte para
depuración de
código
• Control integrado
de Git
• Se puede trabajar
desde cualquier
sistema operativo
con el.
Atom
Es un editor de código fuente desarrollado por la comunidad de GitHub.
Función Uso Características
Consta de una Atom es compatible con • Funcionalidades
aplicación construida todos estos lenguajes: extra(packages)
utilizando tecnologías HTML, CSS, Less, Sass, Permite instalar
web. GitHub, C/C++, C#, Va, fácilmente
Tiene diferentes Java, Objetivo-C, funciones amigables
paquetes con los que se Javascript, JSON, con el editor.
pueden instalar CoffeeScript, Python, • Integración con Git
PHP, Ruby, Shell Sincronización con
Script, Clojure, Perl, nuestro repositorio
Git, Property en GibHub
List(Apple), TOML, XML, • Personalización
YAML, Mustache, Julia & El editor es
SQL. totalmente
editable.
BlogText
Función Uso Características
Escribir textos Escribir textos de • Inserción de hora y
básicos, copiar y forma eficaz. fecha actual
pegar, abre rápidamente pulsando F5, en
documentos de texto sin formato "HH:MM
afectar rendimiento en DD/MM/AA".
el equipo. • Inserción de hora y
fecha actual si el
documento comienza
por ".LOG".
• Ajuste de línea.
• Posibilidad de
exportar a
cualquier formato
de texto no
formateado (muy
útil como recurso
de emergencia para
programar).

Brackets
Es un editor diseñado por la empresa Adobe y es de código abierto
destinado a desarrolladores web.
Función Uso Características
Es un editor Posee una • Editor de
liviano que interfaz clara código HTML, CSS y JavaScript.
incluye y directa que • Función Quick Edition que
herramientas dispone de permite la edición de estilos
visuales detección sobre el mismo elemento.
permitiendo automática de
• Live Free Preview que refresca
obtener la ayuda código y ayudas
el navegador para ver el
que se necesite. en la
escritura. resultado del código en tiempo
real.
• Programado utilizando HTML,
CSS y JavaScript.
• Posibilidad de extender y
personalizar el editor así
como contribuir al proyecto.
• Gestor de extensiones.
• Interfaz muy limpia y
minimalista.
b) Navegadores
Función Uso Características
Descargar e interpretar Permiten la • Navegación por
documentos HTML para visualización de pestañas
mostrarlos en pantalla. documentos incrustados • Bloqueador de
en internet, pestañas emergentes
esencialmente con una
• Soporte para
especie de vehículo por
motores de
el cual se viaja a
búsqueda.
través de internet.
• Gestor de descargas
• Marcadores
• Atajos de teclado

c) Nube
Función Uso Características
Permite almacenar y Almacenar datos, crear • Es menos costoso
acceder a datos y copias de seguridad y • Es más rápido
programas a través de recuperarlos. • Se puede acceder
internet en lugar de Analizar datos desde cualquier
una unidad física Incorporar inteligencia
sitio con conexión
personal.
a internet
• Ofrece mayor
productividad
• Rendimiento
• Confiabilidad
• Seguridad

d)Frameworks:
Front End
Función Uso Características
Es la parte de una web Se utiliza Se trabaja al lado del
que conecta e principalmente para ciente
interactúa con los mostrar varios tipos de Se deben de dominar:
usuarios que la contenido y hacer que HTML
visitan, básicamente es la entrada del usuario CSS
la parte visible, la esté disponible para JavaScript
que muestra un diseño, backend.
los contenidos y la que
permite facilidad de
navegación.
Back End
Función Uso Características
Es el área que se Sirve para que el Se trabaja todo el
dedica a la parte portal funcione como tiempo con lenguajes
lógica de un sitio lo hace, que permita de programación,
web, es el encargado desde publicar
de que todo funcione contenidos hasta aquellos que requieren
como debería habilitar un botón una lógica.
para que el usuario se
registre. En función
de cómo esté
construido, puede
hacer que una web sea
más rápida o no, que
sea más completa o
menos, que el usuario
quede más o menos
satisfecho.
React.js

Función Uso Características

Ayuda a crear Se encarga de • Composición de
interfaces de usuario actualizar y renderizar componentes. ...
interactiva de forma de manera eficiente los • Desarrollo
sencilla. componentes correctos Declarativo Vs
cuando los datos Imperativo. ...
cambien
• Flujo de datos
unidireccional. ...
• Performance gracias
al DOM Virtual. ...
• Isomorfismo. ...
• Elementos y JSX.
...
• Componentes con y
sin estado. ...
• Ciclo de vida de
los componentes.

Vanilla
Se le denomina Vanilla a un software sin ninguna modificación hecha por
personal ajeno.

Polymer
Función Uso Características
Es una librería para Es una librería para • Simplificación en
el desarrollo de realizar Web la creación de
componentes y Components de una elementos
aplicaciones manera más rápida y personalizados.
Javascript, que se productiva, que además • Enlace de datos
basa en el estándar contiene un amplio unidireccional y
Web Components, por lo catálogo de elementos bidireccional.
que se centra en todas disponibles para basar • Propiedades
las características el desarrollo de computadas.
del Javascript nativo. nuevos componentes.
 • Plantillas
condicionales y
repetitivas.
• Eventos gestuales.

Aurelia
Función Uso Características
Es un moderno marco Facil de aprender
fron end para la Alto rendimiento
reación de aplicaciones Ecosistema extensivo
de navegador, móviles y Enlace reactivo
de escritorio. Pruebas simples
Codificación sin
dificultad

e) Diseño de interfaces:
Bulma
Función Uso Características
Es un framework CSS que Se usa para dar un • 100% responsivo
permite una amplia gama toque diferente a las • Modular
de diseños para páginas además de ser • Moderno
formularios e adaptable a pantallas
• Gratis
interfaces web. de celular y
computadoras pequeñas.
BootStrap
Función Uso Características
Permite crear Permite añadir • CSS Y LESS
interfaces web con CSS tipografías, estilos, Incorporado
y JavaScript. colores, etc. A • JavaScript
cualquier elemento • Sintaxis HTML
HTML.
• Diseño En Malla
• La Infaltable
Documentación
• Diseño Responsive

semantic.
Función Uso Características
Su función principal es • I Element: un • Facilidad de uso
la creción de bloque de • Menor tiempo para
inrterfaces de manera construcción diseñar una pagina
responsive. básico. Puede • Temas disponibles
aparecer solo o en • responsive
grupo. Por ejemplo,
un botón puede ser
independiente o
 puede estar dentro
de un grupo de
botones.
• UI Collection: es
un grupo de
diferentes tipos de
elementos que son
inter-dependientes.
Por ejemplo, un
formulario web
puede tener
botones, inputs,
checkboxes, iconos
etc.
• UI View: representa
una pieza común de
contenido del sitio
web. Por ejemplo,
una sección de
feeds o
comentarios.
• UI Module: es un
componente con
funcionalidad
interactiva basada
en JavaScript, como
son los accodions,
modales etc.
• UI Behaviour: es un
componente que no
puede existir de
forma
independiente, sino
que se utiliza para
inyectar
funcionalidad en
otros componentes.

f)HTML
Función Uso Características
Es un estándar para la Consiste en una serie Es un lenguaje de
elaboración de páginas de elementos que se marcado que nos
web en sus diferentes usan para crear permite indicar la
versiones contenido que se vea o estructura de nuestro
comporte de determinada documento mediante
manera utilizando etiquetas. Este
etiquetas. lenguaje nos ofrece
una gran
adaptabilidad, una
 estructuración lógica
y es fácil de
interpretar tanto por
humanos como por
máquinas.
CSS
Función Uso Características
Su función principal es Sirve para cambiar el • Complementariedad
controlar el aspecto o aspecto de un sitio con documentos
presentación de los web, desde las medidas estructurados.
documentos electrónicos para los márgenes • Independencia del
HTML. hasta las vendedor, la
especificaciones para plataforma y el
las imágenes y el dispositivo.
texto. • Mantenibilidad.
• Simplicidad.
• Rendimiento de la
red.
• Flexibilidad.
• Riqueza.
• Combinación con
lenguajes
alternativos.
JavaScript
Función Uso Características
Básicamente sirve para • Despliegue de menús • Es simple
dar animaciones y • -Galerías de • Maneja objetos
procedimientos a las imágenes que van dentro de la página
páginas. rotando web
automáticamente • Es dinámico
• -Relojes • Existen muchas
• Contadores de tecnologías donde
tiempo hacia se usa.
delante o hacia
detrás (cuenta
atrás)
• Cronómetros
• Calculadoras