Está en la página 1de 28

Qué es software libre

Se denomina Software Libre a aquellos programas informáticos que le


dan a sus usuarios, por decisión explícita de sus programadores y
diseñadores, el acceso al código fuente o código de programación
original en que fueron fabricados, para que pueda copiar, modificar,
personalizar y distribuirlo libremente. Esto da origen, por ende, a
múltiples versiones del mismo programa, cuya aparición no representa
una violación legal o ética del programa original.

El término Software Libre se le atribuye al estadounidense Richard


Stallman, quien fue fundador de la Free Software Foundation
(Fundación del Software Libre) en la cual un número importante de
computistas expertos aspiraba a desarrollar un Sistema Operativo
totalmente libre, que llamaron Proyecto GNU (Para distinguirlo de
Unix).

Este proyecto permitiría a sus usuarios avanzados colaborar con su


desarrollo y perfeccionamiento, de modo gratuito y comunitario, yendo
en contra de las empresas tradicionales de software, que celan el código
fuente de sus productos.

Si bien muchas de las presentaciones del Software Libre son gratis o


cuestan lo equivalente a su distribución únicamente (y no al pago de
derechos de autor), no debe confundirse al Software Libre con el
Freeware o Software gratis (usualmente en versiones de prueba), ni debe
interpretárselo como un alegato a favor de la piratería (robo de software
protegido por derechos de autor).
La idea es justamente crear un software que pertenezca a quienes lo usen
y que pueda ser adaptado a sus necesidades por ellos mismos.

Existe una tendencia importante, especialmente en países del llamado


Tercer Mundo, a implementar en sus instituciones oficiales u
organizaciones estatales solamente Software Libre, reemplazando así
programas protegidos por derechos de autor que generan gastos anuales
en renovación de licencias.

Esto además de ahorrar dinero les brinda una mayor autonomía en el


manejo de su información y les permite evitar riesgos a su soberanía, ya
que el código libre de estas piezas de software puede ser adaptado
gratuitamente a sus necesidades puntuales.

LIBERTADES DEL SOFTWARE LIBRE

Conocidas como “las cuatro libertades esenciales”, el siguiente conjunto


de permisos es fundamental para distinguir entre el Software Libre y el
tradicional de tipo comercial.

Libertad #0. Libertad para ejecutar el programa tal y como se desee,


con cualquier propósito que se tenga, sin necesidad de notificar a nadie.
Libertad #1. Libertad para estudiar el funcionamiento del programa y
alterarlo para que realice las tareas que se deseen. Para ello, el acceso
libre al código fuente del programa es un requisito.
Libertad #2. Libertad para redistribuir copias del programa original,
para el disfrute y ayuda de la comunidad, sin necesidad de notificar a
nadie.
Libertad #3. Libertad para distribuir a terceros copias de las versiones
modificadas, sin necesidad de notificar a nadie, permitiéndole a toda la
comunidad beneficiarse de las alteraciones y las nuevas versiones del
programa.
Un programa se considera como Software Libre si les da a sus usuarios
todas estas libertades descritas. Caso contrario, no es un programa libre.
Hay diversas distribuciones no libres de programas obtenidos
modificando el código fuente de estos programas gratuitos, lo cual es
considerado por la comunidad de Software Libre como algo contrario a
la ética.

Tipos de software libre


En principio, el Software Libre puede ser de cualquier tipo, desde
sistemas operativos para controlar de manera personalizada el
funcionamiento y los recursos del computador, hasta aplicaciones
adaptables a las necesidades del usuario, videojuegos intervenibles, y
programas de gestión de periféricos que pueden modificarse y atender
así los requerimientos específicos de diversas piezas de hardware.

EJEMPLOS DEL SOFTWARE LIBRE


Algunas de las distribuciones o presentaciones más populares del mundo
del Software Libre son las siguientes:
· GNU/Linux. Uno de los programas más importantes histórica y
popularmente, encabezó el esfuerzo por un software de código
abierto en el mundo de la Internet desde 1983.

· Chrome OS. Basado en el kernel de Linux, este sistema operativo


actualmente en desarrollo por la empresa Google Inc. empleará el
explorador Google Chrome como su interfaz principal y se basa
100% en la nube.

