Notas Curso | Angular: De cero a experto (Angular 10+)

Sección#1

---Instalaciones y configuraciones mínimas necesarias.

Descargar NodeJS → https://nodejs.org/es/ ( entorno de ejecución de JavaScript )
CMD → node -v  (validar version)
Descargar TypeScript → https://www.typescriptlang.org/ ( ayuda ver errores, tiempo de escritura, modo admin ) npm install -g typescript
npm = Node Package Manager
CMD →  tsc --version (validar version)
Instalar Gestor Angular → https://angular.io/cli  → npm install -g @angular/cli
Validar instalacion → ng -v (herramienta de linea de comandos que facilita la creación, generación, ejecución, testing, deploy)
Instalar IONIC → npm install -g @ionic/cli (explicar pipe inpuros, SDK desarrollo de aplicaciones móviles híbridas )
Descargar editor ATOM o Visual StudioCode sugeridos
Plugins recomendados Visual Studio Code → 
• Angular 2 TypeScript Emmet
• Angular 5 Snippets – TypeScript, Html, Angular Material...
• Angular Language Service
• Angular v5 Snippets
• Angular2-inline
• Bootstrap 4 & Font Awesome snippets
• HTML CSS Support
• JavaScript (ES6) code snippets
• JS-CSS-HTML Formatter
• JSHint
• Material Icon Theme
• Prettier – Code Formatter
• Terminal
• TSLint
• TypeScript Hero
• TypeScript Importer
Instalar GIT → https://git-scm.com/downloads (Git es toda una herramienta enorme que nos permite el manejo de versiones (entre otras cosas) )
Una vez instalado Git, ejecutar estos comandos para decirle a Git quienes son ustedes
git config --global user.name "Walter Cubero"
git config --global user.email wcubero@hotmail.com

Sección#2

--Introducción a TypeScript

Typescript/Experiencia de desarrollo con c#,java,visul basic/Superset de Javascript/Fuertemente tipado/deteccion errores/

Typescript se encarga de convertir/transcribir/transcompilar el codigo al estandar ECMAScript especificado

VisualCode>Console/Terminal> tsc app.ts

terminal> tsc --init (crea archivo tsconfig.json)

terminal> tsc --watch

terminal> Ctrl + c (termina proceso watch que genera el typescript)

Excluir rchivos a traducir>tsconfig.json> agregar "exclude":["nombreCarpeta"]

Template Literales. Backtick Ej: let variable = `${ v2 }  $( 5 + getEdad() )`;

Se descargó:https://github.com/Klerith/webpack-starter-typescript

Dentro de VisualCode>Terminal>npm install

Terminal> npm start (abre aplicativo http://localhost:8080/)

Sección#3

https://angular.io/

cmd>npm install -g @angular/cli

cmd>ng new my-app

cmd>ruta-app>ng serve -o

cmd>cancelar proceso en Ctrl+C