#curso jquery

Nueva noticia publicada en https://amdisenoweb.es/curso-jquery-ejercicios-3/

Curso jQuery: Ejercicios 3

En este caso vamos a crear un formulario sencillo para validar los datos introducidos, marcaremos con un “asterisco” aquellos campos que queremos que sean obligatorios y después con jquery comprobaremos si hay algo metido en esos campos o no, si no hay nada metido mostraremos un mensaje con un dialogo de jQueryUI y si todos los campos son correctos entonces ejecutaremos la orden del formulario. También utilizaremos el método focusin y focusout para cambiar el estilo de los campos cuando pinchemos en ellos.

Para empezar crearemos nuestro formulario con un div error que sera el div que se va mostrar cuando no se haya rellenado un campo.

<form name="formu" class="formulario" action="formmail.php" method="post"> <p>Nombre<span class="asterisco">*</span>: <input type="text" class="nombre"></p> <p>Email<span class="asterisco">*</span>: <input type="text" class="email"></p> Comentarios<span class="asterisco">*</span>: <textarea class="comentarios" rows="6" cols="30"></textarea><br> <input type="button" value="enviar" class="enviar"> <span class="asterisco">* campos obligatorios</span> </form> <div class="error" title="Error rellenando datos">Mensaje de error</div>

A continuación introduciremos los  estilos css para el asterisco, ocular el error y para que cuando pinchemos en un campo este cambie de formato.

<style type="text/css"> .asterisco font-size:11px; color:red; vertical-align: super; .seleccionado background-color: #AEF8A0; padding:5px; -webkit-box-shadow: 0px 0px 4px 2px #24a5db; box-shadow: 0px 0px 4px 2px #24a5db; .error display:none; </style>

A continuación añadiremos el script de jQuery y las ordenes necesarias para que cuando pinchemos en un campo este cambie de formato. Con el focusin controlamos cuando se pincha en una casilla y cambiamos su estilo y con el focusout restauramos el estilo de esa casilla

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) $(".nombre").focusin(function(e) $(".nombre").addClass("seleccionado"); ); $(".nombre").focusout(function(e) $(".nombre").removeClass("seleccionado"); ); $(".email").focusin(function(e) $(".email").addClass("seleccionado"); ); $(".email").focusout(function(e) $(".email").removeClass("seleccionado"); ); $(".comentarios").focusin(function(e) $(".comentarios").addClass("seleccionado"); ); $(".comentarios").focusout(function(e) $(".comentarios").removeClass("seleccionado"); ); ); </script>

Quedando algo así:

A continuación lo que vamos a hacer es cuando pinchemos en el botón enviar que compruebe si hemos escrito algo en los campos y si es así enviarlo, sino hemos rellenado algún campo con el dialogo de jQueryUI visualizaremos un error. Lo primero sera ir a la página jQueryui.com y descargar el plugin con el tema que nos guste, una vez descargado y descomprimido añadimos los estilos css en el head de la pagina.

<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css"> <link href="css/jquery-ui.theme.min.css" rel="stylesheet" type="text/css">

A continuación añadimos el jqueryui debajo del jquery.3.2.1, dejándolo asi:

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="js/jquery-ui.min.js"></script>

Y por ultimo nos faltaría el código para la comprobación que meteremos dentro del document ready.

$(".enviar").click(function(e) var nombre=$(".nombre").val(); var email=$(".email").val(); var comentario=$(".comentarios").val(); if (nombre.length==0) mensaje("No has metido nada en nombre"); return; if(email.length==0) mensaje("No has metido un correo electronico"); return; var posarroba=email.indexOf("@"); if( posarroba<4) mensaje("Error en el correo, no tiene arroba"); return; var pospunto=email.indexOf(".",posarroba); if (pospunto<posarroba+4) mensaje("Error en el correo, no tiene punto"); return; if(email.length<pospunto+1) mensaje("Error en el correo, no esta bien formada la direccion"); return; if(comentario.length<4) mensaje("No has metido comentarios"); return; $(".formulario").submit(); ); var mensaje=function(mensa) $(".error").html(mensa); $(".error").dialog( modal: true, buttons: Ok: function() $( this ).dialog( "close" ); );

