No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aplicaciones de escritorio

31/31
Recursos

Aportes 213

Preguntas 20

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

A este curso vine buscando cobre y encontr茅 oro. Tremendo

Muy buen curso, sencillo, limpio organizado y muy instructivo, una vez m谩s reaprendiendo las herramientas que llevo usando mas de 3 a帽os sin saber exactamente como funcionaban internamente!! Gracias Carlos!!

馃挩鈿 Electron 馃挜馃捇

(conocido anteriormente como Atom Shell1鈥) es un framework de c贸digo abierto creado por Cheng Zhao, y ahora desarrollado por GitHub. Permite el desarrollo de aplicaciones gr谩ficas de escritorio usando componentes del lado del cliente y del servidor originalmente desarrolladas para aplicaciones web: Node.js del lado del servidor y Chromium como interfaz. Electron es el framework gr谩fico detr谩s de muchos proyectos de c贸digo abierto importantes, incluyendo a Atom de GitHub鈥 y Microsoft Visual Studio Code. Wikipedia
Aplicaciones que usan Electron: 馃挭 Visual Studio Code, Atom, Slack, WhatsApp, Skype, Twich, Signal, Github desktop.
馃憠 Desarrollando aplicaciones de escritorio con Electron.js

Para los que est茅n usando WSL:

WSL no admite interfaces gr谩ficas. La soluci贸n mas simple que encontr茅 es configurar este script que lo que hace es instalar electron pero con los archivos binarios para Windows en lugar de los de UNIX, de esta manera al ejecutar la aplicaci贸n usar谩 la interfaz grafica de Windows

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "electron .",
	//here
    "install-wsl": "npm install && npm uninstall electron && export npm_config_platform=win32 && npm install electron && unset npm_config_platform"
  }

Luego ejecutan:

npm run install-wsl 

Y les deber铆a arrancar

Fuente:

https://github.com/electron-userland/electron-prebuilt/issues/260

Electron en 10 minutos. Que crack!

Dios!!, es como si loulogio impartiera clases de node, genial!!!

En DEFINITIVA, de los mejores cursos que he hecho en platzi, y de verdad que he hecho varios buenos. Felicidades a platzi por seleccionar profesores tan excelente.

si me encuentro este profesor en la calle, y ya estoy vacunado. Le voy a dar un abrazo. Que forma de entrarle al back tan espectacular.

Infinitas gracias profe 馃檹馃徏

woww, que paquente tan bueno.

<html>
    <head>
        <style>
            body {
                background: #333333;
                color: #ffffff;
            }
        </style>
    </head>
    <body>
        <h1>Soy una apliccion de escritorio</h1>
        <button>Super bonton</button>
    </body>
    
</html>
const { app, BrowserWindow } = require('electron');

let ventanaPrincipal;

app.on('ready', crearVentana);

function crearVentana() {
    ventanaPrincipal = new BrowserWindow({
        width: 800,
        height: 600,
    });

    ventanaPrincipal.loadFile('index.html');
}

Excelente curso. Gracias Carlos! Eres el mejor. Me hubiera gustado un vistazo r谩pido a sockets pero no hay li贸, estuvo excelente.

// npm init -y
// npm i electron

const { app, BrowserWindow } = require('electron');

let mainWindow;

app.on('ready', createMainWindow);

function createMainWindow(){
    mainWindow = new BrowserWindow ({
        width: 800,
        height: 600,
    })

    mainWindow.loadFile('index.html')
}

Excelente curso : link de los recursos
https://github.com/CodingCarlos/fundamentos-node-platzi

ajajaj que genial!

Les comparto mis notas del curso hechas en Notion! Por si quieren repasar cualquier cosa vista en este curso de manera r谩pida en el futuro
https://www.notion.so/Fundamentos-de-Node-js-Platzi-114010b2144b46f199bce23c1a1844ef

Y si no usan Notion, es el momento perfecto para empezar!

Siempre crei que usar electron ser铆a mas complicado, pero es mas facil de lo que imagine!!

Definitivamente este es el mejor curso para empezar a aprender node, ademas el profesor explica MUUUUUUUY BIEN, 隆gracias Carlos y Platzi por este magnifico curso!

GENTE QUE UDS QUE CREEN?
es preferible seguir con el curso de carlos de nodejs o con el de la escuela de js
de backend con nodejs??

Magn铆fico curso. Y las colaboraciones de los estudiantes y la comunidad, de maravilla, como ya es costumbre 馃挌

Ven铆a postergando electron porque pensaba que iba a ser muy complejo, y me voy super contento sabiendo que no lo es, un gran curso, no falt贸 nada!

Esto es genial 1! Entonces cualquier app que desarrolle en ReactJS lo puedo convertir en una aplicaci贸n de escritorio?

Excelente curso es super genial todo lo mostrado en este curso. Veo que Node js es super potente

El curso estuvo genial!!!

Mi curso FAVORITO y he hecho much铆simos鈥 que gran sujeto, que forma m谩s amable de explicar contenidos, que podemos decir鈥 m谩s que un profesor, un MAESTRO. espero tener muchos cursos con este hombre!

Me voy feliz al examen 鉂わ笍

ni este ni la anterior me salio 馃槮

Me sale el siguiente error: The SUID sandbox helper binary was found, but is not configured correctly

Ya googli茅 sin embargo no consigo resolver, si alguien tiene la soluci贸n, soy todo o铆dos

A mi me dio problema electron. no lo pude correr, me salio este mensaje

electron_app
> electron .

[30894:0521/003031.051688:FATAL:setuid_sandbox_host.cc(158)] The SUID sandbox helper binary was found, but is not configured correctly. Rather than run without sandboxing I'm aborting now. You need to make sure that docs_fundamentos-node-platzi-master/herramientas/electron_app/node_modules/electron/dist/chrome-sandbox is owned by root and has mode 4755.

Y buscando una posible soluci贸n fue que en package.json se a帽adiera la linea

electron . --no-sandbox

Pero no funciona. Yo ocupo debian buster, alguien lo pudo solucionar?
Saludos

Siento que ha sido de los mejores cursos que he tomado de TODO PLATZI!!! y eso que he tomado m谩s de 100 cursos.

Me encanto y honestamente YA QUIERO APRENDER DE SCRAPING Y ELECTRON!

Los dos cursos que entonces seguir茅 ser谩n:

Curso genial!!. Sugerencia de nuevos cursos:

  • n8n (automatizacion lowcode basado en nodejs)
  • nodejs con Typescript

SERIA MUY COMPLEJO USAR ELECTRON PARA CONVERTIR PLATZIVIDEO EN UN APP DE ESCRITORIO?

Excelentes clases. 驴Alguien podria podria decirme donde encontrar informacion para que la aplicacion de escritorio se ejecute por medio de un click de mouse en lugar de abrirlo desde el simbolo del sistema?

Que curso tan genial. Este, el de fundamentos de Javascript y el de Python, son de lejos los mejores que he visto en platzi.

Hay otros cursos donde la 煤ltima clase suele ser solo para despedirse y dar sus conclusiones. En este curso no es as铆, hasta la 煤ltima clase nos ense帽贸 algo valioso. Este es uno de los mejores cursos que he tomado. :3

En esta clase no logre que se me mostrara la ventana con los botones me sale as铆 nomas

y me da este error

lo intente por powershell y me da este error


> electron-app@1.0.0 start /mnt/c/Users/Administrador/FundamentosNode/herramientas/electron
> electron .

