AngularJS - Desde Hola Mundo hasta una Aplicación

Aprende como crear aplicaciones web con esta increíble herramienta de desarrollo potenciada por Google, AngularJS.
4.7 (575 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,540 students enrolled
$19
$85
78% off
Take This Course
  • Lectures 72
  • Length 11.5 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2015 Spanish

Course Description

  • Este curso te enseñara a utilizar AngularJS en tus proyectos.
  • Se utiliza una terminología que te llevará de lo general a lo especifico sin darte cuenta.
  • Todo el material necesario en este curso es brindado con links de descarga.
  • El curso esta estructurado en secciones con evaluaciones finales.
  • Debes realizar este curso si lo que deseas es mejorar tu programación web y utilizar frameworks o laboratorios de herramientas probadas por miles de personas.
  • Para que no tengas que inventar la rueda que alguien ya construyo para ti.

What are the requirements?

  • Todo el Software utilizado en este curso es Gratuito ó bien, de licencia de uso abierto y se brindaran las direcciones de descarga de los mismos.
  • Se requiere conocimiento básico de HTML y Javascript.
  • No es necesario saber CSS, ya que lo requerido será explicado en el curso.
  • Conocimientos básicos de programación estructurada.
  • Sera necesario tener derechos de administrador del equipo, para realizar unas instalaciones en el equipo.
  • Necesitaras una computadora con Windows ó Mac, linux es soportado pero no esta dentro del curso.

What am I going to get from this course?

  • Dominar la sintaxis de AngularJS
  • Aprender conceptos básicos e intermedios de AngularJS
  • Consumir recursos web (APIs) en tus aplicaciones de AngularJS
  • Crear aplicaciones web
  • Construir un programa web, que no requiera hacer refresh del navegador (Como gmail)
  • Se realizarán ejercicios y exámenes, que posteriormente serán resueltos en el curso.

What is the target audience?

  • Este curso es para personas principiantes o intermedios en AngularJS.
  • No es recomendado este curso, si nunca has tocado HTML o Javascript. El conocimiento de HTML y Javascript necesario para este curso es básico, pero no pretende explicar elementos html genéricos.
  • Al final del curso, se creará una aplicación web, que utiliza MySQL y PHP. Pero no es necesario mayor conocimiento de ambas, ya que tocaremos sólo lo básico que necesitamos, ya que el objetivo principal es aprender AngularJS.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introducción al curso
01:25

Aquí podrás observar rápidamente lo que serás capaz de lograr al terminar este curso de AngularJS en Español

03:57

Instalación de todos los programas y configuraciones necesarias.

Ver la documentación adjunta para obtener los links de descarga.

Section 2: AngularJS 101: Primeros pasos
04:56

Ser ordenado no es opcional, es necesario.. ustedes mismos se lo agradecerán después.

05:47

Creando nuestra primera aplicación en AngularJS

05:34

Los filtros son una poderosa herramienta que angular nos brinda para que no tengamos que escribir nada de código.

06:36

Utilización de la directiva "ng-model" en nuestro "Hola Mundo" para explicar diversos usos de la misma.

00:47

Evaluar los conocimientos aprendidos hasta el momento

01:38

Aquí esta la solución del ejercicio anterior

Section 3: Angular 111: App, Controlers y Scope
12:06

Aquí comenzaremos a entrar en materia de AngularJS y sus principales componentes.

13:02

Editando en tiempo real el contenido y sugerencias para mejorar mejorar la apariencia.

07:22

Breve descripción del Bootstrap. - Clase extra.

02:56

Dos nuevas directivas bastante útiles para ocultar ó mostrar secciones.

El ng-hide, es exactamente igual al ng-show, solo que en lugar de mostrar cuando la condición es verdadera, ocultara la información cuando la condición del ng-hide sea verdadera.

Los invito a que lo prueben.

04:44

Una manera sumamente fácil y practica de animar las cosas.

5 questions

Esta evaluación es para que afiances los conocimientos adquiridos. Cualquier duda, volver a revisar las clases.

Section 4: Angular Intermedio: Filtros, Repeticiones y data desde archivos
06:16

Manejar repeticiones dependiendo de una lista de datos.

05:31

Entrando un poco más en materia de la directiva ng-repeat

10:06

Aplicar concepto de búsquedas por nombre o por algún criterio, nunca ha sido más fácil.

06:24

Después de esta clase, podrán ordenar datos en objetos y arreglos.

06:08

La manera adecuada para llenar campos select.

4 questions

Probaremos lo asimilado en la sección 4 de esta clase.

Section 5: Data desde archivos externos
08:02

Al final de la clase, podrán obtener data de otros archivos y comprender el problema "Cross origin"

05:06

Hacer esta clase, únicamente si estas trabajando en el sistema operativo OSx

03:52

Hacer esta clase, únicamente si estas trabajando en el sistema operativo Windows.

01:03

Crear accesos directos para trabajar más cómodamente.

05:53

Para trabajar simplificar páginas web

04:01

Usaremos un API (Application Programming Interface), para obtener información relacionada a nuestra ubicación actual para obtener datos de la ciudad, el país y otros datos de interés.

07:41

API (Application Programming Interface), usaremos una API externa para crear nuestra propia detección del clima dinámicamente

4 questions

Reforzar conocimientos aprendidos en la sección

Section 6: Sitios Dinámicos - Responsive Sites
05:54

Esta presentación le ayudara a comprender qué es lo que haremos y por qué lo haremos. Se explicara páginas tradicionales y paginas dinámicas.

14:43

Inicio de movimientos entre páginas sin refresh del navegador web.

10:12

Se explicara como crear nuevos controladores y llamar funciones del controlador principal desde controladores hijos.

06:58

Empezaremos a utilizar MySQL. Preparando una base de datos para nuestro programa.

11:26

En esta clase crearemos un filtro personalizado y leeremos la data de la tabla alumnos para llenar una HTML Table.

08:01

Aquí veremos como manejar los registros de la tabla.

4 questions

Reforzando lo visto en la sección

Section 7: Route Params, Navegación y Posteos
17:45

Enviaremos parametros por URL a otro controlador, para llenar información del Alumno

03:24

Aprenderemos como crear mascaras de teléfonos y parametrizando mascaras.

11:39

Haciendo UPDATE directamente la base de datos desde nuestro programa.

07:28

Ejecutar una inserción a la base de datos utilizando la misma pantalla de actualización

06:58

Agregando iconos a nuestros botones y páginas.

4 pages

Para poner en practica lo aprendido en el curso.

Section 8: Despedida y cosas por venir
Despedida y ejercicio de universidad completo
02:31
Section 9: Ejercicios y demostraciones cortas
11:41

Problemas con la lentitud de navegadores web en dispositivos móviles.

18:38

Usando un plugin externo para nuestras aplicaciones.

Section 10: Manejo de Formularios
22:09

De esta manera podemos manejar toda la data en un solo lugar, lo que simplifica el posteo y manejo de la misma.

12:30

Una forma practica, sencilla pero poderosa manera de validar formularios automáticamente.

06:35

Mejor práctica.

Section 11: Promesas y Servicios
18:55

Este es un ejemplo sumamente básico de promesas... que servirá de introducción a este mundo.

24:50

Creando nuestro primer servicio y colectar data de un servidor externo.

Section 12: Saludos... nuevamente
Saludos.. tengo un comentario que decirles.
03:32
Section 13: $watch y paginación del lado del servidor
04:41

Ejecutar alguna función cuando una variable cambia.

Paginación del lado del servidor - Parte 1
03:13
Paginación del lado del servidor - Parte 2
11:27
Paginación del lado del servidor - Parte 3
12:43
Paginación del lado del servidor - Parte 4
19:04
Section 14: Aplicación de Facturación
03:51

Comprenderemos los alcances del sistema que vamos a crear.

16:42

Descargaremos todo lo que utilizaremos... y comenzaremos nuestra aplicación maestra

14:40

Más detalles que hacer... pero valdrá la pena...

18:45

En la siguiente Clase esta el material de descarga... no se preocupen.

20:09

Creamos los servicios que controlaran nuestras notificaciones y mensajes.

Section 15: Clientes
04:23

Así comenzaremos la parte de los clientes.

15:25

Puliendo aún más nuestro proyecto

21:09

Usando un servicio, manejaremos el INSERT, DELETE, UPDATE y la paginación de los clientes.

16:10

Terminamos temporalmente la parte de los clientes.

00:50

Esto es lo que haremos a continuación

13:31

Creando el template y la apariencia de nuestra pantalla

24:44

Haremos validaciones con el autoValidate.

05:26

Terminamos el mantenimiento con la inserción.

Section 16: Login para nuestra aplicación
11:23

Esta es una manera de proteger nuestro aplicativo y otras buenas prácticas.

18:03

Continuamos trabajando nuestro login de usuarios.

14:57

Seguimos trabajando nuestro login de usuario.

10:36

Vamos a encriptar la contraseña de nuestro usuario maestro

Section 17: Factura
03:01

Descargar el material adjunto y actualizar nuestra base de datos. Tambien hay varios cambios en las clases de PHP para poder hacer ciertas búsquedas.

03:25

Esto es lo que haremos

20:34

Realmente no hay nada nuevo... solo una directiva y lo demás ustedes pueden hacerlo!

Article

Estudien el contenido adicional agregado sobre el tema de impresión.

Aquí aprenderán a ocultar y mostrar información a la hora de imprimir sus documentos.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Fernando Herrera, Analista de Sistemas y Desarrollador Web

Soy un analista de sistemas de computo, con poco más de 17 años en el mundo del desarrollo de aplicaciones de todo tipo.

Me encanta programar, crear cosas que la gente use, enseñar, también soy maestro sustituto en una universidad en las clases de programación, soy autor de código en Envato Marketplace.

Aquí en Udemy, he tenido la increíble experiencia de poder enseñar de todo a más de 4,500 alumno, y espero seguir mejorando mis cursos y los temas con forme la actualidad vaya cambiando.

Ready to start learning?
Take This Course