Entradas

Mostrando las entradas de junio, 2020

¿Cómo ocultar mouse pasado un tiempo JavaScript?

Imagen
Hola hoy les traigo un efecto que nos puede servir en alguna ocasión para algún proyecto y ese es ocultar el cursor del mouse pasado x tiempo Las tecnologías que usaremos son: HTML: para crear la estrucura y los elementos necesarios CSS: utilizaremos la propiedad cursor para cambiar el cursor JavaScript: manejaremos todo lo necesario para realizar este proyecto usaremos ,setTimeout ,manejo de eventos addEventListener entre otros ¿Para qué nos puede servir esto? Pues en primer lugar y para lo que yo lo he usado es para crear mis reproductores personalizados de HTML5, después de un tiempo de inactividad del mouse se oculta el cursor logrando ver solo la pantalla, hay otras funcionalidades que les puedes dar y puedes usarlo para lo que realmente desees no solo ocultar el cursor pero en esta ocasión he decidido usar este ejemplo <div id="contenido"> </div> <style> /* le damos un estilo a nuestro div */ #contenido{
Publicar un comentario
Leer más

Empezando con JavaScript

Imagen
Debemos saber algo de JavaScript antes de comenzar, primero si no conocemos que es HTML se nos va a complicar, segundo  tenemos que tener paciencia e ir de a poco en poco y tercera prueba aunque esto sea para todo probar es la única forma de aprender y que se nos queden los conocimientos bueno empecemos. JavaScript se usa en conjunto con HTML por eso anteriormente había definido que debíamos por lo menos disponer de conocimientos muy básicos (tenéis un enlace a explicaciones que he subido con antigüedad con respecto a HTML que sin duda te ayudaran). Ahora si comencemos el CODIGO Siii: Bueno primero coloquemos la estructura básica que por lo general posee todo documento HTML. <html> <head> <title>Empezando con JavaScript</title> <head> <body> </body> </html> Ahora para empezar introduciremos el elemento necesario para que el navegador interprete el código que es sc
Publicar un comentario
Leer más

Que ventajas ofrece PHP

PHP es un lenguaje de programación con muchas posibilidades del lado del servidor es sin dudas uno de los más usados para los desarrollos de un nivel de complejidad alto por eso estas son para mí las ventajas que nos ofrece este lenguaje sé que hay muchísimos más pondré los más evidentes comencemos. 1. Nuestro código nadie lo puede ver : Veamos si no conocemos acerca de HTML , JavaScript ,CSS debemos saber que estos lenguajes cualquier usuario puede ver el funcionamiento de nuestro código porque están al lado del cliente a diferencia de PHP que esta en el servidor. 2. Conexión con base de datos : Este lenguaje nos permite manipular las bases de datos estableciendo una conexión realizando consultas mostrar los datos en pantalla entre otras funcionalidades indispensables para el manejo de bases de datos. 3.   Seguridad: Que sería de los sitios webs si estos no poseen seguridad pues seguramente su funcionamiento no fuera el mismo por no decir que no existiría nada confiable ya que
Publicar un comentario
Leer más

Que es XAMPP

Imagen
XAMPP es un paquete de instalación que nos proveerá de las herramientas necesarias para disponer en primer lugar de host offline para probar nuestros desarrollos. XAMPP como había definido anteriormente nos va a posibilitar las herramientas para probar nuestro sitio web. Veamos  que nos ofrece En primer lugar un servidor web con el programa Apache, un base de datos MYSQL, Apache Tomcat servidor Web con soporte para servlets y JSPs, posibilidad los módulos  PHP y Perl para el desarrollo web .En verdad nos ofrece otras herramientas pero esas son las más importantes y sin duda las que más usaremos para nuestros desarrollos webs. Por qué surge XAMPP XAMPP surge para ayudar a los programadores para probar los sitios webs y desarrollarlos sin acceso a internet antes de llevar nuestro proyecto a otro nivel y subirlo a un servidor podemos ver cómo va nuestro proyecto antes de ponerlo en el mercado además nos permite interactuar con las bases de datos MYSQL a tr
Publicar un comentario
Leer más

Entradas más populares de este blog

Variables en JavaScript

Imagen
Siguiendo la programación web de Empezando con JavaScript hoy vengo con las variables de este lenguaje. Las variables son como cajas donde podremos guardar información temporalmente se les denomina así porque su contenido puede cambiar en cualquier momento durante el desarrollo del programa. Puede tomar los siguientes valores: ·     Números  (enteros, decimales, etc.). ·        Cadenas de caracteres. ·       Valores lógicos (True y False). ·   O bjetos (una ventana, un texto, un formulario, etc.).   Para declarar una variable utiliza la siguiente sintaxis  La palabra reservada var   var nombre=1; Que hice? .Esto es una estructura básica de una variable numérica estoy diciendo que la variable nombre es igual a 1 pueden darle cualquier nombre a la variable el que deseéis             Ejemplo de variable con decimal var decimales=12.32; Esto es una variable con decimal debemos tener en cuenta que se usa ( . ) y no coma como es común encontrar en el idio
Leer más

¿Cómo ocultar mouse pasado un tiempo JavaScript?

Imagen
Hola hoy les traigo un efecto que nos puede servir en alguna ocasión para algún proyecto y ese es ocultar el cursor del mouse pasado x tiempo Las tecnologías que usaremos son: HTML: para crear la estrucura y los elementos necesarios CSS: utilizaremos la propiedad cursor para cambiar el cursor JavaScript: manejaremos todo lo necesario para realizar este proyecto usaremos ,setTimeout ,manejo de eventos addEventListener entre otros ¿Para qué nos puede servir esto? Pues en primer lugar y para lo que yo lo he usado es para crear mis reproductores personalizados de HTML5, después de un tiempo de inactividad del mouse se oculta el cursor logrando ver solo la pantalla, hay otras funcionalidades que les puedes dar y puedes usarlo para lo que realmente desees no solo ocultar el cursor pero en esta ocasión he decidido usar este ejemplo <div id="contenido"> </div> <style> /* le damos un estilo a nuestro div */ #contenido{
Leer más

Ejemplos Date con JavaScript

Cómo pudiste notar a penas entraste en esta página se mostró una alerta dándote las bienvenidas según la fecha de tu PC y dirás que tiene eso de grandioso la verdad nada pero lo tendrá. Lograr este efecto es tan fácil como declarar 3 condicionales y listo veamos. <script> var fecha=new Date(); var hora=fecha.getHours(); //accedemos a la hora que tiene el PC if(hora>=0 && hora<12){ alert("Buenas Dias!!!") } if(hora>=12&& hora<=18){ alert("Buenas Tardes!!!") } if(hora>18&& hora<=23){ alert("Buenas Noches!!!") } </script> La verdad el código anterior es muy sencillo pero logro a complicárseme un poco por las siguientes cuestiones Amanece a la misma hora en todos los países? , la madrugada se considera por la mañana y la frase "Son las 3 de la mañana" si en realidad no ha amanecido esas cuestiones y otras hicieron que pensara en la m
Leer más