Tutoriales de Angular paso a paso - Victor Robles

May13

Master en JavaScript: Aprender JavaScript, jQuery, Angular, NodeJS y más

Publicado por Victor a May 13, 2018

Master en JavaScript: Aprender JavaScript, jQuery, Angular, NodeJS y más

¡Entra al master completo pinchando aquí! Acabo de publicar el Máster en JavaScript, en el que aprenderemos todo lo necesario para dominar el lenguaje de programación más popular que existe actualmente y todas las tecnologías a su alrededor con más demanda laboral y más proyección de futuro. Este no es un curso cualquiera, estás ante un máster completo en el que aprenderemos: Programación desde cero y paso a paso, sin necesidad de tener conocimientos previos. JavaScript, el lenguaje de programación más popular en la actualidad. jQuery, la librería más popular y utilizada en JavaScript. Maquetación web, creando varios proyectos web. TypeScript, el superset de Microsoft que sube de nivel a JavaScript. POO, Programación Orientada a Objetos en JavaScript. Angular, el framework para JavaScript estándar para desarrollar aplicaciones web SPA, dinámicas, modernas y escalables. NodeJS, tecnología que nos permite hacer desarrollos back-end usando únicamente JavaScript. ExpressJS, framework para desarrollo de APIs RESTful. MongoDB, la base de datos NoSQL lider. MEAN Stack, desarrollo web completo con el stack más potente. Habilidades full-stack, haciendo cientos de ejercicios y varios proyectos. Si quieres ser desarrollador front-end, back-end o full-stack, o incluso si ya te dedicas al desarrollo web, aprender a trabajar con estas tecnologías y frameworks es muy importante. La metodología de aprendizaje es la ideal: Todo explicado desde cero y paso a paso. Decenas de horas de contenido en clases en vídeo. Cientos de prácticas y ejercicios. Más de 270 clases bien explicadas. Varios proyectos poniendo en práctica todo lo aprendido. Orden lógico y progresivo, diseñado para interiorizar todos los conocimientos tanto si sabes programar como si no. Además te estaré ayudando cuando tengas cualquier duda o problema. Al finalizar el curso: Sabrás programar y tendrás conocimientos para aplicarlos a cualquier lenguaje de programación. Dominarás JavaScript y sus frameworks más importantes (mencionados anteriormente) para desarrollar proyectos o aplicarlos a proyectos ya existentes. Durante las más de 30 horas del master en JavaScript verás como desarrollar varias webs y haremos cientos de ejercicios con todo lo que enseñamos. Trataremos todos los temas paso a paso y poco a poco hasta conseguir un buen nivel en Programación, JavaScript, jQuery, TypeScript, Angular, NodeJS, MEAN Stack, etc. Si quieres aprender desarrollo full-stack moderno con JavaScript sin dolor, practicando poco a poco con las tecnologías y frameworks más actuales, subir de nivel en el desarrollo web y...

Nov30

Desarrollar una red social con JavaScript, Angular, NodeJS y MongoDB

Publicado por Victor a Nov 30, 2017

Desarrollar una red social con JavaScript, Angular, NodeJS y MongoDB

Accede al curso pinchando aquí. He publicado el nuevo curso Desarrollar una red social con JavaScript, Angular y NodeJS, vas a aprender paso a paso como desarrollar una aplicación web completa y funcional paso a paso, a nivel de backend y frontend, usando únicamente tecnologías JavaScript. Seguramente, el mejor curso que he creado en 2017. La red social que vamos a crear será muy parecida a Twitter y es un caso práctico de un desarrollo profesional a medida con el MEAN Stack (MongoDB, Express, Angular y Node.js) Si quieres ser desarrollador web, o incluso si ya te dedicas al desarrollo web, es casi obligatorio aprender todos los frameworks y tecnologías con las que vamos a trabajar en el curso y sobre todo como combinarlas para crear aplicaciones completas a medida. Para la creación de la red social utilizaremos muchas tecnologías, entre ellas: JavaScript, uno de los lenguajes de programación mas populares de la web. NodeJS, plataforma muy popular para desarrollar con JavaScript en el lado del servidor. ExpressJS, framework para Node.js que nos permite trabajar con el protocolo HTTP y tener un sistema de rutas. MongoDB, el sistema gestor de bases de datos NoSQL basado en JavaScript mas potente y popular. Angular, el framework impulsado por Google cuyo propósito es el desarrollo de aplicaciones web SPA(Single page applications). Reactivo e instantáneo. jQuery, el framework frontend imprescindible y más conocido para JavaScript. AJAX, para hacer peticiones asíncronas al servidor. Bootstrap, el framework CSS y JS más estandarizado e imprescindible actualmente para la construcción de interfaces de usuario. HTML5, CSS3, JavaScript, etc. Al finalizar el curso serás capaz de desarrollar tus propias aplicaciones web a medida de alta complejidad, modificar otras que ya estén programadas y además crear redes sociales y webs con intereactividad completa entre usuarios. Este es el único curso que te va a enseñar a desarrollar una red social a medida con JavaScript y el MEAN Stack desde cero que existe hasta la fecha, y está diseñado para que aprendas a desarrollar una red social como Twitter y además para que adquieras habilidades para el mundo real mediante casos prácticos completos, paso a paso y de forma fácil para que no te quedes con dudas. Durante las más de 20 horas del curso verás como desarrollar una plataforma web tipo Twitter paso a paso. En esta red social(webapp SPA) las siguientes funcionalidades: Registrarnos e identificarnos en la plataforma. Modificar nuestros datos. Subir una imagen de perfil. Seguir y dejar de seguir a cualquier...

Inicio » Angular

Sep07

