Angular js – Conceptos básicos

      No hay comentarios en Angular js – Conceptos básicos

Buenos días mis queridos emprendedores,

Quiero compartirles este curso sobre Angular JS el cual les puede ser una herramienta muy útil en desarrollo de sitios WEB con estilos personalizados, así que empecemos por definir que necesitamos para poder aprender Angular JS:

Requisitos de conocimientos básicos:

  • HTML
  • JAVASCRIPT
  • CSS

Por tratarse de una librería (Framework) de Google es de acceso libre lo cual nos permite tener acceso a ella desde el sitio oficial

www.angular.org

Como usar Angular JS?

Al ser un framework podemos descargar el archivo de la página oficial www.angularjs.org  y alojarlo en nuestro hosting para luego hacer el llamado desde nuestro código o si deseas puedes usar la url de conexión al servidor de angular

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

Descargar Angular JS 1.6

Una vez tenemos acceso a la librería vamos a identificar los componentes y como usarlos para obtener el mayor provecho de este framework.

Sintaxis Angular

dentro de nuestro codigo HTML o PHP hacemos el enlace a nuestro proyecto Angular por medio de las siguientes sentencias que hacen el enlace con Angular y nuestro sitio desde las etiquetas de nuestro codigo

  • ng-app=”Nombre de Proyecto” – Se usa en la etiqueta Body para indicar que todo el cuerpo de la pagina tendrá acceso al framework
  • ng-controller=”identificador de controladores del proyecto”
  • ng-repeat=”generador de bucles de código”

una vez definidos estos parametros creamos los archivos javascript de configuración… particularmente uso:

controller.js – contiene los controladores del proyecto y es aquí donde creamos el modulo de nuestro proyecto usando la sintaxis

angular.module("Nombre del Proyecto",[])

info.js – contiene las variables la información que puede ser modificada en nuestro sitio WEB sin tener que alterar el código de tu index como lo son datos de contacto, textos personalizados ( Misión, Visión, quienes somos… etc).

 

 

 

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *