Platzi
Platzi

隆Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 17D : 12H : 11M : 35S

Debes tener cuenta en Platzi

Para ver esta clase abierta debes iniciar sesi贸n

Curso de Electron: Apps de escritorio en Windows y Mac

Curso de Electron: Apps de escritorio en Windows y Mac

platzerito18092018 platzerito18092018

platzerito18092018 platzerito18092018

El frontend y Electron8/52

Electron nos permite trabajar con tecnolog铆as Web para crear aplicaciones de escritorio, Adrian nos muestra como crear una aplicaci贸n de prueba en la que usaremos HTML, CSS y JavaScript.
Comenzamos con el desarrollo de Platzipics, veamos como crear una estructura de directorios en nuestro proyecto que nos va a ayudar a mantenerlo organizado.

pues a mi me apareci贸 el siguiente error:

Not allowed to load local resource:

al parecer ahora tienes que incluir el atributo nodeIntegration a la configuraci贸n de la ventana y utilizar el m茅todo loadFile en vez de loadURL.

let win = new BrowserWindow({
        show: false,
        webPreferences: {
            nodeIntegration: true
        }
    })

win.loadFile(`${__dirname}/index.html`)

adem谩s en el archivo package.json especificar el archivo de entrada de la app de electron y en el listado de scripts ya no especificar el archivo, sino el directorio.

{
  "name": "electron-platzi",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "dev": "electron .",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "electron": "^4.1.3"
  }
}

fuentes:
https://electronjs.org/docs/tutorial/first-app
https://github.com/electron/electron-quick-start/blob/master/main.js

Buenas, estoy haciendo el curso pero veo que electron-compile est谩 @deprecated y no s茅 por d贸nde seguir. 驴Alguien me puede echar una mano?

no me funciona la sintaxis ${} para concatenar strings, alguien me puede ayudar?

El console.log(鈥 ') no me funciona en el frontend.js

alguien me explica como hacer esta cosa ( ` ) xd en ubuntu

No aparec铆a el texto mandado por la parte del frontend y lo solucione as铆
Al parecer en mi caso causa problema que en la parte index se use doble comilla (" ")para escribir mensaje y en la parte de frontend se use comilla simple (鈥 '), solamente use el mismo tipo de comilla en ambos
En el minuto 3:42
index.html

<code>
<p id="mensaje"></p>

frontend.js

<code>

document.getElementById(鈥榤ensaje鈥).innerHTML = 鈥榚ste es un mensaje instertado por JS鈥

pues a mi me apareci贸 el siguiente error:

Not allowed to load local resource:

al parecer ahora tienes que incluir el atributo nodeIntegration a la configuraci贸n de la ventana y utilizar el m茅todo loadFile en vez de loadURL.

let win = new BrowserWindow({
        show: false,
        webPreferences: {
            nodeIntegration: true
        }
    })

win.loadFile(`${__dirname}/index.html`)

adem谩s en el archivo package.json especificar el archivo de entrada de la app de electron y en el listado de scripts ya no especificar el archivo, sino el directorio.

{
  "name": "electron-platzi",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "dev": "electron .",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "electron": "^4.1.3"
  }
}

fuentes:
https://electronjs.org/docs/tutorial/first-app
https://github.com/electron/electron-quick-start/blob/master/main.js

Buenas, estoy haciendo el curso pero veo que electron-compile est谩 @deprecated y no s茅 por d贸nde seguir. 驴Alguien me puede echar una mano?

no me funciona la sintaxis ${} para concatenar strings, alguien me puede ayudar?

El console.log(鈥 ') no me funciona en el frontend.js

alguien me explica como hacer esta cosa ( ` ) xd en ubuntu

No aparec铆a el texto mandado por la parte del frontend y lo solucione as铆
Al parecer en mi caso causa problema que en la parte index se use doble comilla (" ")para escribir mensaje y en la parte de frontend se use comilla simple (鈥 '), solamente use el mismo tipo de comilla en ambos
En el minuto 3:42
index.html

<code>
<p id="mensaje"></p>

frontend.js

<code>

document.getElementById(鈥榤ensaje鈥).innerHTML = 鈥榚ste es un mensaje instertado por JS鈥