Hola este video estará relacionado con aplicacion android visual studio puedes ver en nuestra web una gran cantidad de aplicaciones para aplicacion android visual studio, recuerda que todo el contenido aquí es de balde solo te pedimos que compartas el articulo por redes sociales si te ha servido mucho contenido sobre aplicacion android visual studio es de las mejores versiones para tu móvil Android un sistema que es popular en los Smartphones y cada vez es mas popular
In this video we will build a desktop application using Electron.js which allows us to build desktop apps using only JavaScript. We will build a minimal shopping list app with a custom menu and multiple windows and implement Materialize CSS for styling. We will also publish the app to a Windows .exe file using the Electron Packager.
FULL 6 HOUR COURSE:
https://www.udemy.com/course/electron-from-scratch/?referralCode=D83E1593BE5EC5AFF830
CODE: Code for this project
https://github.com/bradtraversy/electronshoppinglist
PACKAGER TUTORIAL PAGE:
https://www.christianengvall.se/electron-packager-tutorial/
ICON PAGE:
http://www.iconarchive.com/show/actual-horizonte-business-icons-by-iconshock/shopping-cart-icon.html
BECOME A PATRON: Show support & get perks!
http://www.patreon.com/traversymedia
ONE TIME DONATIONS:
http://www.paypal.me/traversymedia
COURSES & MORE INFO:
http://www.traversymedia.com
FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
Tweets by traversymedia
http://www.instagram.com/traversymedia
NEED WEB HOSTING?
https://inmotion-hosting.evyy.net/c/396530/260033/4222
NEW DISCORD CHAT SERVER:
https://discord.gg/traversymedia
Hola gracias por revistar nuestro sitio aquí encontraras programas juegos y muchas cosas mas
Esta atento a todas las cosas que te puedan suceder con los horoscopos diarios que te brinda esta web lo mejor para memorizar como estara el dia y que te deparan los astros
Este 2019 viene con todo y nuevas peliculas se estrenaran
Serries anime y estrenos como Bird Box se encuentran aquí
La nuevas pelicula de Dragon Ball Super estara adecuado para que la veas
Las nuevas peliculas estreno del 2019 tambien las encontraras aqui
Puedes descargar ese distracción que tanto buscabas utiliza el buscador y encuentra los nuevos estrenos en este 2019
Tutoriales y muchas cosas mas podras encontrar aquí en este sitio
Dale me gusta a nuestra pagina de facebook y siguenos para que te notifiquemos de algun nuevo colección que este saliendo
Programas con su respectivo crack podras encontrar en el mejor servidor adecuado para su descarga sigue las instrucciones al pie de la documento y podras usarlo sin restricciones te deseo un buen año y espero que la informacion que este aquí te sirva hasta luego
Thanks Brad, for all that you do
For those who got stuck on error using require function at 29:22
As of version 5, the default for nodeIntegration changed from true to false.
You can enable it, adding webPreferences object to new BrowserWindow function, and setting nodeIntegration to true:
app.on('ready', () => {
mainWindow = new BrowserWindow({
webPreferences: {
nodeIntegration: true
}
//other window options
});
});
21:08 Seems like you never used a MacOS based computer.
thank you bro
Really awesome and very helpful
I am using sqlite3 database with electron js app but when I am using sqlite3 and I refresh the page then suddenly blank page appears and it's shows like devtools was disconnected from the page when the Page is reloaded
If anyone have the solution then kindly give me solution
Thanks
23:00 Add this if Mac:
{
label: ' '
},
Do… do we HAVE to use Visual Studio? Some of us hate microsoft and are forced to use Windows but refuse their 'Service' software.
At 38:30. If you don't quite understand it, here's a shorter way of doing it that does the exact same thing. And its easier to understand.
const li = document.createElement('li');
li.innerHTML = item
ul.appendChild(li)
Thats it.
You just created a li HTML tag, put item into it (which translates to <li> item <li> in HTML) and then append the <li> to the <ul>.
What he does is the exact same thing, but just 1 line longer lol XD
Thanks a lot! It helps me a lot.
Very nice, thank you!
The npm electron install command. Is that one time process or we should do that for each project?
This is also called electron with react? Or not
How to develop a user interface using electron js
When i run, i just get an empty window.
Looks like the HTML isnt loading.
For anyone getting errors at 39:53, in the Clear Items click event, remove the .webContents from mainWindow.webContents.send('item:clear')
Super helpful
Anyone have this build error?
WARNING: –asar does not take any arguments, it only has sub-properties (see –help)
Packaging app for platform win32 ia32 using electron v10.1.5
rcedit.exe failed with exit code 1. Fatal error: Unable to commit changes
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] package-win: `electron-packager . –overwrite –asar=true –platform=win32 –arch=ia32 –icon=assets/icons/win/icon.ico –prune=true –out=release-builds –version-string.CompanyName=CE –version-string.FileDescription=CE –version-string.ProductName="Shopping List"`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] package-win 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! C:UsersmmichaudAppDataRoamingnpm-cache_logs2020-11-02T23_38_39_826Z-debug.log
Thanks Brad this really helped me a lot. Just for people coming here, using electron v9 you can just do "mainWindow.loadfile('fileName')" instead of all the joining strings thing.
You code but rarely explain things in detail. For example mainWindow.loadURL(url…. what is that code doing? You re not explaining in the least bit, only doing
Awsome, Congratulations
Thanks you very much
where is the part 2 of this project? like having the database. Thank you sir.
Still a great tutorial!
谢谢分享