juliosguz

- HTML
- CSS
- JavaScript
- Mobile First 
- Ancho minimo de pantalla en modo portrait es ed 320px, puedes usar de referencia las medidas de un iPhone 5.
- Responsive Design o diseño adaptable
- Git como sistema de control de versiones
- GitHub para almacenar tu proyecto en internet y poder acceder desde cualquier lugar
- NPM o Yarn como manejadores de paquetes Javascript
- Ademas de CSS debes conocer al menos un preprocesador y agrega el uso de PostCSS para agregar los prefijos por distinto navegador.

juliosguz

asdasdasd

juliosguz

# NativeScript
hooks/
node_modules/
platforms/

# NativeScript Template
*.js.map
*.js
!webpack.config.js

juliosguz

• Crear una cuenta en GMAIL
• Instala NodeJS (https://nodejs.org)
  • Pueden instalar software para tu SO usando Linuxbrew(para Linux) o Homebrew (para Mac).
• Al instalar NodeJS, viene incluido NPM (Node Package Manager). NPM te ayudara a instalar paquetes para NodeJS usando el comando "npm install NOMBRE_DEL_PAQUETE"
• Instala Firebase CLI (npm install -g firebase-tools)
• Instala NativeScript CLI (npm install -g nativescript). Luego de que acabe, puedes verificar escribiendo en la terminal "tns", luego dar enter.
• Aqui viene la parte "dificil", instalar los requerimientos para ejecutar iOS y Android
  • iOS
    • Sin incluir los cloud builds (esto no viene dentro del Workshop), deberas tener una Mac para poder realizarlo.
• Verificar que tienes la ultima versión de Xcode y un simulador corriendo.

juliosguz

.DS_Store

*.js.map
*.metadata.json
npm-debug.log

app/**/*.js
app/**/*.css
app/App_Resources/iOS/GoogleService-Info.plist
app/App_Resources/Android/google-services.json

juliosguz

import { NgModule } from "@angular/core";
import { Routes } from "@angular/router";
import { NativeScriptRouterModule } from "nativescript-angular/router";

const routes: Routes = [];

@NgModule({
    imports: [NativeScriptRouterModule.forChild(routes)],
    exports: [NativeScriptRouterModule]
})

juliosguz

npm install -g firebase-tools
git clone https://github.com/juliosguz/firebase-workshop
cd firebase-workshop
firebase init
firebase serve

// Subir data de pruebaˇ
firebase database:push data-structure/posts-data.json /posts

juliosguz

// This script is based from https://medium.com/@natchiketa/angular-cli-and-os-environment-variables-4cfa3b849659
import { writeFile } from 'fs';
import { argv } from 'yargs';

const environment = argv.environment;
const isProd = environment === 'prod';

require('dotenv').config({path: `./set-env/.env.${environment}`});

const targetPath = `./src/environments/environment.${environment}.ts`;

juliosguz

// Authentication
users
{
  user1: {
    email: 'julio.sguz@gmail.com',
    proveedor: 'email',
    creationDate: '12-04-2016'
  },
  user2: {
    email: 'vania@gmail.com',

juliosguz

{
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "editor.detectIndentation": false,
  "editor.renderWhitespace": "boundary",
  "window.zoomLevel": 1,
  "vsicons.projectDetection.autoReload": true
}