Dart con Flutter

Objetivo actual de Dart: mobile con Flutter



  • Para iniciarse en Dark elegir Dart SDK
    • Elegir Get dart para instalar el SDK
      • Se ha instalado en /usr/local/opt/dart/libexec
      • Para ver vesión: brew info dart
      • Para editor elegir en Tools&Techniques
        • De momento he elegido IntelliJ IDEA  Community para Mac
        • Para enlazar IntelliJ IDEA con Dart, iniciamos el editor, seleccionamos Plugins y tecleamos Dart para instalarlo.
        • Para estar seguros 
          • Creamos un proyecto y en el lado izquierdo debe aparecer Dart
            • Para empezar elijo: Dart Package


Flutter

  • Flutter web oficial
    • Elegir Get Started
      • Con el terminal ir a /Users/enricsarradell/Documents 
      • Elegir la instalación desde git
        • git clone https://github.com/flutter/flutter.git -b stable
      • Ejecutar el punto 3 Add the flutter tool to your path:
        • export PATH="$PATH:`pwd`/flutter/bin"
      • Ejecutar Run flutter doctor
        • flutter doctor
      • Nos dará un diagnóstico
        • las x en rojo significa que debemos ejecutar los comandos que nos indica para agregarlo
        • La primera vez me dio error de no Xcode instalado con todas las herramientas.
        • Ejecuté los siguientes comandos que me indicaba
        • Nota: hay que. volver a ejecutar export PATH="$PATH:`pwd`/flutter/bin" cada vez que quieras ejecutar flutter doctor. Para más información Update your path



Entradas populares de este blog

Angular

Imagen
Angular basics Angular Router Jumpstart Angular Web oficial Ventajas 5 ventajas llibre  Llibre ng-book2 Repositori Forms ngModules Tutorials Digital Ocean Angular Setup Guide Quick Start       Style Guide Buenas Prácticas: curso escuela it Buenas Prácticas Repositorio Precarga modulos: preloadingStrategy: PreloadAllModules Comandos Angular CLI ng Material Angular material iconos Angular Boostraphttps://www.digitalocean.com/community/tutorials/angular-viewchild-access-component-es The Most Powerful Angular UI Component Library PrimeNg PrimeNg-components Plugin Chrome para debug Angular Maps console AGM-Angular Google Maps: instalación AGM-Angular Google Maps: components Tutorial Curso Angular 8 EscuelaIT Objetivos Repositorio Pdf completo Ejemplo de Angular desplegado en node.js Cod e Ejemplo CRUD + Firebase Repositorio Ejemplo Building a Real-Time Chat App with React and Firebase Es interesant per el tema del Fireb
Leer más

Spotify

Spotify SPOTIFY: Acceder amb Chrome (en Safari las pruebas de accesos me fallan ?????) Developper Crear aplicación Acceder a DASHBOARD Create a client ID  para crear una app Ya tenemos el  Client ID  y  Client Secret  que serán necesarios para la API. Instalar POSTMAN Token: Ir a Docs, web API, Authorization Guide Seleccionar:  Refreshable app authorization:  Client Credentials Flow Acceso al token:  Ir a Postman y dar de alta para obtener el token Indicar: POST Teclear:  https://accounts.spotify.com/api/token En la pestaña  Body  dar de alta los key-value KEY                                                 VALUE grant_type                        Client_credentials client_id                            El de la app client_secret.                    El de la app Spotify solo acepta esta petición desde un host. Ejemplo servidor node.js para acceso al token Ejemplo para probar una solicitud: Ir a CONSOLE i seleccionar Browse Seleccionar Get a L
Leer más

Document Object Model (DOM)

Imagen
DOM Objetivos: Entender el DOM y herencia de los nodes Trabajar con varios node types Javascript & DOM Javascript & DOM (codepen) - En páginas  HTML,   "document element" es siempre   "<html> element" - Cada pieza está representada por un "node" de hasta 12 tipos diferentes. Node Type:   someNode.nodeType Node.ELEMENT_NODE (1) Node.ATTRIBUTE_NODE (2) Node.TEXT_NODE (3) Node.CDATA_SECTION_NODE (4) Node.ENTITY_REFERENCE_NODE (5) Node.ENTITY_NODE (6) Node.PROCESSING_INSTRUCTION_NODE (7) Node.COMMENT_NODE (8) Node.DOCUMENT_NODE (9) Node.DOCUMENT_TYPE_NODE (10) Node.DOCUMENT_FRAGMENT_NODE (11) Node.NOTATION_NODE (12) if (someNode.nodeType == 1) { value = someNode.nodeName}  // será el nombre del TAG if (someNode.nodeType == 1) {var tipoNode = someNode.attributes[0].nodeType} // tipoNode = 2 Node Relationships Todos los nodos en un documento tienen relaciones sobre otros nodos. Cada nodo ti
Leer más