Con Angular, ahora tiene el lujo de usar Typecript . El mecanografiado es como Javascript en los esteroides, donde puedes usar tipos y clases y, al final, se parece mucho a Java.
Si nunca ha hecho ningún Javascript, le sugiero que aprenda Javascript vainilla antes de saltar a Angular, ya que podría ser un poco engorroso aprender ambos al mismo tiempo.
Sintaxis
- ¿ASP.NET está muerto?
- ¿Cuál es el mejor complemento para una tienda en WordPress?
- ¿Cuáles son los tres lenguajes de programación más influyentes y por qué?
- ¿Qué costo debo pagar si estoy desarrollando mi sitio web sin la ayuda de ningún marco web?
- ¿Qué hace que AngularJS sea mejor que HTML y CSS?
En Java , un modelo de clase de usuario podría verse así:
Usuario de clase pública {
nombre de usuario de cadena privada;
nombre de cadena privada;
correo electrónico de cadena privado;
public String getUsername () {
devuelve this.username;
}
public void setUsername (String username) {
this.username = nombre de usuario;
}
/ * Otros captadores y colocadores * /
}
En Typecript , el mismo modelo
clase de exportación Usuario {
nombre de usuario privado: cadena;
nombre privado: cadena;
correo electrónico privado: cadena;
getUsername (): string {
devuelve this.username;
}
setUsername (nombre de usuario: cadena): void {
this.username = nombre de usuario;
}
}
Como puede ver, la sintaxis es un poco diferente, pero estoy seguro de que comprenderá las diferencias rápidamente si proviene de los mundos c y Java 🙂
Para Angular , es un marco ENORME con muchos conceptos diferentes. Además de las similitudes de lenguaje que le mostré, es difícil comparar c y Java con Angular, ya que son lenguajes de fondo y es un lenguaje de front-end. Sin embargo, Angular es MVC, por lo que si aprendió la arquitectura MVC en Java, verá similitudes conceptuales en la forma en que los datos persisten en los diferentes estados de su aplicación.
En Angular, tiene los conceptos de @Component, @Module, @Injectable y muchos otros.
Módulo
El módulo es donde declara todos los servicios, componentes, etc. que creó dentro de este módulo. También es donde importa los diferentes módulos externos que necesita para usar sus elementos declarados dentro de él.
Componente
El componente es básicamente las vistas html que crea. Establece un nombre de selector que es la etiqueta html que escribe para usar su componente. Para pasar datos hacia y desde un componente, use @Input () y @Output ().
Inyectable
Estos son sus servicios que crea y que puede inyectar en los constructores de otros servicios o componentes para usar las funciones.
El enlace de datos
Angular tiene un enlace de datos bidireccional. Digamos que tiene este componente con el campo:
<input placeholder = "Nombre de usuario"
[(ngModel)] = “nombre de usuario”
[ngModelOptions] = “{independiente: verdadero}”>
Y su código de controlador de componente es:
@Componente({
selector: ‘app-my-component’,
templateUrl: ‘./my-component.component.html’,
styleUrls: [‘./my-component.component.scss’]
})
la clase de exportación MyComponent implementa OnInit {
nombre de usuario privado: cadena;
Si modifica programáticamente la variable this.username, se mostrará automáticamente en el campo de entrada. Si ingresa algo en el campo de entrada, modificará automáticamente el valor de la variable.
Detallar todos los conceptos en una publicación como esta es bastante tedioso debido a la complejidad del marco. Le expliqué las cosas principales que usaría normalmente. Para obtener más explicaciones, le sugiero que realice el tutorial completo de Google: Angular Tour of Heroes
Si yo fuera usted, me concentraría en aprender Angular y no AngularJS, que son dos marcos completamente diferentes en la forma en que escribimos el código. Google reescribió todo su marco y la experiencia es mucho, mucho mejor en la nueva versión (2, 4 …) que AngularJS (1.x)
Buena suerte y feliz codificación !!