· VALO-CD. Se trata de un CD con software de código abierto


diseñado para operar bajo el entorno de Microsoft Windows,
desarrollado por programadores Finlandeses en 2008.

· OpenDisc. Otro conjunto de herramientas de código abierto


diseñadas para funcionar en Microsoft Windows, creados en 2007
para educar a los usuarios en el uso de Linux.

· Ubuntu. Es una distribución libre de GNU/Linux que emplea


tecnología GNOME como su entorno virtual de escritorio, cuya
empresa creadora sobrevive ofreciendo soporte técnico a sus
usuarios.

Qué es HTML

HTML es un lenguaje de marcado que se utiliza para el desarrollo de


páginas de Internet. Se trata de la sigla que corresponde a HyperText
Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que
podría ser traducido como Lenguaje de Formato de Documentos para
Hipertexto.
Se trata de un formato abierto que surgió a partir de las etiquetas SGML
(Standard Generalized Markup Language). Concepto traducido
generalmente como «Estándar de Lenguaje de Marcado Generalizado» y
que se entiende como un sistema que permite ordenar y etiquetar
diversos documentos dentro de una lista. Este lenguaje es el que se
utiliza para especificar los nombres de las etiquetas que se utilizarán al
ordenar, no existen reglas para dicha organización, por eso se dice que es
un sistema de formato abierto.
EL HTML se encarga de desarrollar una descripción sobre los
contenidos que aparecen como textos y sobre su estructura,
complementando dicho texto con diversos objetos (como fotografías,
animaciones, etc).

Es un lenguaje muy simple y general que sirve para definir otros


lenguajes que tienen que ver con el formato de los documentos. El texto
en él se crea a partir de etiquetas, también llamadas tags, que permiten
interconectar diversos conceptos y formatos.

Para la escritura de este lenguaje, se crean etiquetas que aparecen


especificadas a través de corchetes o paréntesis angulares: < y >. Entre
sus componentes, los elementos dan forma a la estructura esencial del
lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus
atributos).

Por otra parte, cabe destacar que el HTML permite ciertos códigos que
se conocen como scripts, los cuales brindan instrucciones específicas a
los navegadores que se encargan de procesar el lenguaje. Entre los
scripts que pueden agregarse, los más conocidos y utilizados son
JavaScript y PHP.

El marcado estructural es el que estipula la finalidad del texto, aunque


no define cómo se verá el elemento. El marcado presentacional, por su
parte, es el que se encarga de señalar cómo se verá el texto más allá de
su función.

Para conocer el código HTML que utiliza una página web, hay que
seleccionar Ver código fuente en nuestro navegador (como Internet
Explorer o Mozilla Firefox). Al elegir esta opción, se abrirá el editor de
texto con el código HTML de la página que se está visualizando.

Breve historia del HTML


Este lenguaje fue desarrollado por la Organización Europea de
Investigación Nuclear (CERN) en el año 1945 con la finalidad de
desarrollar un sistema de almacenamiento donde las cosas no se
perdieran, que pudieran ser conectadas a través de hipervínculos.
Primeramente crearon un dispositivo llamado «memex», el cual era
considerado como un suplemento para la memoria.
HTML es un lenguaje de marcado que se utiliza para el desarrollo de
páginas de Internet. Se trata de la sigla que corresponde a HyperText
Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que
podría ser traducido como Lenguaje de Formato de Documentos para
Hipertexto.
HTML
Se trata de un formato abierto que surgió a partir de las etiquetas SGML
(Standard Generalized Markup Language). Concepto traducido
generalmente como «Estándar de Lenguaje de Marcado Generalizado» y
que se entiende como un sistema que permite ordenar y etiquetar
diversos documentos dentro de una lista. Este lenguaje es el que se
utiliza para especificar los nombres de las etiquetas que se utilizarán al
ordenar, no existen reglas para dicha organización, por eso se dice que es
un sistema de formato abierto.

EL HTML se encarga de desarrollar una descripción sobre los


contenidos que aparecen como textos y sobre su estructura,
complementando dicho texto con diversos objetos (como fotografías,
animaciones, etc).

Es un lenguaje muy simple y general que sirve para definir otros


lenguajes que tienen que ver con el formato de los documentos. El texto
en él se crea a partir de etiquetas, también llamadas tags, que permiten
interconectar diversos conceptos y formatos.

Para la escritura de este lenguaje, se crean etiquetas que aparecen


especificadas a través de corchetes o paréntesis angulares: < y >. Entre
sus componentes, los elementos dan forma a la estructura esencial del
lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus
atributos).

Por otra parte, cabe destacar que el HTML permite ciertos códigos que
se conocen como scripts, los cuales brindan instrucciones específicas a
los navegadores que se encargan de procesar el lenguaje. Entre los
scripts que pueden agregarse, los más conocidos y utilizados son
JavaScript y PHP.

El marcado estructural es el que estipula la finalidad del texto, aunque


no define cómo se verá el elemento. El marcado presentacional, por su
parte, es el que se encarga de señalar cómo se verá el texto más allá de
su función.

Para conocer el código HTML que utiliza una página web, hay que
seleccionar Ver código fuente en nuestro navegador (como Internet
Explorer o Mozilla Firefox). Al elegir esta opción, se abrirá el editor de
texto con el código HTML de la página que se está visualizando.

Breve historia del HTML 2

Este lenguaje fue desarrollado por la Organización Europea de


Investigación Nuclear (CERN) en el año 1945 con la finalidad de
desarrollar un sistema de almacenamiento donde las cosas no se
perdieran, que pudieran ser conectadas a través de hipervínculos.
Primeramente crearon un dispositivo llamado «memex», el cual era
considerado como un suplemento para la memoria.
Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo por
computadora que recibiría el nombre de oNLine System que poseía un
catálogo para facilitar la tarea de búsqueda dentro de un mismo
organismo.
Recién en 1965, Ted Nelson acuñó el término hipervínculo, ideando una
estructura que se encontraba conectada de forma electrónica y que más
tarde permitiría la creación de la World Wide Web (1989), un sistema de
hipertexto a través del cual era posible compartir una variada
información sirviéndose de Internet (servía para la comunicación entre
investigadores nucleares que formaran parte del CERN).

El norteamericano Tim Berners-Lee fue el primero en proponer una


descripción de HTML en un documento que publicó en 1991. Allí
describía veintidós componentes que suponen el diseño más básico y
simple del HTML.

El tipo de codificación que se utilizó para el desarrollo de este sistema


de hipervínculos debía ser comprendido, tanto por ordenadores tontos
como por mega-estaciones, por eso fue necesario crear uno
absolutamente simples, tanto en lo que respectaba al lenguaje de
intercambio (HTML), como el que hacía referencia al protocolo de red
(HTTP).
Al día de hoy existen los Editores Web que permiten que los
diseñadores, a través de herramientas gráficas que reciben el nombre de
WYSIWYG puedan crear páginas web sin conocer el código html, este
se crea de forma automatizada, dándole estructura a la web y
permitiendo que sea más allá del ordenador donde es creada. Entre los
recursos que pueden enlazarse al código HTML se encuentran
fotografías, vídeos, archivos de otras webs o incluso de la misma y todo
tipo de contenido que se encuentre subido a la red.
.........................................................

Etiquetas HTML
El lenguaje HTML está conformado por un sistema de etiquetas en serie
o tags, que incluyen instrucciones que los navegadores traducen como:

· Imágenes

· Texto

· Hipervínculos

· Listas de palabras

· Tablas, etc.
Así, para que un elemento de este tipo pueda ser leído, la etiqueta debe
tener dos partes: una etiqueta de inicio (<etiqueta>) y una de cierre
(</etiqueta>) entre guiones (< >).

Por ejemplo, las etiquetas <strong> y </strong> definen un texto en


negrita. Si en nuestro documento HTML escribimos una frase con el
siguiente código:
<strong>Este texto va en negritas.</strong>
El resultado será:
Este texto va en negrita.

Estructura básica HTML


Antes de ver los códigos básicos, debes saber que la primera línea de tu
documento HTML siempre debe contener la etiqueta <!DOCTYPE
html>. Esto hará que el código de tu sitio sea legible en cualquier
navegador.

Ahora bien, un documento HTML bien armado tiene cuatro etiquetas


