AngularJS - Desde Hola Mundo hasta una Aplicación
4.6 (718 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,868 students enrolled
Wishlisted Wishlist

Please confirm that you want to add AngularJS - Desde Hola Mundo hasta una Aplicación to your Wishlist.

Add to Wishlist

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.6 (718 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,868 students enrolled
Last updated 2/2017
Spanish
Price: $85
30-Day Money-Back Guarantee
Includes:
  • 11.5 hours on-demand video
  • 3 Articles
  • 23 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
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.
View Curriculum
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.
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.
Who 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 74 Lectures Collapse All 74 Lectures 11:20:54
+
Introducción al curso
2 Lectures 05:22

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

Preview 01:25

Instalación de todos los programas y configuraciones necesarias.

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

Preview 03:57
+
AngularJS 101: Primeros pasos
6 Lectures 25:18

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

Preview 04:56

Creando nuestra primera aplicación en AngularJS

Preview 05:47

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

Preview 05:34

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

Preview 06:36

Evaluar los conocimientos aprendidos hasta el momento

Evaluación - Angular 101
00:47

Aquí esta la solución del ejercicio anterior

Resolución de la Evaluación - Angular 101
01:38
+
Angular 111: App, Controlers y Scope
5 Lectures 40:10

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

Preview 12:06

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

Directivas App y Controller: Parte 2
13:02

Breve descripción del Bootstrap. - Clase extra.

Sobre volando Bootstrap
07:22

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.

Preview 02:56

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

Animaciones - animate.css
04:44

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

Reforzando conocimientos
5 questions
+
Angular Intermedio: Filtros, Repeticiones y data desde archivos
5 Lectures 34:25

Manejar repeticiones dependiendo de una lista de datos.

Preview 06:16

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

Preview 05:31

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

Preview 10:06

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

OrderBy - En filtros y ng-repeat
06:24

La manera adecuada para llenar campos select.

ng-options
06:08

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

Repeticiones
4 questions
+
Data desde archivos externos
8 Lectures 36:12

Angular actualizó la forma en la que trabaja el HTTP, (módulo que veremos a continuación), en los ejemplos que adjunto, ya les paso una versión de angular un poco más vieja. 


Actualización del Módulo HTTP version de AngularJS 1.6 o superior
00:34

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

$http - request
08:02

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

Instalando XAMPP en OSX
05:06

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

Instalando XAMPP en Windows
03:52

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

Accesos Directos a HTDocs
01:03

Para trabajar simplificar páginas web

ng-include
05:53

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.

Detectando IPs, Pais, Ciudad y demás información Online
04:01

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

Api Externa - Clima en el Mundo
07:41

Reforzar conocimientos aprendidos en la sección

Data Externa
4 questions
+
Sitios Dinámicos - Responsive Sites
7 Lectures 57:52

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.

Introducción a los sitios dinámicos
05:54

Información importante en los cambios del Router en la version 1.6.X, favor tomar nota.

Actualización en Angular router 1.6.X o superior
00:38

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

ng-route
14:43

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

Agregando Controladores desde el archivo de configuración.
10:12

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

Preparando nuestra base de datos
06:58

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

Creando nuestra primera tabla dinámica y filtro personalizado
11:26

Aquí veremos como manejar los registros de la tabla.

Tabla dinamica parte 2
08:01

Reforzando lo visto en la sección

Reforzamiento
4 questions
+
Route Params, Navegación y Posteos
6 Lectures 47:14

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

RouteParams - Parametros de Ruta
17:45

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

ui-mask : Mascaras para tus campos de texto
03:24

Haciendo UPDATE directamente la base de datos desde nuestro programa.

Haciendo Posteo de información - Guardar datos via Ajax
11:39

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

Insertar en base de datos
07:28

Agregando iconos a nuestros botones y páginas.

Font-Awesome
06:58

Para poner en practica lo aprendido en el curso.

Ejercicio Final
4 pages
+
Despedida y cosas por venir
1 Lecture 02:31
Despedida y ejercicio de universidad completo
02:31
+
Ejercicios y demostraciones cortas
2 Lectures 30:19

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

ngTouch
11:41

Usando un plugin externo para nuestras aplicaciones.

Sweet Alert
18:38
+
Manejo de Formularios
3 Lectures 41:14

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

Enlazando campos a un objeto del Scope.
22:09

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

Auto validar formularios
12:30

Mejor práctica.

Cambiando la cultura del autovalidado
06:35
7 More Sections
About the Instructor
Fernando Herrera
4.7 Average rating
2,554 Reviews
10,351 Students
9 Courses
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 a muchos alumnos, y espero seguir mejorando mis cursos y los temas con forme la actualidad vaya cambiando.