Buscar este blog

Translate

Mostrando entradas con la etiqueta javascript. Mostrar todas las entradas
thumbnail

Introducción a NodeJS


Hola hoy he empezado a practicar programando en NodeJS, por aquí os dejo los códigos que he empleado en el ejemplo, espero que os sea útil y que aprendáis conmigo, os dejo mi código escrito por aquí:

console.log("hola mundo");
var http = require("http");
var url =require("url");
var body ="<html lang='es'><head></head><body>";
var foot="</body></html>";
http.createServer(function(request, response){
  response.writeHead(200,{"Content-Type":"text/html"});
  var path= url.parse(request.url).pathname;
  response.write(body);
  response.write("<h1>"+path+"</h1>"+ejecutar());
  dormir(5000);
  response.write("<h1>Nueva Linea</h1>");
  response.write(foot);
  response.end();
}).listen(8888);
function dormir(miliSegundos){
  var actual = new Date().getTime();
  var ahora =new Date().getTime();
  while (ahora<actual+miliSegundos){
    ahora =new Date().getTime()
  };
}
 function ejecutar(){

   return "<h1>texto funcion</h1>";
 }

Un saludo, y espero que os haya gustado, si es así, me podéis dejar en los comentarios, también si queréis que comente algún tipo de tecnología en concreto me lo podéis dejar aquí abajo.
thumbnail

Entrevista: Vivir de un Blog



Hola querido lector, hoy quiero hablar de una entrevista a un blogger que vive de su profesión, en cuya entrevista da consejos acerca de cómo empezó, y como se desarrolló su profesión. En el vídeo habla de ciertos mitos tales como la cantidad de dinero que mucha gente se cree que se gana en la red. Y es que para ganar medio euro hace falta unas mil visualizaciones.

En esta entrevista en entrevistado deja bastante claro que él gana prácticamente lo mismo que cuando trabajaba en su anterior puesto de trabajo, y que él le dedica prácticamente todo el día a su blog. Como consejo crucial el autor apunta que lo más interesante es añadir plugins a su CMS, que es WordPress que ayudan a la seguridad del blog, seo y optimización del website en general.

La verdad me ha parecido una entrevista muy interesante y digna de traerlo a mi blog, espero que os haya gustado mi artículo, que os haya entretenido, y nada hasta la próxima, que vaya bien chao.







thumbnail

JavaScript No Es Java




Hola querido lector hoy quería comentar dos tecnologías, que a mucha gente que son de la rama técnica de informática, es decir, los que reparan ordenadores a nivel físico y de software, suelen confundir, y muchos creen que están relacionados, cuando realmente Java se parece a JavaScript como de un huevo a una castaña.

Antes voy a a explicar que son los objetos muy utilizado en  la POO son un paradigma que se basa en el tratamiento de grupo de bytes relacionados prácticamente lo mismo que en la vida real donde por ejemplo una radio tiene atributos, como tamaño color, etc. mientras que el objeto trabajador es totalmente distinto con respecto a la radio


  • Java es un lenguaje de programación orientado a objetos, interpretado y compilado, donde un código fuente se pasa a un lenguaje de programación intermedio, que será interpretado por Java, además de ser un lenguaje de programación orientado a objetos, es decir, las clases, ya sean de interfaz gráfica o de manejo de cálculos se utilizan objetos.


  • JavaScript es un lenguaje interpretado por el navegador, no hay que compilar, ni pasar a lenguaje intermedio, sino que es texto que lee el navegador y el navegador lo interpreta. Decir que este lenguaje de programación está basados en objetos, es decir tu cuando declaras un objeto, realmente estas declarando un JSON, o array, al que vas accediendo,  a sus funciones. Ni que decir que JavaScript para leer el código sólo con pulsar F12 en el navegador, ya tienes medio trabajo hecho, mientras que en Java es necesario herramientas de ingeniería inversa o tener el código fuente, directamente.


Decir también que Linux y los servidores web, han conseguido ejecutar gran parte del código en JavaScript como si fueran ejecutables, dando funciones que en un principio no estaban previstas, un ejemplo NodeJS que ejecuta JavaScript sin opción de ver el código con F12, debido  a que éste código es traducido a PHP y otro lenguaje del servidor.

También debo decir que no hay que confundir JavaScript con TypeScript, un lenguaje de Microsoft que se encarga de pasar de un lenguaje creado por Microsoft (TypeScript) a JavaScript, disponible en la versión de Visual Studio Community (versión gratuita, por cierto).

Pues nada, sin más, aquí dejo mi artículo de hoy, espero que os haya gustado, si es así, podéis seguirme en mis redes sociales, que es Facebook y Twitter, y sin más os dejo, un saludo y hasta la próxima.
thumbnail

Mi Experiencia Proyecto DAW




Hola hoy se me apetece hablar de mi experiencia a la hora de programar, desarrollar e implementar el proyecto de Desarrollo de Aplicaciones Web, como ya sabéis los que seguís de hace tiempo, yo además de ser técnico informático, también estudio en mis ratos libres en un instituto a distancia, en el cual este año he hecho el proyecto, y me gustaría dar algunas recomendaciones.

1- Ten una idea

Lo primero que voy a recomendar, antes de empezar con el proyecto, ten en mente alguna idea que puedas llevar a cabo, podría ser una pequeña red social, algo que tenga que ver con webs de ventas o simplemente, una página que tu creas que puedes hacer usando tecnologías por ejemplo RSS.

2- No reinventes la rueda

Si hay algo que debes de tener en cuenta es que internet es muy grande llenos de cientos de blogs, Stack Overflow, foros, etc. acerca de cómo hacer diferentes funciones que  seguro vas a implementar.

https://www.hostinger.es/

3- Aquí les dejo un vídeo con las ideas principales a la hora de crear nuestro proyecto:



Espero que os haya gustado mi post. Un saludo y hasta la próxima
thumbnail

Aprender JavaScript o JQuery




Hola en este tutorial quiero hablar acerca de si se aprende primero JavaScript o jQuery quiero definir lo que es jQuery jQuery definido por los propios desarrolladores JavaScript escribiendo menos es decir los que programas en una línea de código de jQuery es lo mismo que programa y lo que tú programarías en 5 línea de JavaScript.

jQuery es una extensión que se puede añadir a la página html mediante un sencillo código en la cual está escrita en su página oficial, hay bastante documentación acerca de jQuery, es la librería o framework preferida por muchos programadores, un ejemplo de uso jQuery es lo que yo escribí hace unos días con Gmaps.js que emplea la librería jQuery.

jQuery se ha hecho conocido y hay mucha gente que no sabe exactamente que aprender si primer aprender JavaScript o aprende jQuery directamente.

JavaScript es un lenguaje de script desarrollado por Netscape, y que permite hacer modificaciones dentro de la página web, y entre sus características está pues que combina con PHP, puede aparecer problemas de seguridad como XSS o incluso las páginas de publicidad y de rastreo polémica puede saber hasta dónde dónde estás. Pero también se podría hacer más dinámica nuestra página web, de hecho, ésta es su función principal.

Yo personalmente recomiendo primero aprender JavaScript, ya que jQuery es una es una biblioteca basada en JavaScript, de hecho en el código se puede mezclar perfectamente luego, yo personalmente lo que haría era lo que haría sería primero manejar perfectamente JavaScript o por lo menos saber como usar las ID, insertar texto, etc. y así será más fácil aprender jQuery.

Además me parece una tontería empezar a usar un framework, sin tener conocimientos de cómo funciona el lenguaje en el que está basado ese framework, además decirte que los framework, no suelen ser perfectos, siempre hay algún punto en el que tienes que tirar de JavaScript.

Tanto JavaScript como jQuery lo puedes aprender usando la documentación oficial, YouTube, cursos específicos en Udemy.

Esto ha sido todo por este tutorial y nos vemos en el próximo, chao


thumbnail

Cómo insertar JavaScript en Blogger




Cómo insertar JavaScript en Blogger

hace tiempo me encontré con un problema con Blogger y era que quería usar Google Analytics junto con Adsense, y no sabía cómo insertar el Script que te facilita Google, en mi página de Blogger.

Esto es un problema bastante común, ya que la mayoría de los tutoriales lo que dicen que hacer es editar el tema principal, y empezamos a quitar HTML y al final se nos acaba estropeando la página, debido a que tocamos cosas que no deberíamos de tocar, para ello voy a explicar en este tutorial, cómo insertar un Script en nuestro blog con blogger, ya sea Google Analytics o cualquier otro.

Para ello simplemente debemos irnos a Diseño,




Añadimos un Gadget




Insertamos HTML/JavaScript


Ponemos allí nuestro código.




Y esto ha sido todo por el tutorial de hoy, espero que hayan aprendido algo, y hasta la próxima
thumbnail