esenciales para que el contenido se distribuya correctamente. Estas son:

1. HTML
<html> está al inicio de un documento HTML e indica a los navegadores
que la página tiene código HTML para que pueda leerlo de esa forma.
Siguiendo la sintaxis del lenguaje, la etiqueta de cierre </html> será el
último elemento del documento.

2. Encabezado
<head> es la etiqueta que se utiliza para el encabezado de la página. Su
principal función es contener toda la información del funcionamiento del
sitio. Debido a esto, es un código encriptado que las personas que entran
a la página no pueden ver.
3. Título de la página
<title> es la etiqueta que da a tu sitio un nombre para que los usuarios
puedan identificarlo. Es el título que puedes ver en las pestañas del
navegador.

4. Cuerpo
<body> es la etiqueta que contiene todos los elementos individuales del
sitio. O dicho de otra forma, comprende todo el contenido visible del
sitio. Aquí podrás insertar texto, imágenes, videos o cualquier otra
funcionalidad que desees mostrar.

Ejemplo de las cuatro etiquetas esenciales:


<html>
<head>
<title>Mi página de ejemplo</title>
</head>
<body>
Aquí va el contenido
</body>
</html>
5. Títulos y subtítulos
<h1> <h2>… <h6> son etiquetas que funcionan para agregar títulos y
subtítulos en el cuerpo del texto, lo cual ayuda a jerarquizar la
información. Por cierto, te recomendamos utilizar la etiqueta H1 sólo
una vez dentro del contenido.

Ejemplo:

<h1>Esta es una etiqueta H1. Utilízala en el título.</h1>


<h2>Esta es una etiqueta H2. Utilízala en los encabezados de
secciones.</h2>
<h3>Esta es una etiqueta H3. Utilízala en sub-secciones.</h3>
<h4>Esta es una etiqueta H4. No se usan muy a menudo.</h4>
<h5>Esta es una etiqueta H5.</h5>
<h6>Esta es una etiqueta H6.</h6>

6. Párrafos
Las etiquetas <p> y <br> te ayudarán a organizar el texto en párrafos y
saltos de línea.

Ejemplo:
<p>Tu primer párrafo.</p>
<p>Tu segundo párrafo.</p>
<p>Un enunciado.<br>
Un segundo enunciado (pegado al primero).</p>
7. Imágenes
<img> con esta etiqueta podrás agregar imágenes al cuerpo de tu página.
Combinarlo con el atributo src te permitirá especificar la ubicación
donde se encuentra la imagen, y el atributo alt te ayudará a darle un
título a esa imagen para que lo lean buscadores como Google.

La estructura de los atributos es la siguiente: primero viene la palabra o


abreviatura que lo define (en este caso src es abreviatura de “source” o
fuente), luego el signo igual (=) y al último el modificador del atributo
entre comillas dobles (“_”) o simples (‘_’).

Ejemplo:

<img src="https://images.unsplash.com/photo-1535378917042-
10a22c95931a">

8. Hipervínculos
<a> te permite insertar un hipervínculo a la página. Por ejemplo, el link
hacia tus redes sociales o hacia otro sitio web con el que desees conectar
tu página.

Ejemplo:
<a href="https://mx.godaddy.com/blog">Visita el blog de GoDaddy</a>
9. Listas e índices
<ol> sirve para agregar listas numeradas y <ul> para agregar bullets, los
cuales mejoran la legibilidad de tus textos.

Ejemplo:
<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
<li>Elemento 4</li>
</ul>

10. Estilo
Aunque usualmente se ubica dentro de la etiqueta <head>, con el
atributo <style> puedes definir el estilo de tu contenido en términos de:

Color
Tamaño de fuente
Tipografía, etc.
Ejemplo:
<p style="color:red; font-size:100px">Hola Mundo</p>

Qué es PHP
PHP es un lenguaje de programación de uso general que se adapta
especialmente al desarrollo web. Fue creado inicialmente por el
programador danés-canadiense Rasmus Lerdorf en 1994.3 En la
actualidad, la implementación de referencia de PHP es producida por
The PHP Group.4 PHP originalmente significaba Personal Home Page
(Página personal), pero ahora significa el inicialismon 1 recursivo PHP:
Hypertext Preprocessor.