Instalación de Angular 2 RC6 y primeros pasos

Hoy vamos a ver la instalación de Angular 2 RC6 de forma fácil y estar listos para empezar a desarrollar aplicaciones con este framework sin problemas. Simplemente sigue mis instrucciones y copia y pega. Vamos a preparar el entorno de desarrollo para desarrollar aplicaciones web con Angular 2 RC 6. 1. Instalar/Actualizar Node.js y actualizar NPM Lo primero que tenemos que hacer es instalar Node.js (necesaria versión mayor a...

Sep03

Cliente HTTP y peticiones AJAX en Angular 2

Hoy aprenderemos a utilizar el cliente HTTP y ver como hacer peticiones AJAX en Angular 2. Vamos directos a la práctica. Modificamos el fichero app.module.ts para añadir el módulo HTTP y cargarlo en la aplicación de forma global. import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; // Importamos el módulo http del paquete http de Angular import { HttpModule,...

Ago27

Diferencia entre let y var en ES6 y TypeScript

Hoy vamos a ver la diferencia entre let y var en TypeScript. Con TypeScript podemos usar las novedades para JavaScript que nos trae el ES6, podemos definir variables de dos formas, utilizando var como ya veníamos utilizando en JavaScript clásico y también podemos usar una nueva palabra reservada que es let. La diferencia es el alcance de las variables. let permite declarar variables limitando su alcance al bloque, declaración,...

Ago20

Routing en Angular 2 (nuevo router rc5)

Hoy vamos a ver como funcionan el routing en Angular 2 utilizando el nuevo Router de la versión RC5. Este nuevo router es diferente al que utilizábamos en las versiones BETA de Angular y se postula a ser la forma de trabajar definitiva con las rutas en la versión final de Angular 2. En realidad ganamos comodidad por una parte y la perdemos por otra, con el router-deprecated la...

Ago20

Pipes personalizados en Angular 2

En el tutorial anterior vimos como utilizar los pipes por defecto en Angular 2 y ya sabemos que son filtros o funciones que nos permiten manipular en las vistas ciertos datos. Hoy vamos a ver como crear pipes personalizados en Angular 2 de forma sencilla. Lo primero que haremos será crear un directorio llamado pipes dentro del directorio app de nuestro proyecto Angular y en este directorio podemos crear...

Ago15

Curso gratuito de TypeScript

Accede al curso pinchando aquí Bienvenido al curso de TypeScript, vas a aprender las bases de este lenguaje creado por Microsoft para mejorar nuestro código JavaScript desde cero. TypeScript es un lenguaje que nos permite tener una orientación a objetos más limpia y potente en JavaScript, además añade un tipado fuerte y es el lenguaje que utilizamos para programar aplicaciones web con Angular 2 que es uno de los...

Ago14

Instalar Angular 2 RC5 y hacer Hola Mundo

Hoy vamos a ver como instalar Angular 2 RC5 de forma fácil y estar listos para empezar a desarrollar aplicaciones con este framework sin problemas. Simplemente sigue mis instrucciones y copia y pega. Vamos a preparar el entorno de desarrollo para desarrollar aplicaciones web con Angular 2 RC 5. 1. Instalar/Actualizar Node.js y actualizar NPM Lo primero que tenemos que hacer es instalar Node.js (necesaria versión 4) para utilizar...

Ago13

Pipes por defecto en Angular 2

Los pipes, tuberías o filtros son pequeñas funciones que nos sirven para realizar alguna tarea en nuestra vista o plantilla de Angular 2. Por ejemplo, los pipes por defecto en Angular 2 serian funciones para transformar fechas o convertir caracteres de minúsculas a mayúsculas y viceversa. Entonces veamos como usar los pipes por defecto en Angular 2. Vamos a definir una propiedad publica en nuestra clase del componente: public...

Ago02

Crear y validar formularios en Angular 2

Hoy vamos a ver como crear y validar formularios en Angular 2 de forma muy sencilla. Lo haremos todo sobre app.component.ts en su plantilla vamos a crear un formulario. Le vamos a poner un nombre al formulario y le indicaremos que es un formulario de Angular así: #usuarioForm="ngForm" Utilizaremos el evento submit para lanzar un método cuando se envié el formulario así: (ngSubmit)="onSubmit()" Definiremos los inputs y le pondremos...

Jul30

Crear servicios en Angular 2

Los servicios en Angular 2 son clases que básicamente nos van a servir para realizar acciones concretas, por ejemplo proveer de datos al componente, hacer peticiones al servidor, o realizar una lógica compleja fuera del componente. Veamos como crear un servicio en Angular 2. // importamos el modulo Injectable de AngularJS import { Injectable } from '@angular/core'; // Permitimos que este objeto se pueda inyectar con la DI @Injectable()...

Jul20

Desarrollo web full-stack con Symfony3 y Angular 2

Accede al curso pinchando aquí. He creado un nuevo curso, es mi curso más largo con más de 17 horas de contenido en vídeo. Te presento el curso de Desarrollo web full-stack con Symfony3 y Angular 2, en el que vas a aprender paso a paso como desarrollar APIs REST con Symfony y aplicaciones web SPA avanzadas con Angular 2. Symfony3 es el framework más potente, más utilizado y...

Jul02

Rutas en Angular 2 (Nuevo Router)

Hoy vamos a ver como funcionan las rutas en Angular 2 utilizando el nuevo Router. Este nuevo router es diferente al que utilizábamos en las versiones BETA de Angular y aunque este nuevo router este en versión alpha se postula a ser la forma de trabajar definitiva con las rutas en la versión final de Angular 2. En realidad ganamos comodidad por una parte y la perdemos por otra,...