Configurar una cuenta en Github, crear repositorio y clonarlo

Configuración de la cuenta

Visitamos la url https://github.com, pulsamos el botón verde grande “Sign up for GitHub” que aparece en el centro de la pantalla o el enlace Sign up arriba a la derecha.                                                     Proporcionamos un correo y una contraseña y elegimos un usuario que esté disponible.

Crear repositorio

Para subir tu proyecto a GitHub, deberás crear un repositorio donde alojarlo. Para ello en la pagína, arriba a la derecha vemos el símbolo + pulsamos New repository:

 

Y vamos rellenando los campos que nos solicitan, nombre, si es publico o privado, y si queremos inicializarlo con un  README

Inicialización de un repositorio local

El comando git init se puede utilizar para convertir un proyecto existente y sin versión en un repositorio de Git, o para inicializar un nuevo repositorio vacío.

Clonar un repositorio

En git el término clonar , se refiere a tener un copia en tu local de un repositorio, lo que en subversión sería un checkout.

El comando es clone y la sentencia sería:

git clone url (nombre directorio, es opcional)

SASS

SASS es el mejor ayudante para el desarrollador web a la hora de trabajar en CSS gracias a sus múltiples funcionalidades: mixins, variables, funciones, herencia, nesting.

SASS dispone de dos formatos diferentes para la sintaxis, lo que hace se traduce en dos extensiones de fichero diferentes:

•  .sass : se caracteriza en no hacer uso de llaves ni punto y coma final, en busca de la simplicidad y eliminación de ruido.
• .scss : permiten utilizar llaves e incorporar código de CSS clásico.

Algunas funcionalidades básicas de SASS utilizando la sintaxis .scss:

 

 

Procesadores de CSS

CSS te permite diseñar una página web, pero para diseñar un solo elemento se necesita escribir mucho código. Este puede ser difícil de leer y difícil de mantener. Esto se debe a que CSS carece de variables y funciones que poseen otros lenguajes de programación, lo que te obliga a repetir código.

CSS ha evolucionado y se han añadido métodos para escribir código CSS más eficientemente , esto se consigue a través de los preprocesadores de CSS. El objetivo de estos preprocesadores es tener un código más sencillo de mantener y editar.

Un preprocesador te permite escribir CSS en un idioma alternativo (muy parecido al CSS nativo) y ofrece funciones avanzadas como variables, funciones y la posibilidad de incluir archivos.

Una vez que el código CSS esté escrito en este nuevo idioma, se compilará para volver a transformarse en CSS nativo, el único que los navegadores web pueden entender.

 Los procesadores más conocidos son SASS, LESS, Stylus, PostCSS.

 

Comprobar si existe tabla SQL

 DECLARE   
     V_TABLA NUMBER;  
BEGIN
 
    SELECT count(*) INTO V_TABLA FROM user_tables  WHERE TABLE_NAME='NOMBRE_TABLA'; --el nombre en mayúscula en la comprobación
 
  IF V_TABLA=0  then
            EXECUTE IMMEDIATE 'create table nombre_tabla...';
  END IF;
 
END;

Conceptos básicos de la arquitectura de microservicios

Los microservicios son pequeñas unidades de servicios independientes que se crea después de dividir una aplicación monolítica, para así tener un mejor mantenimiento de los componentes. 

Con los microservicios, los desarrolladores ahora deben escribir menos códigos. Y, si escriben menos códigos, pueden mantenerlos mejor. 

Cada microservicio puede ser actualizado o escalado sin que esto afecte a la disponibilidad de los demás unidades y de la aplicación en su conjunto

Rest

Es un modelo de arquitectura web basado en el protocolo HTTP para mejorar las comunicaciones cliente-servidor. Es una alternativa a SOAP , que disponen de una gran capacidad pero también mucha complejidad. 

En un sistema REST, cada recurso es direccionable únicamente a través de su URI.

 Las operaciones más importantes relacionadas con los datos en cualquier sistema REST y la especificación HTTP son cuatro:, a estos operaciones se les llama verbo y se coloca en el encabezado de la solicitud.

1. POST (crear).
2. GET (leer y consultar),
3.  PUT (editar).
4. DELETE (eliminar).
   

Otra de las características es que es independiente del tipo de plataformas o lenguajes. Da igual qué lenguaje de programación estés utilizando o qué plataforma. Con una API REST podrás trabajar de cualquier manera. Lo único necesario es que el intercambio de información sea mediante XML o JSON.

Se utiliza en java la API JAX-RS para proprocionar soporte en la creación de servicios web de acuerdo con el estilo arquitectónico Rest.​ JAX-RS usa anotaciones. entre estas anotaciones se incluyen:

• @Path especifica la ruta de acceso relativa para una clase recurso o método.
• @GET, @PUT, @POST, @DELETE y @HEAD especifican el tipo de petición HTTP de un recurso.
• @Produces especifica los tipos de medios MIME de respuesta.
• @Consumes especifica los tipos de medios de petición aceptados.

RESTful se suele utilizar para referirse a los servicios web que ejecutan la arquitectura REST.

React

Es una librería Javascript desarrollada por Facebook y diseñada para ayudarnos a crear SPA's (Single Page Application), su objetivo es tratar de facilitar la tarea de desarrollar interfaces de usuario. Podríamos decir que React es la V en un contexto en el que se use el patrón MVC.

Para instalar React JS debemos tener instalado nodejs y ejecutar algunos comandos sencillos:

•  Lo primero que tenemos que instalar es Node.js ya que vamos a utilizar npm para la instalación de los paquetes de ReactJs. Para verificar que se ha instalado correctamente ejecutamos en una consola de comando node -v. 
• Con el comando npm install -g create-react-app  lo que hacemos es instalar ReactJS en nuestro ordenador de forma global. Si no agregásemos el parámetro -g sólo podríamos usar ReactJS en la carpeta donde hemos ejecutado el código.
•  Nos vamos a la carpeta donde vamos a tener los proyectos que van a utilizar react y lanzamos el ejecutamos create-react-app nombreproyecto.
• E inicializamos el proyecto npm start

Si todo esta bien, la aplicación estará corriendo en el puerto 3000. Suele abrirse solo el navegador en esta dirección, pero si no es así, sólo debes ingresar a http://localhost:3000.

Si editamos App.js, los cambios que metamos en ese archivo se reflejaran en el navegador automaticamente, sin necesidad de recargar, esto es debido el Webpack, es un empaquetador de módulos que permite automatizar procesos como transpilación de código, preprocesamiento (de .scss a .css), al instalar node, se obtiene esta funcionalidad.

Las aplicaciones React se construyen mediante componentes, los cuales son elementos independientes y pueden ser reutilizados, además, describen cómo tienen que visualizarse y cómo tienen que comportarse.