El código PHP suele ser procesado en un servidor web por un intérprete


PHP implementado como un módulo, un daemon o como un ejecutable
de interfaz de entrada común (CGI). En un servidor web, el resultado del
código PHP interpretado y ejecutado —que puede ser cualquier tipo de
datos, como el HTML generado o datos de imágenes binarias— formaría
la totalidad o parte de una respuesta HTTP. Existen diversos sistemas de
plantillas, sistemas de gestión de contenidos y frameworks que pueden
emplearse para organizar o facilitar la generación de esa respuesta. Por
otra parte, PHP puede utilizarse para muchas tareas de programación
fuera del contexto de la web, como aplicaciones gráficas autónomas7 y
el control de drones.8 También se puede interpretar y ejecutar un código
PHP cualquiera a través de una interfaz de línea de comandos (CLI).
El intérprete estándar de PHP, impulsado por Motor Zend, es un
software libre publicado bajo Licencia PHP. PHP ha sido ampliamente
portado y puede ser desplegado en la mayoría de los servidores web en
casi todos los sistemas operativos y plataformas, de forma gratuita.

El lenguaje PHP evolucionó sin una especificación formal escrita o un


estándar hasta 2014, con la implementación original actuando como el
estándar de facto que otras implementaciones intentaban seguir. Desde
2014, se ha trabajado para crear una especificación formal de PHP.9

Para abril de 2020, más de la mitad de los sitios en la web que usan PHP
siguen en la versión descontinuada10 5.6 o anterior.11 y con la versión
7.0 y 7.1 más del 68%, que no están oficialmente soportadas por The
PHP Development Team,12 mientras que el soporte de seguridad es
proporcionado por terceros, como Debian (hasta junio de 2020 para PHP
5).13 Adicionalmente, la versión 7.2, la versión con soporte más
popular, dejará de recibir actualizaciones de seguridad el 30 de
noviembre de 2020.

PHP puede ser desplegado en la mayoría de los servidores web y en


todos los sistemas operativos y plataformas sin costo alguno. El lenguaje
PHP se encuentra instalado en más de 20 millones de sitios web y en un
millón de servidores. Migrar los servicios basados en PHP hacia las
nuevas tecnologías que aparecen, supone un costo a justificar
monetariamente (sobre todo, cuando hablamos de hardware y
rendimiento), por ello, hablar si el número de sitios basados en PHP se
ha visto reducido progresivamente en los últimos años, con la aparición
de nuevas tecnologías como Node.js, Golang, ASP.NET, etc., o no,
supone abrir un debate no carente de falacias y argumentos
demagógicos. Es un hecho constatado que, en el mundo empresarial,
solo se cambian las cosas cuando va a suponer una ventaja estratégica en
el mercado. Las empresas carecen de un sentido que les polaricen los
'sentimientos', emergiendo una pauta de posicionamiento mercantilista a
favor o en contra de algo solo por un sentido despectivo hacia ciertas
tecnologías, tal como sucede con el mundo linux, windows y/o mac en el
ámbito de los usuarios.

Poderse hacer una visión general de como PHP está evolucionando a día
de hoy, es hablar sobre las nuevas librerías disponibles, el uso de
matrices, 14manejo de números enteros, tratamiento de la criptografía
cuando se usa una Base64,151617 Web scraping, indexación de webs,
precocinado de datos, Macrodatos, set de datos, supervisión de datos, set
de proposiciones dimensionales. Como vemos, una visión general de
este lenguaje, es mucho más compleja que afirmar que es un lenguaje
para desarrollo web. Dicha realidad, subyace en la aparición de
dominios xyz, cuya finalidad y especialidad es el cacheado de los
servicios PHP para servir contenido con una orientación al desempeño
vinculada a servicios para consumo de otros servicios que necesitan
datos, tales como I.A.s. donde PHP está viendo una acogida con un
sentimiento de confianza en los resultados a obtener (sin pretender servir
de lenguaje en sí mismo orientado a la I.A., dado que no fue su
conceptualización origen). Aunque el marketing que está recibiendo este
tipo de dominios, está relacionado con las nuevas generaciones de
personas educadas en las nuevas tecnologías 18 Como parte de la visión
general, habría que incluir un último aspecto, y es la capacidad de
generar capas de seguridad autodependientes, en un paradigma solo
emergente gracias a las librerías de las que dispone PHP (En proceso de
desarrollo).

El sitio web de Wikipedia está desarrollado en PHP.19 Es también el


módulo Apache más popular entre las computadoras que utilizan Apache
como servidor web.

El gran parecido que posee PHP con los lenguajes más comunes de
programación estructurada, como C y Perl, permiten a la mayoría de los
programadores crear aplicaciones complejas con una curva de
aprendizaje muy corta. También les permite involucrarse con
aplicaciones de contenido dinámico sin tener que aprender todo un
nuevo grupo de funciones.

Aunque todo en su diseño está orientado a facilitar la creación de sitios


webs, es posible crear aplicaciones con una interfaz gráfica de usuario,
utilizando alguna extensión como puede ser PHP-Qt, PHP-GTK,20
WxPHP, WinBinder, Roadsend PHP, Phalanger, Phc o HiP Hop VM.
También puede ser usado desde la línea de comandos, de la misma
manera como Perl o Python pueden hacerlo; a esta versión de PHP se la
llama PHP-CLI (Command Line Interface).21

Cuando el cliente hace una petición al servidor para que le envíe una
página web, el servidor ejecuta el intérprete de PHP. Este procesa el
script solicitado que generará el contenido de manera dinámica (por
ejemplo obteniendo información de una base de datos). El resultado es
enviado por el intérprete al servidor, quien a su vez se lo envía al cliente.

Mediante extensiones es también posible la generación de archivos


PDF,22 Flash, así como imágenes en diferentes formatos.

Permite la conexión a diferentes tipos de servidores de bases de datos


tanto SQL como NoSQL tales como MySQL, PostgreSQL, Oracle,
ODBC, DB2, Microsoft SQL Server, Firebird, SQLite o MongoDB.23

PHP también tiene la capacidad de ser ejecutado en la mayoría de los


sistemas operativos, tales como Unix (y de ese tipo, como Linux o Mac
OS X) y Microsoft Windows, y puede interactuar con los servidores de
web más populares ya que existe en versión CGI, módulo para Apache, e
ISAPI.

PHP es una alternativa a las tecnologías de Microsoft ASP y ASP.NET


