Hola Mundo JavaScript

Hola Mundo JavaScript

No. 3 de 3 de articulos. JavaScript

Para poder realizar el ejercico yexperimentar con las herramientas comentadas, y como es obvio también, porque
en casi todos los temarios correspondientes a cursos, ninguno de estos se podría llamar curso si no contiene el tan famoso “Hola Mundo”, que no es ni más ni menos que la introducción al lenguaje expresado en código y que de esta
forma nos iniciemos en el “maravilloso mundo de la programación”. :O)




En esta ocasión para realizar el ejercicio, vamos a utilizar el navegador Mozilla Firefox, una vez ejecutado el programa, se ha de pulsar en el botón correspondiente al menú y seleccionar la opción “Desarrollador”, al pulsar sobre esta opción se presenta un menú de opciones, en el cual se ha de seleccionar la opción “Borrador”, también es posible pulsar la combinación de teclas Mayúsculas + F4.

Al realizar esta acción se ha de presentar en pantalla la siguiente ventana.

ventana borrador mozilla firefox, ejercicios y prácticas de javascript



Una vez situados en la ventana Borrador, se ha de teclear el código que se muestra en la imagen siguiente. la primera parte de código que se ha de teclear es lo que se denomina una función, la cual esta compuesta por la palabra reservada “function”, seguida del nombre que se quiere asignar a la función, a continuación se abren paréntesis y si la función ha de recibir algún parámetro, se teclean los nombres de los parámetros separados por comas, en esta ocasión el nombre del parámetro que se quiere recibir es una cadena de texto, y se ha denominado sNombre, se antepone la letra “s” en esta ocasión para indicar que el tipo de dato que se recibe es una cadena de texto, esta es una buena costumbre de programación, pero no es obligatorio seguirla. Seguidamente se abren llaves y se teclea el código que queremos contenga la función, en este caso se especifica la orden “return”, la cual hace que la función devuelva un resultado, que es un mensaje seguido del valor del parámetro que se haya especificado en la llamada a la función.

Una vez finalizada la función, y fuera de la misma se especifica la orden de llamada a la misma, para realizar esta acción se ha de teclear el nombre de la función, pasando entre los parámetros la cadena de texto que se quiere enviar a la función.

Tecleado el código, para ejecutar la función se  puede pulsar el botón “Mostrar”, en la ventana “Borrador”, el cual al pulsarlo ha de mostrar el siguiente resultado.

ventana borrador mozilla firefox, ejercicios y prácticas de javascript
Herramientas Curso JavaScript

Herramientas Curso JavaScript

No. 2 de 3 de articulos. JavaScript

Aunque soy un programador web, muy acostumbrado a google chrome, en este curso iré utilizando diferentes herramientas, en principio todas de libre uso.

Una de las primera herramientas que se van a utilizar, es el navegador Firefox en su ultima versión a fecha 11/01/2017, ya que incorpora utilidades para programadores que inicialmente a los usuarios noveles les resultara fáciles de encontrar.

El navegador Firefox, incorpora dos herramientas para programadores, la primera es la consola web, para abrir la consola se ha de seleccionar la opción “Consola Web”, desde el menú “Desarrollador Web”. Al seleccionar la opción se ha de presentar la consola que ha de tener un aspecto similar al siguiente.

 

 

La consola nos va a permitir ejecutar ordenes sencillas de javascript, para probar su funcionamiento, pero en el caso de querer ejecutar funciones más complejas de JavaScript, nos resultara insuficiente. Para solucionar este inconveniente se puede utilizar otra herramienta denominada Borrador, que viene a ser un pequeño editor de textos que nos permite teclear más codigo para su ejecución, para acceder al “Borrador”, se ha de seleccionar la opción “Borrador”, desde el menú “Desarrollador Web”. Al ejecutar la opción se ha de presentar una ventana similar a la que se muestra en la imagen siguiente.

Como se puede observar se abre una nueva ventana y es un editor que puedes usar para escribir y ejecutar JavaScript en el navegador. Puedes también guardar los scripts en el disco  y cargarlos desde el disco.

Si eliges “Mostrar”, el bloque de código tecleado en el borrador, es ejecutado en el navegador y el resultado es insertado de nuevo dentro del bloque como un comentario.

De momento, empezaremos con estas herramientas comentadas, aunque se deja a libre elección del usuario, el utilizar el editor de textos que más le interese.







Otra opción posible es la trabajar inicialmente con el navegador Chrome, el cual tambien tiene herramientas para desarrolladores que pueden ser utilizadas como la consola.

Para acceder a la consola se ha de pulsar en el botón de menú de Chrome, seleccionar la opción “Más Herramientas”, y a continuación pulsar sobre la opción “Herramientas para desarrolladores”. Es posible pulsar la combinación de teclas Ctrl + Mayúsculas + I, la cual es el acceso rápido para la consola.

Una vez ejecutado el comando anterior, se ha de presentar la consola en el navegador Google Chrome, mostrando el siguiente aspecto.

Instalación del entorno de prácticas DAW ( 3 )

Instalación del entorno de prácticas DAW ( 3 )

No. 3 de 3 de articulos. DAW

Continuamos con la instalación del entorno de prácticas, para realizar los ejercicios que se nos plantearan de ahora en adelante. Nos quedamos en el punto final para empezar con la instalación del sistema en nuestra nueva máquina virtual.

(más…)

Aplicación Biblioteca. Embarcadero C++ Builder, FireDac, MySQL ( 1 )

Aplicación Biblioteca. Embarcadero C++ Builder, FireDac, MySQL ( 1 )

No. 9 de 9 de articulos. Delphi

Para comentar la creación y utilización de bases de datos desde Embarcadero C++ Builder, utilizando los controles de acceso a bases de datos FireDac y bases de datos MySQL.

Se propone realizar una aplicación que lleve el préstamo y devolución de libros en una pequeña biblioteca.

En primer lugar se ha de disponer de una base de datos MySQL, la cual esta compuesta por las siguientes tablas y datos.

(más…)

Control Label (Etiqueta) en Delphi C++

Control Label (Etiqueta) en Delphi C++

No. 8 de 9 de articulos. Delphi

Otro de los controles que podemos utilizar en nuestros programas realizados con delphi c++ builder son las etiquetas o “labels”. Normalmente las etiquetas son utilizadas para visualizar información en el formulario como títulos, textos aclaratorios, opciones de información, etc.

Para insertar en el formulario una etiqueta, se ha de seleccionar en la paleta de componentes en la parte derecha, dentro de la paleta “Standar” el control denominado TLabel.

Se ha de pulsar sobre el control y para situarlo en el formulario o bien se realiza un clic sobre el mismo, o bien se realiza un clic, manteniendo pulsado el botón del ratón y dibujando la nueva etiqueta.

image

(más…)

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies