DEV Community: Jose Luis Ramos T.

📘 CSS es

Jose Luis Ramos T. — Mon, 01 Feb 2021 15:20:47 +0000

CSS

Acrónimo del idioma inglés ( cascading style sheet).

Su función es describir el estilo y diseño de una página web. En como debe ser mostrado y visualizado en diferentes tamaños de dispositivos según la compatibilidad de cada navegador.

Para crear un archivo css usamos la extensión .css y de allí somos libres de inventar el nombre de la extensión pero no la extensión que deberá seguir siendo .css

Ejemplo yo amo.css

El conjunto de reglas para escribir CSS es la siguiente

Debemos tener un selector y un bloque de algoritmo css.
Este bloque de código estará cerrada por un par de corchetes {}.

Y dentro de esos corchetes css detectará que hay propiedades y valores y cada línea de propiedades y valores se les llama declaraciones. Cada declaración al no haber más instrucciones se cierra con un punto y una coma (;).

En resumen una sintaxis css consta de selector + propiedades + valores O de selector + un bloque de declaraciones.

Nuestro selectores podrán ser elementos o etiquetas html, nombre de clases, un ID y más.

P {color:red;} el resultado es un texto o un párrafo de color rojo.
< p > es una etiqueta html para hacer párrafos. Y en css se vuelve un selector, color es una propiedad css y red es un valor css.

Continuará más descubrimientos.....

Comparte lo que sabes el aprendizaje es mutuo.

SVG Mis primeros pasos

Jose Luis Ramos T. — Tue, 05 Jan 2021 05:11:30 +0000

SVG nos ayuda a crear gráficos vectoriales escalables. Significa que los píxeles no se romperán al expandir la imagen, nos podemos servir de esta tecnología para dibujar ya sea para una página web o para la vida real llevando nuestra creatividad a imprimir fuera de, y se verá como lo veíamos en la pc, con una alta calidad.

SVG nos entrega gráficos vectoriales escalables en formato XML, ya que SVG es XML puro.

Todos los elementos y atributos de svg se pueden animar. Encuentro que también se puede trabajar los estilos del dibujo con CSS.

XML es una extensión de lenguaje de HTML, y como svg es puro xml. Solo basta tener un editor de texto más un navegador web. Para empezar a crear nuestra obra de arte.

Algo de que me he percatado, SVG al ser escrito en lenguaje XML. Todos los elementos svg deben ser cerrados correctamente pues a diferencia de HTML, xml es más estricto en la sintaxis. Por tanto no olvidemos ese detalle.

En mi investigación he encontrado formas predefinidos que svg ofrece a los desarrolladores, estas formas son 7. Rectángulo, círculo, elipse, línea, polilinea, polígono y ruta.

Ahora abre tu editor de texto (blog de notas) o usa tu editor de código favorito y crea tu primer dibujo básico de un sol.

Crea un archivo index.html
Crea una estructura básica html
En medio de las etiquetas <\body> escriba los elementos xml debe verse así:

< body >

< svg width="620" height="200">
< circle cx="280" cy="60" r="40" stroke="yellow" stroke-width="5" fill="orange"/ > < \ svg >

< \ body >

El resultado será un sol naranja con un borde amarillo.

HABLEMOS DE xml⌨

Jose Luis Ramos T. — Wed, 30 Dec 2020 23:42:18 +0000

Bien, XML es una extensión del lenguaje de marcado, html.
XML fue creado para almacenar y transportar datos.

La importancia de xml es tal, pues está presente en el software y hardware de un producto.

Unas de las diferencias entre xml y html. En html las etiquetas están predefinidas, en xml no todas las etiquetas están predefinidas. Incluso tienes la libertad de inventar la mayoría de etiquetas, así como la estructura del documento. Y en html no. No puedes inventar etiquetas, mucho menos la estructura del documento.

Tiene la misma sintaxis de comentario que html .

Gracias por tu tiempo.
Continuaré tomando nota....

DESCUBRIENDO Node.js📗

Jose Luis Ramos T. — Tue, 22 Dec 2020 02:22:18 +0000

NODE.JS es un entorno de servidor para Javascript.
Node.js usa programación asíncrona de un solo subproceso.

Mientras que PHP y ASP manejan la solicitud de archivos en 4 pasos, Node.js lo hace en tres pasos.

Envía la tarea al sistema de archivos de la pc.
Se Salta la espera y ya está listo para la próxima solicitud de archivos.
Al ser abierto y leído la solicitud por el sistema de archivos, el servidor devuelve el contenido al cliente.

Node.js contiene algunos módulos predefinidos listo para usarse sin tener que instalar nada.
Los módulos son una biblioteca de funciones que podemos incluir en una aplicación y más.

Uno de los primero módulos que puedo mencionar es el módulo de afirmación ASSERT esté módulo nos ayuda a probar expresiones.
El segundo módulo es el módulo de almacenamiento intermedio Buffer.
Buffer nos ayuda a manejar flujos de datos binarios.

Buffer es un objeto global no necesitamos importarlo por tanto no haremos uso de la palabra clave REQUIRE.

Nivel aprendiz

Sea libre de fomentar el tema en un comentario.
Espero lo encuentre útil y si en cuentra un error ayude a que la próxima lo haga mejor.
Gracias por leer.

DESCUBRIENDO HTML⏹

Jose Luis Ramos T. — Tue, 22 Dec 2020 02:19:04 +0000

HTML un lenguaje de marcado de hipertexto que se comunica con los navegadores web describiendo como deben mostrar el contenido de una página web.

En el pasado HTML se usaba solo para crear páginas web, actualmente también se usa para crear aplicaciones web.

Podemos escribir html en todo dispositivo que contenga un navegador web y un block de notas pues html es solo texto plano.

Se recomienda descargar un editor de código para ser más productivo al escribir código de cualquier lenguaje. Gracias a que los editores de código ofrecen atajos en el desarrollo. Por lo que no necesita memorizar casi nada.

Para escribir en lenguaje html primero creamos un archivo html en nuestro block de notas o editor de código (sublime text3) mi favorito. Usted sea libre de elegir hay una variedad de editores.

Entonces creamos un archivo con extensión .htm O .html, podemos inventar cualquier nombre para nuestro archivo pero no podemos inventar el nombre de la extensión. Siempre deberá usar .htm O .html

Así se vería un archivo html hola.htm O hola.html

Luego dentro del archivo escribimos la estructura básica html.

Una estructura básica se ve así.

< ! DOCTYPE html > Específica el tipo de documento y ayuda al navegador web mostrar una página de modo correcto.

< html > < / html > inicia y encierra todo contenido dentro.

< head > < / head > Encierra metadatos.

< title > < / title > Encierra un título para los motores de búsqueda.

< body > < / body > Encierra contenido visible para el usuario. (Texto, números, imágenes y más)

Así se ve una estructura básica html.

<!DOCTYPE html>

Gracias por leer.

Publicar en dev.to 🤪

Jose Luis Ramos T. — Sun, 18 Oct 2020 20:49:16 +0000

Hace mucho tiempo que no escribo nada para dev.to. Es por el simple hecho de que no sé utilizar las herramientas de esta comunidad
para explicar con código en la interfaz del blog.

Por tanto agradecería la ayuda de alguien con unos tips de como publicar en dev.to y como mostrar código vivo y no, como en mis primeras publicaciones.

De ante mano, gracias por tomarte el tiempo de leer.

Hoy aprendí php🐘

Jose Luis Ramos T. — Mon, 18 May 2020 22:28:49 +0000

Hey amigos de la comunidad DEV, me presento soy Jose Luis Ramos T. Quiero compartir lo aprendido, es por eso que hoy escribo sobre PHP.

Sin más iniciemos.

PHP es un lenguaje preprocesador de hipertexto. Se usa para procesar datos. Funciona a través de un servidor web cuando el usuario trafica datos que luego será devuelto por un navegador web (Firefox, chrome, safari).

Bien. La respuesta del navegador web viene o es devuelto en un HTML plano sin formatos por lo que el contenido es solo texto.

Los archivos PHP terminan en .php

Con PHP podemos manipular archivos de un servidor, recopilar datos de un formulario, envíar y recibir cookies, modificar datos de una base de datos, controlar el acceso de los usuarios, encriptar datos y más.

Para usar PHP en la PC diríjase a la web oficial de PHP http://php.net/manual/en/install.php
Aquí encontrarás el manual de instalación.

SINTAXIS PHP. La sintaxis del lenguaje nos indica que para poder programar en php, primero debemos crear un archivo con la extensión .php, que quede en claro que podemos inventar el nombre del archivo pero no la extensión. Ejemplo: pagina_uno.php O gato_negro.php

Siguiente paso iniciamos el lenguaje este es el primer script PHP

<?php Aquí en medio va el código ?>

Les adelanto; las instrucciones php terminan en un punto y coma, así (;)

Algunas palabras claves que les adelanto y en futuras notas compartiré, son; if, else, while, echo

Una variable en PHP se hace así, $color
El signo de dólar se usa para hacer una variable y el nombre de la variable puede ser a lo referente.
Es decir digamos que quiero imprimir en pantalla de que color es mi carro.

<?php
$color = "azul";
echo "Mi carro es" . $color . "
"; ?>

El resultado en pantalla sería
Mi carro es azul
Y bueno temo que hemos llegado al final. Me despido con COMENTARIOS PHP.

Los comentarios se usan para comentar el desarrollo. Útil para el programador y no para el cliente (el usuario). Gracias a los comentarios podemos trabajar años más tarde en el mismo código pues los comentarios nos describirán lo que en el pasado hicimos, claro si documentamos comentarios específicos.

Bien, podemos comentar nuestro código de tres maneras, podemos usar //, # y /**/

Usamos // para hacer solo una línea de comentario. O # para lo mismo, comentarios de una sola línea.

Usamos /**/ para hacer varias líneas de comentarios.

// Soy una línea de comentario.

Soy una sola línea de comentario.

/* Yo soy varías líneas de comentarios, aquí puedes hacer párrafos de comentarios.*/

Què es HTML ? 🤔 🐋 🐳

Jose Luis Ramos T. — Sat, 18 Jan 2020 14:04:29 +0000

NOCION

QUE ES?

HTML es un lenguaje de marcado de hipertexto. Su función es describir la estructura de una página web. Funciona a través de elementos HTML conocidos como etiquetas.
Una etiqueta es todo aquello que está encerrado por corchetes < >
<>.

HTML es un lenguaje de marcado de hipertexto.

Sintaxis HTML de inicio <!DOCTYPE>