Curso de VueJS 2
Accede al curso pinchando aquí. Bienvenido al curso de VueJS 2, vas a aprender paso a paso como desarrollar aplicaciones web front-end con la potente y ligero framework JavaScript. Vue.js 2 se está abriendo hueco en el mercado de los framework para JavaScript y está siendo muy utilizado por las empresas de desarrollo. Es uno de los frameworks más populares para desarrollar aplicaciones modernas y escalables en el lado del cliente. Si quieres ser desarrollador front-end o full-stack,...
Solución: No puedo copiar y pegar texto en CKEditor en IE
Hace poco me surgio un problema utilizando el conocido editor de texto para JavaScript CKEditor, resulta que no podia copiar y pegar texto en CKEditor usando Internet Explorer. Te voy a mostrar la solución a este error y poder pegar texto en CKEditor, lo único que tienes que hacer es añadir el siguiente código dentro del de tu html principal: <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" /> <!--<![endif]--> Con esto...
Servicios y módulo HTTP en Angular 2 Final
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. Crear un servicio básico en Angular 2 Veamos como crear un servicio en Angular 2. // importamos el modulo Injectable de AngularJS import { Injectable } from '@angular/core'; // Permitimos que este objeto...
Desarrollo web con JavaScript, Angular, NodeJS y MongoDB
Entra al curso pinchando aquí Te presento mi nuevo curso Desarrollo web con JavaScript, Angular, NodeJS y MongoDB. Vas a aprender paso a paso como desarrollar servicios y APIs REST con NodeJS, Express, MongoDB, JWT y como crear aplicaciones web front-end complejas con la nueva versión de AngularJS (Angular 2). En resumen vamos a aprender a hacer un desarrollo fullstack con el MEAN Stack 2.0, creando paso a paso...
Crear varios componentes en Angular 2 (@Component y @NgModule)
Hoy vamos a ver como crear varios componentes en Angular 2, es muy simple. Lo primero que vamos a hacer es crear un directorio para los componentes dentro de nuestro directorio app, esto es una preferencia personal, tu puedes tener la estructura de directorios que prefieras. Crearé el directorio app/components y ahí meteré los componentes. Dentro de este directorio voy a crear dos componentes, por ejemplo, crearé empleados.component.ts y...
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...
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...
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...
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...
Crear una base de datos en MongoDB
Hoy veremos como crear una base de datos en MongoDB. En MongoDB no existe ningún comando estilo create database, ni nada así, lo que hace mongodb es crear una colección (base de datos) en el momento que se le inserta un objeto o documento(registro de una tabla por llamarlo de alguna forma) a dicha colección. Veamoslo como crear una base de datos en MongoDB paso a paso y desde...
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...
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...
Entra a mis cursos online
Hosting recomendado ⬇️
