Ingeniería Informática by

Ingeniería Informática by https://padlet.com/lucerourbina25/ldwis0bzpt3v Diseño de Aplicaciones y Desarrollo Web en-us 2020-04-03 01:08:52 UTC 2025-11-06 03:21:09 UTC hello@padlet.com https://padlet-uploads.storage.googleapis.com/511042600/2acb0f1f50398daa2f8c153588d4d2ac/images__4_.jpg Visual Studio Code lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490172925 Durante la clase de diseño de aplicaciones y desarrollo web ,estuvimos trabajando con Visual Studio que como ya sabemos , es un editor de código fuente desarrollado por Microsoft para Windows , Linux y macOS, el cual incluye soporte para la depuración, control integrado de Git , resaltado de sintaxis, finalización inteligente de código, fragmentos y refactorización de código.
También es personalizable, por lo que los usuarios pueden cambiar el tema del editor , los atajos de teclado y las preferencias. ]]> 2020-04-03 01:53:57 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490172925 Comandos lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490174678 Angular CLI nos provee una gran variedad de comandos , desde comandos para generar componentes, hasta comandos para preparar nuestra aplicación para producción.]]> 2020-04-03 01:56:15 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490174678 Servicios lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490216658 Los servicios en angular nos permiten a nosotros tener una única instancia de ese servicio , que nos ayudara a compartir información entre todos sus componentes.

]]> 2020-04-03 03:01:50 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490216658 ¿Que es una animación? lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490218631 Dentro de angular una animación es cuando la transformación de un elemento html, da la ilusión de movimiento,para ello es importante incluir la librería: Animate de angular]]> 2020-04-03 03:05:13 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490218631 lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490222434 En angular podemos utilizar tipos primitivos en variables , lo que nos ayudara a recibir ayudas en el momento en que desarrollamos el codigo ,pero tambien podemos definir tipos mas complejos por medio de clases e interfaces.]]> 2020-04-03 03:11:59 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490222434 ¿Que es un Objeto? lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490226524 Instancias concretas de una clase.

Podemos usar tipos primitivos en variables, lo que nos ayudara a recibir ayuda en el momento en el que desarrollamos el código , pero también podemos definir tipos mas complejos por medio de clases e interfaces .

]]> 2020-04-03 03:18:52 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490226524 Angular lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490252093 Es un framework opensource, desarrollado por google , para facilitar la creación y programación de aplicaciones web de una sola pagina.]]> 2020-04-03 04:03:59 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490252093 Comandos para Instalar Angular lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490258656

Instalar ANGULAR CLI en visual code:

npm install-g @angular/cli

Habilitar que se ejecuten Script:

Set - ExecutionPolicy Unrestricted

]]> 2020-04-03 04:16:17 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490258656 Comandos Básicos para trabajar con Angular lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490261048

Crear un nuevo proyecto:

ng new nombreAplicacion

Generar componentes:

ng generate componente/ nombreComponente

Instalar librerías:

npm install librería -save

Ejecutar el servidor:

ng serve -o

]]> 2020-04-03 04:21:01 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490261048 Extenciones de Visual Code lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490263414

Angular snippets

Angular Extension Pack

Angular 2 TypeScript Emment

Bootstrap 4, Font awesome 4, Font Awesome 5 Free y Pro Snnippets

Brocket Pair Colozier

]]> 2020-04-03 04:25:43 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490263414 Variables de Entrada lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490272706 La que mas se suele utilizar , consiste en utilizar la etiqueta @input de angular . Esta etiqueta se coloca en el componente hijo , para indicar que esa variable proviene desde afuera del componente , es decir desde el componente padre.
Métodos para la comunicación desde el componente hijo al padre:

ViewChild()
ngAfterViewInit()
EventEmitter()

]]> 2020-04-03 04:44:44 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490272706 Directivas de Angular lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490277856 Las directivas en angular permiten la manipulación y reutilizacion de código html , las cuales nos van a permitir crear nuestros propios componentes visuales encapsulando las posibles complejidades en la implementacion , normalizacion y parametrizacion segun nuestras necesidades.

ng-app
ng-controller
ng-model
btn-radio

]]> 2020-04-03 04:56:11 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490277856 Modelos en Angular lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490281982

ngOnChanges

ngOnInit

ngDoCheck

ngAfterContentInit

ngAfterViewInit

ngAfterViewChecked

ngOnDestroy

]]> 2020-04-03 05:04:55 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490281982 Animación en Angular lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490298511 2020-04-03 05:36:38 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490298511 Comunicación entre Componentes en Angular lucerourbina25 https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490304310 2020-04-03 05:46:39 UTC https://padlet.com/lucerourbina25/ldwis0bzpt3v/wish/490304310