srdelarosa

slides = [
  {
    title: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
    description: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Et ipsum temporibus nostrum sit totam reiciendis, quia libero nisi nihil magni nemo laborum officiis iure in sed aut amet excepturi obcaecati!',
    icon: 'camera'
  },
  {
    title: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
    description: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Et ipsum temporibus nostrum sit totam reiciendis, quia libero nisi nihil magni nemo laborum officiis iure in sed aut amet excepturi obcaecati!',
    icon: 'airplane'

srdelarosa

this.loginForm = this.formBuilder.group({
      email: new FormControl(
        '',
        Validators.compose([
          Validators.required,
          Validators.pattern('^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$'),
        ])
      ),
    });

srdelarosa

/**
Sesión 01

Instalación Ionic
npm install -g ionic (instalación global)
ionic (validamos la instalación)
ionic start (crear aplicacion bajo ciertos pasos)
ionic start nombreapp template y

Ingresamos el nombre de la aplicación

srdelarosa

<ion-content [fullscreen]="true">
  <ion-slides pager="true">
    <ion-slide>
      <ion-icon name="close"></ion-icon>
      <br /><br /><br /><br /><br />
      <img src="assets/images/logo-h.png" />
      <br /><br /><br />
      <h3>Lorem Title</h3>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur culpa

srdelarosa

.swiper-slide {
  display: block;
  margin-bottom: 64px;
  background-color: white;
}

ion-content {
  margin-bottom: 10px;
  --background: var(--ion-color-primary);
}

srdelarosa

  "scripts": {
    "ng": "ng",
    "start": "npm-run-all -p client server",
    "client": "ionic serve",
    "server": "json-server --port 3027 --watch server/users.json",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "resources": "capacitor-resources -p android"

srdelarosa

ion-item {
  border-radius: 5px;
  border-color: rgb(201, 201, 201);
  border-width: 2px;
  border-style: solid;
  margin-bottom: 10px;
}

srdelarosa

<ion-split-pane contentId="content">
  <ion-menu contentId="content" side="end">
    <ion-header>
      <ion-toolbar color="primary">
        <ion-icon name="menu-outline" slot="start" size="large"></ion-icon>
        <ion-title>Menu</ion-title>
        <ion-buttons slot="end">
          <ion-button (click)="closeMenu()">
            <ion-icon name="close" size="large"></ion-icon>
          </ion-button>

srdelarosa

import { Component } from '@angular/core';
import { Plugins } from '@capacitor/core';
import { environment } from 'src/environments/environment';

const { Geolocation } = Plugins;

@Component({
  selector: 'app-mylocation',
  templateUrl: './mylocation.page.html',
  styleUrls: ['./mylocation.page.scss'],

srdelarosa

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="end">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>Mi Ubicación</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>