(que utiliza C# y Visual Basic .NET como lenguajes), a ColdFusion de la
empresa Adobe, a JSP/Java, CGI/Perl y a Node.js/Javascript. Aunque su
creación y desarrollo se da en el ámbito de los sistemas libres, bajo la
licencia GNU, existe además un entorno de desarrollo integrado
comercial llamado Zend Studio. CodeGear (la división de lenguajes de
programación de Borland) ha sacado al mercado un entorno de
desarrollo integrado para PHP, denominado 'Delphi for PHP. También
existen al menos un par de módulos para Eclipse, uno de los entornos
más populares.24
El sencillo código de programa PHP que se muestra a continuación,
es una aplicación PHP básica que genera la frase ¡Hola Mundo!
cuando se ve en un navegador web.

Entrada:
<? php echo "¡Hola mundo!"; ?>
Salida:
¡Hola Mundo!
Esperamos que este artículo sobre un ejemplo de Código PHP, les haya
resultado útil. Más información sobre este y otros temas en Ayuda
Hosting.

Qué es MYSQL

MySQL es un sistema de administración de bases de datos (Database


Management System, DBMS) para bases de datos relacionales. Así,
MySQL no es más que una aplicación que permite gestionar archivos
llamados de bases de datos.

Existen muchos tipos de bases de datos, desde un simple archivo hasta


sistemas relacionales orientados a objetos. MySQL, como base de datos
relacional, utiliza multiples tablas para almacenar y organizar la
información. MySQL fue escrito en C y C++ y destaca por su gran
adaptación a diferentes entornos de desarrollo, permitiendo su
interactuación con los lenguajes de programación más utilizados como
PHP, Perl y Java y su integración en distintos sistemas operativos.

También es muy destacable, la condición de open source de MySQL,


que hace que su utilización sea gratuita e incluso se pueda modificar con
total libertad, pudiendo descargar su código fuente. Esto ha favorecido
muy positivamente en su desarrollo y continuas actualizaciones, para
hacer de MySQL una de las herramientas más utilizadas por los
programadores orientados a Internet.
EJEMPLOS

· Ejemplos MySQL:MySQL logo

· Instalar MySQL para RPM

· Acceso a MySQL: mysql -u root -p

· Consultar BBDD existentes: show databases;

· Crear BBDD: create database mibbdd;

· Consultar tablas: show tables;

· Crear tabla: CREATE TABLE mitabla ( ... )

· Insertar datos: INSERT INTO mitabla (...) VALUES (...),(...);

· Salir de MySQL: exit;

Qué es JAVASCRIPT . Ejemplos


JavaScript es un lenguaje de programación o de secuencias de comandos
que te permite implementar funciones complejas en páginas web, cada
vez que una página web hace algo más que sentarse allí y mostrar
información estática para que la veas, muestra oportunas actualizaciones
de contenido, mapas interactivos, animación de Gráficos 2D/3D,
desplazamiento de máquinas reproductoras de vídeo, etc., puedes apostar
que probablemente JavaScript está involucrado. Es la tercera capa del
pastel de las tecnologías web estándar, dos de las cuales (HTML y CSS)
hemos cubierto con mucho más detalle en otras partes del Área de
aprendizaje.

· HTML es el lenguaje de marcado que usamos para estructurar y


dar significado a nuestro contenido web, por ejemplo, definiendo
párrafos, encabezados y tablas de datos, o insertando imágenes y
videos en la página.

· CSS es un lenguaje de reglas de estilo que usamos para aplicar


estilo a nuestro contenido HTML, por ejemplo, establecer colores
de fondo y tipos de letra, y distribuir nuestro contenido en
múltiples columnas.

· JavaScript es un lenguaje de secuencias de comandos que te


permite crear contenido de actualización dinámica, controlar
multimedia, animar imágenes y prácticamente todo lo demás. (Está
bien, no todo, pero es sorprendente lo que puedes lograr con unas
pocas líneas de código JavaScript).

Con este lenguaje de programación del lado del cliente (no en el


servidor) podemos crear efectos y animaciones sin ninguna interacción,
o respondiendo a eventos causados por el propio usuario tales como
botones pulsados y modificaciones del DOM (document object model).
Por tanto, nada tiene que ver con el lenguaje de programación Java, ya
que su principal función es ayudar a crear páginas webs dinámicas.

El código de programación de JavaScript se ejecuta en los navegadores,


ya sean de escritorio o móviles, ya sean Android o Iphone. Sirve para
exactamente lo mismo, da igual en el tipo de dispositivo que se ejecute
el navegador.

JavaScript es capaz de detectar errores en formularios, de crear bonitos


sliders que se adapten a cualquier pantalla, de hacer cálculos
matemáticos de forma eficiente, de modificar elementos de una página
web de forma sencilla. Pero también JavaScript es el encargado de que
existan herramientas como Google Analytics, Google Tag Manager,
Facebook Pixel y tantas otras, que son claros ejemplos de JavaScript.

Existe una tecnología llamada AJAX que permite intercambiar


información con el servidor sin tener que recargar la página. Es decir,
sólo cargamos de la página lo necesario. Esta tecnología desarrollada en
JavaScript ha supuesto uno de los principales avances en el desarrollo
web. Aunque no la sepamos reconocer, es la encargada de que podamos
conseguir más mensajes, tweets, emails…sólo pulsando un botón, sin
tener que recargar la página.
JavaScript ahora mismo es el lenguaje más popular. De hecho, desde
hace años se ha creado una versión que es capaz de ser ejecutada
también en el lado del servidor (Node JS). Por tanto, ahora mismo se
ejecuta JavaScript en los navegadores y en los servidores, creando a su
alrededor una amplísima comunidad de desarrolladores casi full-stack.
JavaScript del lado del servidor compite en igualdad de condiciones con
PHP, por ejemplo.

Como casi todo lenguaje de programación, podemos hacer programación


orientada a objetos en JavaScript. Sin duda alguna, la forma en la que se
crean, modifican y se muestran los objetos en el navegador ha sido uno
de los grandes causantes de su auge.

En la actualidad existen algunas prácticas, no demasiado recomendadas


por los SEO, donde JavaScript se encarga de numerosas funciones de
estilo. Por ejemplo, muchos temas y plugins de WordPress utilizan
scripts para hacer responsive el diseño web. Los navegadores modernos
interpretan esto sin problemas, pero es posible que la araña de Google
piense que no es la mejor manera de hacerlo.

La librería de JavaScript más utilizada en la historia, y que todavía se


sigue utilizando es jQuery. Con jQuery podíamos hacer más cosas,
escribiendo menos. Con una sintaxis mucho más sencilla, podíamos
modificar nuestro sitio web, crear plugins, animar videojuegos y muchas
cosas más. En la actualidad, jQueey ha perdido espacio en favor otras
tecnologías más modelas como React o Angular.

EJEMPLOS
1- Primero, ve a tu sitio de pruebas y crea una carpeta llamada scripts.
Luego, dentro de la nueva carpeta de scripts, crea un nuevo archivo
llamado main.js y guárdalo.
2- A continuación, abre tu archivo index.html e introduce el siguiente
código en una nueva línea, justo antes de la etiqueta de cierre </body>:
<script src="scripts/main.js"></script>
3- Esto hace básicamente el mismo trabajo que el elemento <link> para
CSS: aplica el código JavaScript a la página, para que pueda actuar
sobre el HTML (y CSS, o cualquier cosa en la página).
4- Ahora añade el siguiente código al archivo main.js:
const miTitulo = document.querySelector('h1');
miTitulo.textContent = '¡Hola mundo!';
5- Finalmente, asegúrate de que has guardado los archivos HTML y
JavaScript, y abre index.html en el navegador.

Qué es CSS . Ejemplos

CSS (siglas en inglés de Cascading Style Sheets), en español «Hojas de


estilo en cascada», es un lenguaje de diseño gráfico para definir y crear
la presentación de un documento estructurado escrito en un lenguaje de
marcado.2 Es muy usado para establecer el diseño visual de los
documentos web, e interfaces de usuario escritas en HTML o XHTML;
el lenguaje puede ser aplicado a cualquier documento XML, incluyendo
XHTML, SVG, XUL, RSS, etcétera. Te puede ayudar a crear tu propio
sitio web. Junto con HTML y JavaScript, CSS es una tecnología usada
por muchos sitios web para crear páginas visualmente atractivas,
interfaces de usuario para aplicaciones web y GUIs para muchas
aplicaciones móviles (como Firefox OS).3

CSS está diseñado principalmente para marcar la separación del


contenido del documento y la forma de presentación de este,
características tales como las capas o layouts, los colores y las fuentes.4
Esta separación busca mejorar la accesibilidad del documento, proveer
más flexibilidad y control en la especificación de características
presentacionales, permitir que varios documentos HTML compartan un
mismo estilo usando una sola hoja de estilos separada en un archivo .css,
y reducir la complejidad y la repetición de código en la estructura del
documento.

La separación del formato y el contenido hace posible presentar el


mismo documento marcado en diferentes estilos para diferentes métodos
de renderizado, como en pantalla, en impresión, en voz (mediante un
navegador de voz o un lector de pantalla, y dispositivos táctiles basados
en el sistema Braille. También se puede mostrar una página web de
manera diferente dependiendo del tamaño de la pantalla o tipo de
dispositivo. Los lectores pueden especificar una hoja de estilos diferente,
como una hoja de estilos CSS guardado en su computadora, para
sobreescribir la hoja de estilos del diseñador.

La especificación CSS describe un esquema prioritario para determinar


qué reglas de estilo se aplican si más de una regla coincide para un
elemento en particular. Estas reglas son aplicadas con un sistema
llamado de cascada, de modo que las prioridades son calculadas y
asignadas a las reglas, así que los resultados son predecibles.

La especificación CSS es mantenida por el World Wide Web Consortium


(W3C). El MIME type text/css está registrado para su uso por CSS
descrito en el RFC 23185. El W3C proporciona una herramienta de
validación de CSS gratuita para los documentos CSS.

También podría gustarte