En este código lo primero que hacemos es recuperar el valor de los campos nombre, email y comentarios, si estos campos están vacíos mostramos un mensaje de error,  ademas en el email comprobamos que tenga una @ y un punto, con la función indexOf, esta función devuelve -1 si no encuentra el valor que le pasamos entre comillas, además comprobamos que antes de la arroba haya 4 caracteres y entre la arroba y el punto otros cuatro.

Para que funcione el formmail.php habrá que configurarlo como lo explicamos en esta web

En este caso vamos ha realizar un formulario de comprobación diferente, usaremos el método keyup para comprobar si se ha escrito algo o no en la casilla,  si el valor es correcto la marcara en verde y si no es correcto en rojo, lo haremos con las función addClass y removeClass de jQuery.

Nueva noticia publicada en https://amdisenoweb.es/curso-jquery-7-estructuras-control-repetitivas/

Curso jQuery: 7 Estructuras de control repetitivas

Siguiendo con la entrada anterior vamos a continuar con las estructuras de control de un programa, en este caso vamos a ver las repetitivas, dichas estructuras se utilizan para que se repitan unas operaciones dependiendo de una condición.

FOR

Después del if el for es otra de las estructuras de control más utilizadas, se utiliza cuando se sabe de antemano la cantidad de veces que se va a ejecutar las ordenes, tiene la siguiente estructura:

fof(inicializacion;condicion; actualizacion) //ordenes a ejecutar

Normalmente en la inicialización se suele iniciar una variable a un valor, en condición se suele comparar el valor de la variable inicializada anteriormente con otro valor y en actualización se suele cambiar el valor de la variable incrementandola o decrementandola. Una sintaxis típica seria:

for (i=0; i<5;i++) //ordenes

En este caso se ejecutarían las ordenes 5 veces, una para cada valor de la i que empieza en 0 y va incrementando su valor en 1 hasta llegar a 5, en cuyo caso no se ejecutarían las ordenes.

Por ejemplo supongamos que tenemos un input text en el que metemos un número y queremos que se visualice la tabla de multiplicar de ese numero en un div resultado.

  <h1>Tabla de multiplicar de un numero</h1> <p>Introduce el numero para calcular la tabla de multiplicar. <input type="text" name="numero" class="numero" placeholder="Introduce numero"></p> <p><input type="button" value="Ver tabla multiplicar" class="tabla"></p> <div class="resultado"></div> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) $(".tabla").click(function(e) var numero,i,resultado; numero=$(".numero").val(); $(".resultado").html("<h2>La tabla de multiplicar del numero "+numero+ " es:</h2>"); for (i=1;i<=10;i++) resultado=numero*i; $(".resultado").append("<p>"+numero+" x "+i+" = "+resultado+"</p>"); ); ); </script>

WHILE Y DO WHILE

Ambas son muy parecidas, ejecutan una serie de ordenes mientras se cumpla una condición, la diferencia esta en que el while primero comprueba la condición y si se cumple las ejecuta y el do while ejecuta las ordenes y luego comprueba la condición y si se cumple las vuelve a ejecutar hasta que deje de cumplirse la condición. La sintaxis seria:

while ( condicion ) // ordenes do //ordenes while(condicion);

Por ejemplo si queremos podemos convertir el  for anterior en un while, lo haríamos como sigue

Nueva noticia publicada en https://amdisenoweb.es/curso-jquery-ejercicios-1/

Curso jQuery: Ejercicios 1

Calcular el area de un triangulo, pedimos la base y la altura

<h1>Calculo del area del triangulo</h1> <p>Para calcular el area debes introducir la base y altura.</p> <p>Introduce base <input type="text" name="base" class="base"></p> <p>Introduce altura <input type="text" name="altura" class="altura"></p> <input type="button" class="calcular" value="Calcular"> <div class="resultado"></div> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) $(".calcular").click(function(e) var base, altura, resultado; base=Number($(".base").val()); altura=Number($(".altura").val()); resultado=1/2*base*altura; $(".resultado").html("<p>El area del triangulo es "+resultado+"</p>"); ); ); </script>

Un sencillo ejercicio de una calculadora con dos input para los números y  los botones de suma, resta, multiplicación y división

