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

Ene07

Enlace de datos bidireccional en Angular 2 (two-way)

Hoy aprenderemos a utilizar el Enlace de datos bidireccional en Angular 2, también conocido como Two-way Data Bindind. En Angular 2 tenemos varios tipos de enlace de datos o binding, por ejemplo, el binding por interpolación que simplemente nos permitía mostrar el valor de las propiedades de la clase de nuestro componente en la plantilla, muy simple, solamente le pasamos un dato del componente a la plantilla. El two-way...

Ene06

Como instalar Angular 2.4 y últimas versiones

Hoy vamos a ver como instalar Angular 2.4 y las versiones finales con un repositorio de GitHub que ha publicado la gente de de Angular. Primero clonamos el repositorio que incluye lo básico que debe llevar una instalación de Angular 2. git clone https://github.com/angular/quickstart.git instalacion-angular Una vez que lo clonamos, entramos al proyecto y hacemos un npm install para instalar todas las dependencias del framework: cd instalacion-angular npm install...

Ene05

Detectar la ruta actual en Angular 2 (ruta activa)

Hoy vamos a aprender a detectar la ruta actual en Angular 2, es decir, que ruta está activa en el momento actual dentro de una plantilla del proyecto. Es sencillo, veamos un ejemplo: <a [routerLink]="['/prueba']" [routerLinkActive]="['elemento-activado']"> Esto significa que cuando estemos en la ruta /prueba le vamos a poner una clase elemento-activado al enlace. También podríamos utilizar routerLinkActive de manera aislada en cualquier elemento y pondremos una clase de...

Dic26

Como usar jQuery en Angular 2

Hoy aprenderemos a usar jQuery en Angular 2, en el ejemplo que voy a hacer veremos como usar jQuery dentro de un componente de Angular2. jQuery es una librería de JavaScript que nos permite trabajar con el DOM de forma muy sencilla y Angular 2 es un framework desarrollado por Google que sirve para desarrollar aplicaciones web SPA, osea que el propósito de estos frameworks es completamente diferente. Cuando...

Dic21

Ruta 404 en Angular 2

Hoy vamos a ver como hacer una ruta 404 en Angular 2 para que cuando un usuario acceda a una url que no exista nos cargue un componente en especifico. Imagina que tenemos un componente llamado NotFoundComponent y en el tenemos una plantilla asociada que muestra un 404 o el mensaje que quieras. Para hacer que ese componente se cargue cuando la ruta no exista debemos añadir la siguiente...

Dic10

Como usar Angular CLI en Angular 2

Angular CLI es una herramienta que nos hace más fácil el proceso de instalación de Angular 2 y nos agiliza el inicio de un proyecto con este framework de Google. ¿Que nos ofrece Angular CLI al final? Instalación y esqueleto básico de Angular 2 Comandos para la generación de código(componentes, servicios, etc) Herramientas de minificación y builds para las webapps Testing Para instalar Angular CLI lanzamos el comando npm...

Nov17

Curso de NodeJS y Angular 2

¡Accede al curso pinchando aquí! Bienvenido al Curso de NodeJS y Angular 2, vas a aprender paso a paso como desarrollar servicios y APIs REST con NodeJS y MongoDB y como crear aplicaciones web SPA y front-ends con la nueva versión de AngularJS. En definitiva vamos a aprender a hacer desarrollos fullstack con el MEAN Stack 2.0 (MongoDB, Express, Angular 2 y NodeJS). NodeJS es una tecnología que nos...

Nov07

Input y Output en Angular 2

Hoy vamos a ver como trabajar con Input y Output en Angular 2 para la interacción entre componentes. Los inputs nos permiten pasar valores desde el componente «padre» que utiliza dentro del el otro componente y así intercambiar datos entre estos dos componentes. Veamos un ejemplo para entenderlo mejor. Tenemos un componente mi-formulario.component.ts que utiliza otro componente pueblo.component.ts. Desde el componente MiFormularioComponent vamos a pasarle las propiedades ciudad y...

Oct15

¡Especial 2000+ alumnos en el curso de desarrollo web fullstack!

Como sabes hace poco publiqué el curso de desarrollo web full-stack con Symfony3 y Angular 2 en el que enseño a desarrollar aplicaciones web a nivel de back-end y front-end con los dos frameworks más punteros del mercado. Es mi curso más largo (más de 17 horas) y estoy muy contento con el resultado, ya que cuando acabé de producir el curso me dí cuenta de que me salió...

Sep17

Formularios con Angular 2

Veamos como usar los formularios con Angular 2 (última actualización). Vamos directos a la práctica. Para poder utilizar los formularios con Angular 2 primero tenemos que cargar el modulo Forms de Angular. import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; // Importamos el módulo de formularios import { FormsModule } from '@angular/forms'; // Importar componente principal import { AppComponent } from './app.component'; // Cargamos módulos,...

Sep16

Instalar Angular 2 y crear un componente (versión final)

Hoy vamos a ver la instalación de Angular 2 de forma fácil y estar listos para empezar a desarrollar aplicaciones SPA 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 (versión final). 1. Instalar/Actualizar Node.js y actualizar NPM Lo primero que tenemos que hacer es instalar Node.js (necesaria versión mayor a...

Sep14

Como instalar Angular 2 RC7

Hoy vamos a ver la instalación de Angular 2 RC7 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 7. 1. Instalar/Actualizar Node.js y actualizar NPM Lo primero que tenemos que hacer es instalar Node.js (necesaria versión mayor a...