Entradas

Instalar Apache Tomcat 9 en Ubuntu 18.04 y 16.04 LTS

Imagen
Descargamos, descomprimimos y movemos Apache Tomcat 9:
wget https://www-us.apache.org/dist/tomcat/tomcat-9/v9.0.26/bin/apache-tomcat-9.0.26.tar.gz tar xzf apache-tomcat-9.0.26.tar.gz sudo mv apache-tomcat-9.0.26 /usr/local/apache-tomcat9 Miramos las versiones de java instaladas:
update-alternatives --config java Seleccionamos la ubicación de java
Colocamos a apache tomcat en nuestras variables de entorno
echo "export CATALINA_HOME="/usr/local/apache-tomcat9"" >> ~/.bashrc echo "export JAVA_HOME="/usr/lib/jvm/java-11-openjdk-amd64"" >> ~/.bashrc echo "export JRE_HOME="/usr/lib/jvm/java-11-openjdk-amd64"" >> ~/.bashrc source ~/.bashrc
Finalmente, necesitamos crear cuentas de usuario para proteger y acceder a las páginas de administrador / administrador. Edite el archivo /usr/local/apache-tomcat9/conf/tomcat-users.xml en su editor y péguelo dentro de las etiquetas <tomcat-users> </tomcat-users>.
<!-…

06.- Reactjs⚛️ [Routers]

Imagen
En este tutorial vamos a trabajar con los routers y no los routers no son esos aparatitos que nos dan  las compañias de telefono para proveer internet. Los routers es lo siguiente: imaginemos que tenemos nuestra pagina web y cuando accedemos a una URL en específico nos muestra cierto contenido (de cualquier forma que accedamos a esa url ya sea vía link o escribiendola). También aprenderemos a crear url de error 404. En pocas palabras un router lee la url y dependiendo de la url leída nos manda al contenido que se requiere.

src/index.js
importReactfrom'react';import{render}from'react-dom';import{BrowserRouterasRouter}from'react-router-dom';importAppRoutesfrom'./router';render(<Router><AppRoutes/></Router>, document.getElementById('root'));
src/router.js
// DependenciesimportReactfrom'react';import{Route,Switch}from'react-router-dom';// paginasimportAppfrom'./paginas/App';importIniciofrom'./paginas/Inic…

05.- Reactjs⚛️ [Renderizar elementos con state]

Imagen
State nos ayuda a renderizar (renderear) partes específicas de nuestro programa sin tener que refrescar toda nuestra pagina, esta es la magia de reactjs.


importReact,{Component}from'react';classMiclaseextendsComponent{constructor(){super();this.state={count:1};this.clickBotones=this.clickBotones.bind(this);}componentDidMount(){this.setState({count:1});}clickBotones(e){if(e.target.id==="sumar"){this.setState({count:this.state.count+1});}elseif(e.target.id==="restar"&&this.state.count>1){this.setState({count:this.state.count-1});}elseif(e.target.id==="reiniciar"){this.setState({count:1});}}render(){return(<divclassName="contenido"><h2>Contador{this.state.count}</h2><p><buttonid="sumar"onClick={this.clickBotones}>+</button><buttonid="restar"onClick={this.clickBotones}>-</button><buttonid="reiniciar"onClick={this.clickBotones}>Reiniciar</button&…

16.-Vue js 2 tutorial español 👀 [CLI UI en Ubuntu]👀👀

Imagen
Comandos
sudo apt-get update sudo apt-get install nodejs sudo apt-get install npm sudo npm install -g @vue/cli vue --version vue ui

Video


15.-Vue js 2 tutorial español 👀 [CLI en Ubuntu]👀👀

Imagen
Introducción En este tutorial no vamos a trabajar con código, tampoco con teoría, lo que vamos a hacer es una instalación de vue-cli y ustedes se preguntaran que es eso de cli, pues cli significa "command-line interface" y e español "interfaz de línea de comandos ". Yo creo que terminamos igual de confundidos así que voy a ser un poco mas coloquial: vue-cli es un programa que nos ayuda a crear proyectos y a agregar plugins a nuestro proyecto, es como un wordpress en donde puedes instalar plugins.

Comandossudo apt-get update sudo apt-get install nodejs sudo apt-get install npm sudo npm install -g @vue/cli vue --version vue create nombre-proyecto npm run serve

Video








04.- Reactjs⚛️ trabajar con clases [class y render en reactjs]

Imagen
En este tutorial vamos a aprender a crear clases en reactjs, si hemos visto las funciones que hemos trabajado no hemos manejado clases. Lo mas apropiado o mas recomendado es trabar con clases.

public/index.html
<!DOCTYPE html><htmllang="en"><head><metacharset="utf-8"/><linkrel="shortcut icon"href="%PUBLIC_URL%/favicon.ico"/><metaname="viewport"content="width=device-width, initial-scale=1"/><metaname="theme-color"content="#000000"/><!-- manifest.json provides metadata used when your web app is installed on a user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ --><linkrel="manifest"href="%PUBLIC_URL%/manifest.json"/><!-- Notice the use of %PUBLIC_URL% in the tags above. It will be replaced with the URL of the `public` folder during the build. Only file…

14.-Vue js 2 tutorial español 👀 [Actions,mapActions,mapState,]👀👀

Imagen
Introducción En este video vamos a trabajar con las acciones y que es eso de las acciones pues es el área de vuex que se comunica con el backend y que es eso de comunicarse con el backend, pues es es el área que se comunica con la base de datos, o cualquier forma con la que queramos obtener información.

Codigo<!DOCTYPE html><htmllang="es"><head><metacharset="utf-8"/><title>Vuejs</title><linkrel="stylesheet"href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"crossorigin="anonymous"></head><body><divid="elemento"class="container"><padre></padre></div></body><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script src="https://unpkg.com/vuex@3.1.1/dist/vuex.js">…

Facebook Like