<h1>Calculadora</h1> <p>Introduce do numeros y pulsa el boton correspondiente para realizar su operacion</p> <p> Numero 1: <input type="text" class="n1"> Numero 2: <input type="text" class="n2"> </p> <p> <input type="button" value="Suma los numeros" class="suma"> <input type="button" value="resta" class="resta"> <input type="button" value="multiplica" class="multiplica"> </p> <p> Resultado: <div class="resultado"></div> </p> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) $(".suma").click(function(e) var n1, n2, resultado; n1=Number($(".n1").val()); n2=Number($(".n2").val()); resultado=n1+n2; $(".resultado").html(resultado); ); $(".resta").click(function(e) var n1, n2, resultado; n1=Number($(".n1").val()); n2=Number($(".n2").val()); resultado=n1-n2; $(".resultado").html(resultado); ); $(".multiplica").click(function(e) var n1, n2, resultado; n1=Number($(".n1").val()); n2=Number($(".n2").val()); resultado=n1*n2; $(".resultado").html(resultado); ); ); </script>

Calculadora completa

<style type="text/css"> .display width:94%; height:40px; line-height: 40px; background-color:#e0f8e3; font-size:20px; border: 3px black ridge; border-radius: 5px; text-align: right; input[type=button] width:50px; height:50px; font-size:16px; background-color: #73ca65; border: 3px black ridge; border-radius: 5px; font-weight: bold; </style> </head> <body> <table> <tbody> <tr> <td colspan="4"><input type="text" name="textfield" id="textfield" class="display"></td> </tr> <tr> <td><input type="button" name="button" id="button" value="7" class="operacion"></td> <td><input type="button" name="button2" id="button2" value="8" class="operacion"></td> <td><input type="button" name="button3" id="button3" value="9" class="operacion"></td> <td><input type="button" name="button4" id="button4" value="+" class="operacion"></td> </tr> <tr> <td><input type="button" name="button5" id="button5" value="4" class="operacion"></td> <td><input type="button" name="button6" id="button6" value="5" class="operacion"></td> <td><input type="button" name="button7" id="button7" value="6" class="operacion"></td> <td><input type="button" name="button8" id="button8" value="-" class="operacion"></td> </tr> <tr> <td><input type="button" name="button9" id="button9" value="1" class="operacion"></td> <td><input type="button" name="button10" id="button10" value="2" class="operacion"></td> <td><input type="button" name="button11" id="button11" value="3" class="operacion"></td> <td><input type="button" name="button12" id="button12" value="*" class="operacion"></td> </tr> <tr> <td><input type="button" name="button13" id="button13" value="0" class="operacion"></td> <td><input type="button" name="button14" id="button14" value="." class="operacion"></td> <td><input type="button" name="button15" id="button15" value="=" class="resultado"></td> <td><input type="button" name="button16" id="button16" value="/" class="operacion"></td> </tr> <tr> <td><input type="button" name="button17" id="button17" value="Ce" class="limpiar"></td> <td><input type="button" name="button18" id="button18" value="(" class="operacion"></td> <td><input type="button" name="button19" id="button19" value=")" class="operacion"></td> <td><input type="button" name="button20" id="button20" value="Ret" class="retroceso"></td> </tr> <tr> <td><input type="button" name="button21" id="button21" value="Seno" class="seno"></td> <td><input type="button" name="button22" id="button22" value="Cos" class="coseno"></td> <td><input type="button" name="button23" id="button23" value="Raiz" class="raiz"></td> <td><input type="button" name="button24" id="button24" value="PI" class="PI"></td> </tr> </tbody> </table> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) $(".operacion").click(function(e) var display=$(".display").val(); display+=$(this).val(); $(".display").val(display); ); $(".resultado").click(function(e) var display=$(".display").val(); var resultado=eval(display); $(".display").val(resultado); ); $(".limpiar").click(function (e) $(".display").val(""); ); $(".retroceso").click(function(e) var display=$(".display").val(); display=display.substr(0,display.length-1); $(".display").val(display); ); $(".seno").click(function(e) var display=$(".display").val(); var resultado=Math.sin(display); $(".display").val(resultado); ); $(".coseno").click(function(e) var display=$(".display").val(); var resultado=Math.cos(display); $(".display").val(resultado); ); $(".raiz").click(function(e) var display=$(".display").val(); var resultado=Math.sqrt(display); $(".display").val(resultado); ); $(".PI").click(function(e) var display=$(".display").val(); var resultado=Math.PI; $(".display").val(resultado); ); ); </script>

