Diario de Códigos

Entradas

Mostrando las entradas de abril, 2020

Ionic crear Card(Tarjetas)

- abril 28, 2020

<!DOCTYPE html > < html lang =" en " > < head > < meta charset =" UTF-8 " > < meta name =" viewport " content =" width=device-width, initial-scale=1.0 " > < title > Card </ title > < script type =" module " src =" https://cdn.jsdelivr.net/npm/@ionic/core@next/dist/ionic/ionic.esm.js " > </ script > < script nomodule src =" https://cdn.jsdelivr.net/npm/@ionic/core@next/dist/ionic/ionic.js " > </ script > < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/@ionic/core@next/css/ionic.bundle.css "/> < style > : root { --ion-safe-area-top : 20 px ; --ion-safe-area-bottom : 22 px ; } </ style > </ head > < body > < ion-app > < ion-header translucent > < ion-toolbar > < ion-title > Card ...

Subir nuestro codigo a Github

- abril 12, 2020

Requisitos Tener instalado Git: https://git-scm.com/downloads Conexion a Internet Una cuenta en Github Empezamos Abrimos Github y Creamos un nuevo repositorio Nombramos nuestro repositorio y lo creamos Nos da una direccion ejemplo: git remote add origin https://github.com/user/nombre.git Inicialisamos el proyecto a subir Abrimos la consola de comandos y nos ubicamos en el directorio de nuestro proyecto y usamos los siguientes comandos git init git add . git commit -m "primer commit" git remote add origin https// AQUI COLOCAMOS EL LINK DE GITHUB CON EXTENSION .GIT y hacemos un pusH g it push -u origin master Ya tenemos subidos a Github nuestro proyecto Ahora en github, el repositorio de nuestro proyecto Creamos un branch nuevo Se llamara gh-pages Ya creado selecionamos el branch y nos vamos a settings y abajo encontraremos una seccion llamda Github Pages La cual nos dara el Link de nuestra pagina Y listo, cabe decir que solo sirv...

Crear una App con HTML y Javascript puro

- abril 12, 2020

Crearemos una app con HTML,js y algo de Ionic la app sera visible en nuestro navegador y podremos verlo en algun hosting aparte servira para crear despues con Ionic un archivo apk Requisitos: Visual Studio Code o un Editor de Codigo Conocimientos basicos de HTML (Recomendado) Creamos una carpeta en el escritorio para nuestro entorno de trabajo,con el nombre Ionic-Javasript, la arrastramos o abrimos con el editor (VS code) y dentro crearemos un Index.html y para la parte logica un app,js Gracias a Vs code en el index.html podemos crear una estructura de HTML5 solo escribiendo HTML y dando TAB Obtenemos la estructura basica de un documento HTML Añadiremos el enlace de Ionic Cli al Head, nos dirigimms a su pagina web https://ionicframework.com/docs/intro/cdn < link rel = " stylesheet " href = " https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css " /> Para una mejor vista en VS code...