software de ejecución para JavaScript llamado Brackets PDF

Preview

Summary

Download software de ejecución para JavaScript llamado Brackets PDF

Description

UNIVERSIDAD TECNOLÓGICA DE PANAMÁ CENTRO REGIONAL DE PANAMÁ OESTE Reporte Individual de Avance del Proyecto Nombre del Equipo: Software Educativo Coordinador del Equipo: Jonathan Cárcamo Nombre del participante: Lissamaye Lorenzo N° de cédula: 8-928-446 Título de la actividad: Investigación sobre el editor de código “Brackets” Conceptos claves del aprendizaje previo relacionados: Editor de código, Formato de archivo Javascript, Desarrolladores web, código abierto Conceptos claves de los nuevos aprendizajes: Elementos HTML, Conexión en vivo con la web, Pre visualización automática, código de ARIA, Flujo de trabajo CSS Descripción breve del trabajo realizado: Definición de las principales características del editor Brackets como funciona y las ventajas que tiene el editor al utilizarlo también se define varias extensiones populares que se utilizan con este editor. Reporte de Evaluación del Trabajo individual Actividad a Evaluar Puntualidad en su trabajo Cumple con las metas Participación activa en el Equipo Defiende sus puntos de vista Valora y escucha a los demás Dominio de la teoría Dominio de la práctica Redacta correctamente Aporta investigación relevante Aporta referencias confiables Total

Puntos 1-10 1-15 1-15

Autoevaluación Co-evaluación 10 10 13 13 14 15

1-10

9

8

1-10

10

10

1-10 1-10 1-5 1-10

9 8 4 9

9 9 4 8

1-5

4

4

90

90

Evaluación

Nombre y firma del participante: Lissamaye Lorenzo Nombre y firma del Co-evaluador: _______________________________________________________________ Profesor Matzel Montes/ firma del evaluador: Fecha: 26 de junio de 2020 Guía para Reporte Individual de Avance de Proyectos Tecnológicos.Profesor: Ing. Matzel Daniel Montes

Página 1

Brackets

Es un editor de código liviano y potente al mismo tiempo que incluye herramientas visuales dentro del mismo para que puedas obtener la ayuda que necesites cuando la necesites. Con las herramientas visuales enfocados y apoyo preprocesador, soportes es un moderno editor de texto que hace que sea fácil de diseñar en el navegador. Está elaborado a partir de cero para los diseñadores web y desarrolladores de aplicaciones para usuario. Principales características de “Brackets” 

Visualiza cambios en archivos HTML y CSS en vivo en el navegador

¿Conoces ese baile de «guardar/recargar» que llevamos años haciendo? ¿Ése en el que haces cambios en tu editor, oprimes guardar, cambias al navegador y recargas para por fin poder ver el resultado? Con Brackets, ya no tienes que hacerlo. ¡Brackets abrirá una conexión en vivo con tu navegador local y le enviará los cambios en el archivo HTML y CSS conforme escribas! Puede que ya estés haciendo algo parecido con las herramientas de desarrollo del navegador, pero con Brackets ya no necesitas copiar y pegar el código final de vuelta a tu editor. ¡Tu código se ejecuta en el navegador, pero vive en tu editor! 

Resaltado en vivo de elementos HTML y reglas CSS

Brackets te ayuda a ver cómo los cambios en HTML y CSS afectan a tu página. Cuando tu cursor se encuentre sobre una regla de CSS, Brackets resaltará todos los elementos afectados en el navegador. Del mismo modo, cuando estés editando un archivo HTML, Brackets también resaltará los elementos correspondientes en tu navegador. Actualmente, Brackets sólo soporta Vista previa dinámica para HTML y CSS. Aún así, en la versión actual, los cambios en archivos JavaScript son recargados automáticamente en el navegador cuando guardas. En estos momentos estamos trabajando en el soporte de Vista previa dinámica para JavaScript. Las actualizaciones automáticas sólo son posibles en Google Chrome, pero esperamos poder trasladar esta funcionalidad a todos los grandes navegadores.

Guía para Reporte Individual de Avance de Proyectos Tecnológicos.Profesor: Ing. Matzel Daniel Montes

Página 2



Vista Rápida

Para aquellos que todavía no han memorizado las equivalencias de color entre Hex y RGB, Brackets permite ver exactamente qué color se está utilizando rápida y fácilmente. Tanto en CSS como en HTML, simplemente mueve el cursor sobre cualquier valor de color o gradiente y Brackets mostrará una previsualización del mismo de manera automática. Lo mismo sirve para imágenes: simplemente pasa el cursor sobre la dirección de una imagen en Brackets, y éste mostrará una vista en miniatura de la misma.



Vista previa en vivo

Obtener una conexión en tiempo real a su navegador. Realizar cambios en CSS y HTML y podrás ver instantáneamente los cambios que aparecen en pantalla. También ver donde se está aplicando el selector CSS en el navegador con sólo poner el cursor sobre ella. Es el poder de un editor de código con la comodidad de herramientas dev en el navegador. 

Soporte preprocesador

Trabajar con pre-procesadores en una forma totalmente nueva. Sabemos lo importante que son pre-procesadores de flujo de trabajo. Es por eso que queremos hacer Soportes el mejor editor de código para los preprocesadores por ahí. Con los soportes se pueden utilizar de edición rápida y Resalte Vivo con los archivos de menos y SCSS que hacen que trabajar con ellos más fácil que nunca.

Novedades Brackets versión 1.8 Actualización de Node a versión 6.3.1, Actualización de todos los módulos NPM más recientes, Nuevos Elementos de menú contextual de editor. Las operaciones de Cortar, Copiar y pegar ya están disponibles en el menú contextual , Compatibilidad Brackets, Archivos de Manejo de plantillas , El plegado de código ahora activado loa párrafos y bloques, Sugerencias de código ARIA. Las Sugerencias de código de Atributos HTML.

Guía para Reporte Individual de Avance de Proyectos Tecnológicos.Profesor: Ing. Matzel Daniel Montes

Página 3

Extensiones populares para Brackets Emmet >HTML de alta velocidad y el flujo de trabajo de CSS.. Beautify Formato de archivos de JavaScript, HTML y CSS. File Icons Presentar iconos en el árbol de archivos. Indent Guides Mostrar guías de sangría en el editor de código. Git La integración de Git para Brackets. Autoprefixer Analizar CSS y añadir prefijos de proveedores de forma automática. W3C Validation Validador W3C sencilla.

Principales ventajas para usar “Brackets” VENTAJAS  

Es Open Source (MIT License), por lo tanto se puede conseguir de manera gratuita desde su sitio Web oficial: http://brackets.io/. Es multiplataforma. Está disponible para Windows, Mac y Linux.



Cuenta con un botón de vista previa en el navegador, donde se pueden ver los cambios que se van realizando en los documentos en tiempo real.



Tiene una buena cantidad de plugins. La instalación es sencilla e intuitiva.



Se puede personalizar la apariencia de la aplicación con gran facilidad. Cuenta con opciones para organizar la vista y también con temas para definir la combinación de colores.

Guía para Reporte Individual de Avance de Proyectos Tecnológicos.Profesor: Ing. Matzel Daniel Montes

Página 4



Es posible gestionar proyectos desde las opciones de la aplicación. Cuenta con un panel para ver los archivos que conforman el proyecto en el que estamos trabajando.



Como editor ofrece soporte a las nuevas etiquetas de HTML5 y a las propiedades incorporadas por CSS3. Cuenta con distinción por color y también con ayuda contextual.



Ademas de HTML, CSS y JavaScript, Brackets ofrece soporte para varios lenguajes de programación, como el caso de PHP, C, C++, Java, Python



El software se puede conseguir en diversos idiomas. Incluido el español.

Guía para Reporte Individual de Avance de Proyectos Tecnológicos.Profesor: Ing. Matzel Daniel Montes

Página 5...