/mnt/c/Users/Administrador/FundamentosNode/herramientas/electron/node_modules/electron/dist/electron: error while loading shared libraries: libXcursor.so.1: cannot open shared object file: No such file or directory
npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! electron-app@1.0.0 start: `electron .`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the electron-app@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/jonialcalaugaz/.npm/_logs/2020-05-04T22_23_20_887Z-debug.log```

me sale este error que hago?

ahora si quiero aprender bien node jejje

EXCELENTE

Wow, esto es genial, nunca me lo imagin茅. Con Node - JavaScript puedo hacer todo. WEB-MOBILE-DESKTOP

pueden utilizar el comando 鈥渘pm init --y鈥 para crear el package.json por defecto sin necesitad del enter enter jejej

// Electron

// Se utiliza para portear paginas web, a aplicaciones de escritorio.

const { app, BrowserWindow } = require('electron')

let mainWindow;

// app const sacada de electron nos crea la ventana
app.on('ready', createWindow)

// Creamos la ventana
function createWindow() {
    mainWindow = new BrowserWindow({
        width: 800,
        height: 600,
    });
    // pagina
    mainWindow.loadFile('../www/index.html')
}

No ten铆a ni idea de todas las herramientas y todo el potencial que tiene node.js , a decir verdad me qued茅 maravillado con todo lo explicado por el profe Carlos, un crack!

Uno de los mejores cursos de NodeJS que he visto asta la fecha sinceramente 馃槃!

Excelente curso, algo que le falta a platzi (al menos los cursos que he visto hasta ahora) es aplicaciones grandes reales, si bien tiene algunas practicas peque帽as de como se utilizan las cosas que estamos aprendiendo, hace falta una secci贸n donde haya proyectos mas grandes, por ejemplo un blog entero, con un sistema de comentarios, im谩genes, etc, pero no solo por encima, si no una pagina web entera, en mi opini贸n es lo 煤nico que le falta a platzi, sin embargo este curso me ha gustado bastante

No soy JavaScript lover, pero creo que se deber铆a dar este lenguaje en las Universidades, en vez de hacer aplicaciones con Delphi o incluso C para Escritorio

Me gust贸 mucho esta clase!

Este curso es oro puro

desde calidad baja a lo leonidas hasta la m谩xima calidad por parte de Carlos Hern谩ndez, bienvenido a Platzi

Desde mi lugar de estudio, de pie y un aplauso por el profesor que hace ver a node.js como lo mejor del mundo. MIL GRACIAS y que calidad de curso.

Alguien podr铆a compartir su c贸digo por favor? Estoy obteniendo un error y me gustar铆a saber si es por algo que estoy haciendo mal o es algo que no funciona bien en mi entorno de sistema. Gracias

me voy al curso de electron 馃馃馃

Fundamentos que te abren la puerta mundos. Tenia muy poco conocimiento de Node y me voy con muchas posibilidades en futuro. Grax

Dentro de mi Top 5 de cursos dentro de Platzi. Me lo he disfrutado much铆simo. Carlos es un excelente profesor, un gusto cada clase.

Este curso es incre铆ble, una m谩quina para explicar, profundic茅 javascript, aprend铆 a hacer scraping y a crear una app de escritorio en un mismo curso. Incre铆ble.

Me voy con ganas de ufff seguir aprendindo!!! increible todo lo que podemos hacer con Node JS!!!

Recuerden, todo!!! haha, tambien con NodeJS podemos crear las famosas CLI (Command-line Interafce) O applicaciones de linea de comando, asi puedes crear scripts que ejecuten ciertas tareas y lazarlas automaticamente con algun task manager como el de windows.

Excelente curso!

WOWWOe, esta clase me gust贸 mucho

Es incre铆ble el poder de Node y sus paquetes 馃挭

Excelente curso, muchas gracias al profesor Carlos por tremendos temas y recomendaciones!

Uno de los mejores profesores!!!

Esta clase me puso volar 馃殌

Whaaaat. Solo ver esta clase me dieron ganas de hacer todo el curso.

Excelente curso, aunque si ser铆a ideal actualizarlo! La 煤nica clase que no me gust贸 fue la de modulos nativos en C++

PFF es incre铆ble, vine a reforzar las bases de Node y me voy maravillado con unas mini nociones de scrapping, automatizaci贸n y apps de escritorio, a otro level este curso, me voy a buscar info sobre esos temas! Me encant贸!!

Muy buena clase

Me encantooo el curso y el entusiasmo del profesor Carlos, excelente curso, aprendi mucho m谩s de lo que pensaba. 馃帀馃帀馃槑馃槑馃檶馃挌馃挌馃摫

Gran curso de Nodejs!

Maravilloso curso, junto con el de bases de datos este maestro es excelente

De los mejores cursos de Platzi. El profe, impecable. El contenido muy completo sin ser muy superficial ni muy complejo. Felicitaciones!

Me funciono sin problemas en WSL contra todo pronostico. A pesar de que en la consola da algunos errores.

Me gusto mucho el curso de Fundamentos de Node.JS, gracias Platzi y al profesor Carlos 馃槂

Gracias por este curso @Carlos, definitivamente es un curso muy increible.

este curso es una joyita

Wow la mejor clase que he visto despu茅s que termin茅 la parte de fronted, me vol贸 la cabeza鈥

Excelente electron
npm init

npm electron

EPICOOOOOO

Este curso es oro puro, ning煤n curso en Platzi hasta el momento ha dado un cierre tan brutal como lo hizo este curso de FUNDAMENTOS.

Por Dios, mil cursos m谩s de este se帽or, por favor.

Es incre铆ble lo sencillo que es, cre铆 que iba a tener mucha complejidad pero no fue as铆. Esta geniaaal el curso!.
Y ya si funciona la interfaz grafica incluso para WSL.

que forma de entrarle al back tan 茅pica鈥

Wow, tremendo curso, una de las cosas que mas me impact贸 es la de crear apps de escritorio. Estaba utilizando WSL y no pod铆a ver la app de escritorio, pero instalando node y electron windows tambien es posible . electron en Windows

Este curso devel贸 una navaja suiza llamada node.js s煤per 馃敟

Tremendo curso, me encanto 馃槃

GRAN curso

Que emocionante es Electr贸n!!

Wooow! Electron en 10 minutos!! 馃殌

Am茅 est谩 clase!!!

Un curso realmente increible, el profe aun mas increible鈥

Incre铆ble todo lo que se puede hacer gracias a un buen manejo de node, en este momento se que se me escapan las posibilidades tan inmensas que hay, pero me quedo contento sabiendo como debugear mejor, con ganas de aprender de scraping y de practicar mas el desarrollo de apps que sean tanto web como de escritorio. Muchisimas gracias!

Idolo

Si tienen problemas a instalar pq est谩 en otra unidad pueden usar el cmder que nos dieron en clases anteriores y desde ah铆 instalarlo en la carpeta electron sin ning煤n problema

Excelente Profesor !! Grande!!

Muchas gracias por el curso

Para quienes usan WSL y tiene problemas para usar electron. Solo abran una terminal de powershell e instalen electron desde ahi, obviamente deberian tener instalada la version de windows de Nodejs

npm i electron

Si tiene problemas tambien pueden cambiar la linea start de la siguente forma

"scripts": {
    "start": "electron index.js",

Listo, deberian poder abrir la ventana desde wsl o powershell

Es el mejor curso que he tomado, a pesar que esta desactualizado por el tiempo, la explicaci贸n es espectacular.

Excelente curso, que gran profesor Carlos!

Eres una maquina, excelente curso!

![](

Yo si hize un poco mas organizado creando el index.css donde se le da maquetaccion y lo adjuntan al archivo html como lo pueden ver el codigo.