mrcodedev

FLEXBOX FROGGY

URL: http://flexboxfroggy.com/.

justify-content

Bienvenido a Flexbox Froggy, un juego donde ayudarás a Froggy y a sus amigos escribiendo código CSS. Guía a esta rana hacia la hoja de lirio en la derecha, usando la propiedad justify-content, la cual alinea elementos horizontalmente y acepta los siguientes valores:

• flex-start: Alinea elementos al lado izquierdo del contenedor.
• flex-end: Alinea elementos al lado derecho del contenedor.
• center: Alinea elementos en el centro del contenedor.
• space-between: Muestra elementos con la misma distancia entre ellos.

mrcodedev

Grid Garden CSS Grid Exercises

URL: https://cssgridgarden.com/.

Los ejemplos que aquí se muestran, están realizados en un grid de 5x5 con un 20% de anchura.

Regar una zona (posicionar una columna)

Para poner en un elemento (en este caso en el ejemplo lo pone como regar) en una cuadrícula de 5x5, en la tercera columna vertical (3c:1f):

#garden {

mrcodedev

Vue2JS - Empezando con VueJS

Como iniciar Vue con CDN

Para iniciar Vue podemos utilizarlo a través de un CDN o añadiendo el archivo físicamente. Aquí empezarémos a utilizarlo a través de CDN. El enlace del CDN puede variar con el tiempo, pero cuando escribo este Gist es el siguiente:

https://cdn.jsdelivr.net/npm/vue/dist/vue.js

Creamos un archivo htmly añadimos el CDN:

/index.html

mrcodedev

Workshop de introducción de JS (de ES6 pa'lante)

Diferencias de valores

NaN == NaN
//false

Casting

mrcodedev

Angular: Tutorial Tour of Heroes

Angular es un framework JavaScript, gratuito y Open Source, creado por Google y destinado a facilitar la creación de aplicaciones web modernas de tipo SPA (Single Page Application).

Su primera versión, AngularJS, se convirtió en muy poco tiempo en el estándar de facto para el desarrollo de aplicaciones web avanzadas.

mrcodedev

DOCKER: INSTALLATION AND USE

Vamos a empezar viendo primero que diferencias hay entre las máquinas virtuales y los contenedores de Docker, para ver porque son mejores los contenedores.

Virtual Machines Vs Containers

Virtual Machines

Es un sistema operativo completo, funcionando de manera aislada sobre otro sistema operativo completo. La tecnología de VMs permite compartir el hardware de modo que lo puedan utilizar varios sistemas operativos al mismo tiempo.

mrcodedev

People

:bowtie:	😄 :smile:	😆 :laughing:
😊 :blush:	😃 :smiley:	☺️ :relaxed:
😏 :smirk:	😍 :heart_eyes:	😘 :kissing_heart:
😚 :kissing_closed_eyes:	😳 :flushed:	😌 :relieved:
😆 :satisfied:	😁 :grin:	😉 :wink:
😜 :stuck_out_tongue_winking_eye:	😝 :stuck_out_tongue_closed_eyes:	😀 :grinning:
😗 :kissing:	😙 :kissing_smiling_eyes:	😛 :stuck_out_tongue:

mrcodedev

Tips React Native

Este es un Gist propio donde puedo meter la pata

💭 Comentarios

Para añadir comentarios entre el código sólo hay que añadir {/* */}. Vamos a verlo con un ejemplo:

    <View style={styles.container}>
        <Button title="Ir atrás a pantalla de logueo" onPress={()=> this.props.navigation.goBack()} />

        {/* Go to the Top of the Stack Navigator */}

mrcodedev

💥 Definiciones en React 💥

Similitudes entre HTML y React Native

<div> === <View>
<p> || span === <Text>
<button> === <TouchableHighlight>
<img /> === <Image />
<input /> === <TextInput />

mrcodedev

COMANDOS DE LA CONSOLA DE LINUX

• cat (de concatenar): Visualizar el contenido de un archivo sin un editor:

$ cat prueba.txt

• ls (de listar): Lista el contenido del directorio en el que se está o que se indica:

$ ls /home/directorio/subdirectorio