En este caso el programa sirve para trabajar con un array y nos permite añadir números, borrarlos, ordenarlos y visualizarlos. Para que un enlace no  “funcione” y se vaya a donde apunta o bien en jquery en el evento click añadimos e.preventDefaul() o en el href del enlace le ponemos javascript:void(0); hemos usado ambas formas en el ejemplo.

<p>Introduce un numero: <input type="text" name="numero" class="numero"> </p> <p> <a href="#" class="anadir">Añade el numero</a><br/> <a href="javascript:void(0);" class="visualizar">Visualiza los numeros</a><br/> <a href="#" class="borrar">Borra el ultimo numero</a><br/> <a href="javascript:void(0);" class="ordena">Ordena los numeros</a> </p> <div class="resultado"></div> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) var numeros=new Array(); $(".anadir").click(function(e) num=="") alert("No has introducido un numero"); else numeros.push(num); $(".numero").val(""); ); $(".visualizar").click(function(e) var i, longitud; longitud=numeros.length; $(".resultado").html("<p>los numeros son</p>"); for (i=0;i<longitud;i++) $(".resultado").append("<p>El numero en la posicion "+i+" es "+numeros[i]+"</p>"); ); $(".borrar").click(function(e) e.preventDefault(); numeros.pop(); $(".resultado").html("Se ha borrado un numero"); ); $(".ordena").click(function(e) numeros=numeros.sort(function(a,b)return a-b); $(".resultado").html("Se han ordenado los numeros"); ); ); </script>

Calculo de un boleto de primitiva.

Nueva noticia publicada en https://amdisenoweb.es/curso-jquery-6-estructuras-control/

Curso jQuery: 6 Estructuras de control

Si nosotros realizamos nuestros programas usando solamente lo visto hasta el momento, o sea variables, eventos y acceso al código de la web entonces las ordenes se ejecutan secuencialmente, o lo que es lo mismo una detrás de la otra,  en muchas ocasiones nos interesa o que se repitan ciertas ordenes o que dependiendo de una condición se ejecuten unas ordenes u otras ordenes diferentes.

Entre las estructuras de control mas usadas nos encontramos con: if, switch, while, for, do while.

IF

Es la sentencia más utilizada en todos los lenguajes de programación se utiliza para tomar una decisión dependiendo de una condición, la sintaxis seria:

if (condición) // 1. ordenes si se cumple la condición else // 2. ordenes si no se cumple la condición

El resultado de evaluar la condición tiene que ser true o false, si se cumple se ejecutarán las ordenes del punto 1, y si no se cumplen las del punto 2.

Por ejemplo supongamos que tenemos un input tipo texto para pedir la edad del usuario, si la edad es mayor de 18 queremos que nos diga que somos mayores de edad, y sino que somos menores de edad,  ademas de poner el color del texto en verde o azul dependiendo del resultado, para visualizar el resultado utilizaremos un div con clase resultado.

Introduce tu edad: <input type="text" name="edad" class="edad"> <br> <input type="button" value="Comprobar" class="comprobar"> <div class="resultado"></div> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) $(".comprobar").click(function (e) var edad; edad=$(".edad").val(); if(edad>=18) $(".resultado").html("Eres mayor de edad"); $(".resultado").css("color","green"); else $(".resultado").html("Eres menor de edad"); $(".resultado").css("color","blue"); ); ); </script>

Podríamos mejorarlo si antes de comprobar el valor de la edad comprobamos si es un numero o no.

Introduce tu edad: <input type="text" name="edad" class="edad"> <br> <input type="button" value="Comprobar" class="comprobar"> <div class="resultado"></div> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) $(".comprobar").click(function (e) var edad; edad=$(".edad").val(); if(isNaN(edad)) $(".resultado").html("Debes introducir un numero"); $(".resultado").css("color","red"); else if(edad>=18) $(".resultado").html("Eres mayor de edad"); $(".resultado").css("color","green"); else $(".resultado").html("Eres menor de edad"); $(".resultado").css("color","blue"); ); ); </script>

Switch

Cuando dependiendo del valor de una variable tenemos que tomar una decisión u otra y si estas decisiones son muchas a la hora de anidar los if puede resultar un poco embarazoso y lioso, para esto existe otra estructura de control condicional que es el Switch, se suele utilizar cuando conocemos de antemano los valores que puede tomar una variable, su sintaxis seria:

switch(variable) caso valor_1: //ordenes 1 break; caso valor_2: //ordenes 2 break; caso valor_3: //ordenes 3 break; default: //ordenes 4 break;

Dependiendo del valor de la variable se ejecutarían las ordenes 1, 2, 3 o 4 si no es ningún valor que aparezca en los case.

Por ejemplo, supongamos que tenemos una casilla en la que metemos el numero de un mes, y con un switch vamos a visualizar el nombre del mes correspondiente.

Introduce un numero de mes <input type="text" name="mes" class="mes"> <br/> <input type="button" value="Dime el mes" class="comprobar"> <div class="resultado"></div> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) $(".comprobar").click(function (e)); ); </script>

El primer paso que hacemos es comprobar si hemos metido un numero y si dicho numero esta entre 1 y doce, si no es así entonces ejecutaríamos el return para salirnos de la función.

Otra forma de hacerlo seria declarando un array con los meses, en este caso no necesitariamos el switch.

Nueva noticia publicada en https://amdisenoweb.es/curso-jquery-5-eventos-funciones/

Curso jQuery: 5 Eventos y Funciones

Cuando el usuario interactua con el navegador o con una pagina web siempre se interactua mediante eventos, los mas conocidos son click, mouseover, foucs, blur, submit … Cuando el usuario pincha en alguna parte de la web esta ejecutando el evento on click, si se sitúa encima de un componente podría estar ejecutándose el evento on mouse over. Diagmos que todo lo que hacemos en entorno de windows se dispara o realiza mediante eventos.

Una definición para modificar un evento seria algo similar a:

$(document).ready(function() $('componente').evento(function(e) $('componenteQueCambia').efecto(); ); );

En lugar de evento pondríamos uno de los eventos que queremos utilizar click, bind, submit, focusin, focusout, por ejemplo si deseamos que al pinchar sobre un botón cambie algo lo haríamos como sigue.

<input type="buton" value="pinchame" class="pulsar"> ... <script type="text/javascript"> $(document).ready(function() $(".pulsar").click(function(e) alert("Has pulsado el boton"); ); ); </script>

Con este código lo que hacemos es que cuando pulsamos en el botón se visualiza un mensaje por pantalla, si retomamos el código del ejercicio de la entrada 4 podríamos codificarlo para que cuando pinchemos en un botón nos diga el nombre que hemos escrito.

Nombre :<input type="text" class="nombre"> <input type="buton" value="pinchame" class="pulsar"> <script type="text/javascript"> $(document).ready(function(e) $(".pulsar").click(function(e) var nombre; nombre=$(".nombre").val(); alert("Te llamas "+nombre); ); ); </script>

Con este código lo que haríamos seria que nos visualizara el contenido del input nombre cuando pulsamos en el botón, si por el contrario en lugar de visualizar un mensaje queremos que nos los visualice en un div lo haríamos como sigue:

Nombre :<input type="text" class="nombre"> <input type="buton" value="pinchame" class="pulsar"> <div class="resultado"></div> <script type="text/javascript"> $(document).ready(function(e) $(".pulsar").click(function(e) var nombre; nombre=$(".nombre").val(); $(".resultado").html("Te llamas "+nombre); ); ); </script>

Al igual que usamos el click en un botón podríamos usarlo sobre cualquier componente web, sobre un enlace, una imagen, un párrafo, etc.. Al hacerlo sobre un enlace hay que tener en cuenta que como es un enlace entonces intentara abrir la página del enlace, entonces o en el href le ponemos javascript:void(0); o en la función click ponemos e.preventDefault();

//forma 1 <a href="javascript:void(0)" class="pulsar">texto</a> <script type="text/javascript"> $(document).ready(function(e) $(".pulsar").click(function(e) //resto del codigo ); ); </script> ...... //forma 2 <a href="#" class="pulsar">texto</a> <script type="text/javascript"> $(document).ready(function(e) $(".pulsar").click(function(e) e.preventDefaul(); //resto del codigo ); ); </script>

Funciones

Las funciones es un bloque de código que se va a ejecutar repetidamente, se las puede o no pasar argumentos y pueden o no devolver un valor, para declarar una función en jQuery se puede hacer de dos forma:

function funci() //código de la función var funci=function() //código de la función

Si bien ambas formas son correctas la mas idónea es la segunda por razones técnicas. Para llamar a la función basta con poner el nombre de la función donde queramos.

Por ejemplo si queremos crear una función que sume dos números y nos devuelva la suma lo podríamos hacer así:

Nueva noticia publicada en https://amdisenoweb.es/curso-jquery-4-acceso-los-elementos-la-web/

Curso jQuery: 4 Acceso a los elementos de la web

A la hora de programar con jQuery muchas veces nos va a resultar imprescindible poder acceder a ciertos valores de campos de texto, radio, checkbox, option o a etiquetas div, etc..

Como bien sabemos para acceder a un componente web dependerá de si dicho componente utiliza una clase o un id, si usa una clase utilizaremos “.clase” pero si usa un id “#id” de esta manera podemos acceder de forma sencilla a un componente como un div, spam, p, etc…

Por ejemplo si tengo <div class=”caja1″></div> para acceder a caja1, usaremos $(“.caja1”), ahora bien lo que hagamos a continuación dependerá de lo que queramos realizar con la caja1.

También podemos complicar un poco la cosa para refinar la seleccion, por ejemplo podemos ponerlo de la siguiente manera

$(“#caja1 .lista”) Lo que haremos sera seleccionar el elemento que tiene la clase lista dentro del elemento con el id caja1, por ejemplo

<div id="caja1"> <p>Esto es un texto</p> <ul class="lista">   <li>Elemento 1</li>   <li>Elemento 2</li> </ul> <p> otro texto </p> </div> <ul class="lista>   <li>Elemento 3</li>   <li>Elemento 4</li> </ul>

Así seleccionaríamos solo la lista que esta dentro del div con los elementos 1 y 2.

Otras formas de selección:

$(“.enlaces:first”); seleccionamos el primer elemento con la clase enlace

$(“p:odd”); seleccionamos todos lo párrafos pares.

$(“div:visible”); seleccionamos todos los div visibles

$(“div:gt(2)”); seleccionamos todos los divs menos los 3 primeros

$(“div:lt(2)”); seleccionamos los 3 primeros div

Estas son algunas de las formas de seleccionar elementos

Cuando tenemos un div podemos acceder a su contenido para modificarle mediante:

//con esto sustituimos el contenido del div $(".caja").html("Nuevo contenido"); //con esto añadir mas contenido al div $(".caja").append("Añadir contenido");

Si tenemos una casilla de texto podemos acceder y modificar su valor con la función val(), por ejemplo

Vamos a ir añadiendo una serie de entradas para que conozcas un poco sobre el lenguaje jquery, esta es la primera, esperamos que te guste.

Websites which give online courses subjecting to various IT platforms are on rise. We at tecguru provide an array of basic and advanced courses based on different platforms. We provide curso photoshop which is the platform used today in about 75% of the Picture editing and morphing techniques in the world. You can enroll into our online program for learning Photoshopping. Also different courses come for different durations ranging from 3 months, 6 months or 1 year depending up to the course contents. But one thing is sure once you complete the course you will be the most equipped and most competent person possessing the skill.

The time scheme which we have set for the courses are very much designed and suited for different categories of people like students, working class individuals, etc. Flexible timings are a very useful feature by our part which has helped part time learners to learn the course in the mean time. We also have gained expert learning centers for training in curso ASP.NET. ASP.NET is the platform which are required for use in its top notch devices. You will be dealing with application development and fetch and send actions during the course of study. Our courses are certified and follow the international standards for validity. Hence wherever you go you will be deemed valid with our certificate in hand.

We have a number of diploma and graduate courses. We are a consulting company hence we even provide consulting services to various clients all around the world. We even provide curso jquery which will help you in the future course of action. We derive practical application of problems arising in the studies and also give hands on experience to the students. These certifications will be an added advantage for you after you complete your course and lead yourselves for a job. Our staff of teachers are well trained and have gained immense experience from various industries and are here to provide you with the same knowledge. You will soon be well versed with the language you are learning.