Giter Site home page Giter Site logo

angularjs-training's Introduction

angularjs-training

Si vas a trabajar con código AngularJS aquí tienes una pequeña intro a la tecnología

Dentro de la carpeta demos encontrarás ejemplos que incluyen una guía paso a paso para reproducirlos (salvo el primero que lo que hace es presentarte la estructura de partida del proyecto)

00 Boilerplate

En este ejemplo vamos a analizar el proyecto con el que arrancamos y como se organiza (es un proyecto que se ha creado con Angular 1.6, webpack y soporte a TypeScript).

01 Routing

En este ejemplo utilizamos ui-router para crear una ruta de login y otra de listado de clientes.

02 Login Layout

Cuando se desarrollaba con AngularJS era muy normal utilizar Bootstrap para estilar y maquetar el proyecto, aquí tienes una pequeña introducción y te indicamos como consultar la API de la versión con la que estés trabajando en el proyecto.

03 Client List Layout

En este ejemplo aprenderás a componentizar, si tiene la suerte de estar en una de las versiones más actuales de AngularJS esto te puede ser de gran ayuda.

Aquí nos centraremos en montar un layout estático, y aprenderemos a pasar parametros de un componente padre a un componente hijo.

04 Service

Aquí aprenderemos a crear un servicio que simule una llamada para validar un login, simularemos que la llamada es asíncrona y así nos familiarizaremos con $Q y la inyección dependencias de Angularjs.

05 Form

Aquí creamos un formulario de login y lo conectamos con el servicio previamente creado, si el login tiene éxito navegamos por código a la ventana de listado, si no mostramos una tostada (para ello utilizamos la librería externa angular-toaster, aprenderemos a importar una libería de terceros.

06 Form Validation

Aquí aprendemos a gestionar la validación de un formulario, trabajamos con las directivas de validación de angular también con angular-message para poder extraer plantillas de errores y no tener que repetir código, y también aprenderemos a hacer un override cuando nos haga falta, también jugaremos con los valores pristine y error del motor de validaciones de angular, y encontrarás enlaces de utilidad si quieres crear validadores custom.

07 Http Client List

En este último ejemplo aprendemos a interactuar con una API REST, para ello utilizaremos el servicio $http de angular, y pasaremos como paremetro de binding la lista al componente que pinta los resultados, y usaremos la directiva ng-repeat para iterar por la lista y crear una card por cada cliente en la lista

angularjs-training's People

Contributors

brauliodiez avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.