Usar Google Maps con JQuery (GMaps.js)




Para usar Google Maps o Gmaps existe la API oficial de Google, pero es una API muy enrevesada y necesitarías al menos 2 años de experiencia con JavaScript para entender al 100% lo que aparece en la documentación oficial.

Otra manera de poner la API de Google usando JQuery; para ello debemos descargar JQuery y GMaps.js y añadir un DIV a nuestro html;


<script src="jquery-3.2.1.js" type="text/javascript"></script>
<script src="gmaps.js" type="text/javascript"></script>      
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<div id="mapa"></div>

Ahora declaramos en una variable el objeto GMaps:

var map= new GMaps({
        div: '#mapa',
        width: "600px",
        height: "400px",
        zoom: 13,
        lat: -12.043333,
        lng: 77.028333
    });

Ahora podemos añadir marcadores en el mapa:


map.addMarker(
{title:'Capital de Perú', lat: -77.028333,
lng: 77.028333 }) ;


Esto hay sido todo por el tutorial de hoy

thumbnail

XAJAX JavaScript En El Lado Del Cliente PHP




Hace tiempo en el instituto me pidieron que trabajara con una tecnología que mezclaba AJAX con PHP, básicamente lo que hace la biblioteca XAJAX es imprimir código JavaScript, que después será procesado por el ordenador del cliente.

Es una tecnología la cual está obsoleta de hace años, básicamente se usa con la intención de ser más cómodo a los programadores de PHP, y que no se agobien aprendiendo un nuevo lenguaje de programación. Esta librería pretendía ser como el NodeJS "recortado" pero para PHP, siendo su aprendizaje algo más educativo o anedótico que útil en el sentido estricto de la palabra.

Pues nada aquí os dejo el código para que ustedes podáis estudiarlo y usarlo, para fines didácticos:





<?php
require("xajax_core/xajax.inc.php");

$xajax=new xajax();

$xajax->register(XAJAX_FUNCTION, "comprobarDatos");
$xajax ->processRequest();

function comprobarDatos($usuario, $contraseña){
    if($contraseña=="1234"&&$usuario=="usuario"){
        $salida= "usuario correcto";
    }else{
        $salida="Usuario INCORRECTO";
    }
    $respuesta=new xajaxResponse();
 
    $respuesta->assign("respuesta", "innerHTML", $salida);
 
    return $respuesta;
 
 
}
 
    ?>
    <html lang="es">

    <head>
        <meta charset="UTF-8">
        <?php $xajax->printJavascript(); ?>
            <script>
                function comprobar() {
                    //alert(nombre + " " + password);
           
                    var nom= document.getElementById('nombre').value;
                    var pas =document.getElementById('passw1').value;
                    xajax_comprobarDatos(nom, pas);
                }
             
            </script>
    </head>

    <body>
        <form> Nombre:
            <input type="text" id="nombre" name="nombre">
            <br> Contraseña:
            <input type="password" id="passw1" name="passw1" />
            <input type="button" name="si" id="si" value="Aceptar" onclick=comprobar() /> </form>
        <div id="respuesta"> </div>
    </body>

    </html>


Un saludo y hasta otra
thumbnail

Convertir array a JSON con PHP y recorrerlo con JavaScript




Hola en este tutorial muestro cómo convertir a JSON un array:

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-3.2.1.js" type="text/javascript"></script>
    </head>
    <body>
        <?php
        $conn = new PDO('mysql:host=localhost;dbname=cdcol', 'dwes', 'dwes');
        $sqlFrase = "SELECT * FROM `productos`";
        // echo $sqlFrase;

        $sql = $conn->prepare($sqlFrase);

        $sql->execute(array());
        $resultado = $sql->fetchAll();
        $jsonSelect = json_encode($resultado);
        print $jsonSelect;
        
        
        ?>
        <div id="resultado"></div>
        <script> 
        var data=<?php echo $jsonSelect ?>;
        document.getElementById("resultado").innerHTML=data[0].precio;
        
        var texto="";
        for(var i=0;i<Object.keys(data).length;i++){
            texto=texto+"El id: "+data[i].id;
            texto=texto+", la descripción: "+data[i].descripcion;
            texto=texto+", el precio: "+data[i].precio+"€<br>";
            
        }
        document.getElementById("resultado").innerHTML=texto;
        
        </script>
    </body>
</html>

Popular Posts

Con la tecnología de Blogger.