Desenvolvendo Aplicativo de Navegação de Artigos com Electron.js

Visão geral do curso

Bem-vindo ao nosso curso! Neste curso, estaremos desenvolvendo um aplicativo de navegação usando Electron.js, Node.js, Html, Css e Javascript. O nome do aplicativo que estamos desenvolvendo é FArticle, que recupera resultados de artigos para nós. Usamos o serviço de API do mediawiki para encontrar resultados de artigos e exibi-los ao usuário. Além disso, adicionamos uma opção de idioma ao nosso aplicativo, para que os usuários possam acessar os resultados da pesquisa em turco ou inglês, se desejarem. Também podemos incluir outros idiomas em nosso aplicativo. As tecnologias que usamos são Node.js, Electron.js, Javascript e CSS. Primeiro, fazemos as instalações necessárias para nosso aplicativo. Usamos o pacote electron-reload para Electron.js e realizamos a instalação do isolamento de contexto. Outra funcionalidade que adicionamos são os favoritos. Se o usuário desejar, ele pode marcar um artigo e acessá-lo novamente na página de favoritos, ou excluí-lo se desejar. Para a funcionalidade de exclusão, usamos a API de arrastar e soltar e dataTransfer. Também adicionamos a funcionalidade de manter um histórico de pesquisas em nosso aplicativo. Mantemos um registro de cada pesquisa feita pelo usuário e exibimos na página de histórico. E esses registros de histórico podem ser excluídos. Podemos excluir todos os registros de histórico ou excluir pesquisas feitas nas últimas 1 hora, últimas 5 horas, último dia ou último ano. Por fim, outra funcionalidade que usamos em nosso aplicativo é o modo de tema. Aqui, usando as funções ipcRenderer e ipcMain do Electron.js, criamos opções para tema claro ou escuro. Você pode acessar este projeto que desenvolvemos através do repositório do GitHub. Você também pode acessar a página deste curso pelo endereço do GitHub. Você pode acessar os ícones que usamos na página do GitHub e pode usar os arquivos en.json e tr.json que usamos para seleção de idioma. Se desejar, você pode adicionar outros idiomas, pois a função que usamos para idioma funcionará de forma dinâmica.

O que você aprenderá

• Desenvolvimento de aplicativos Web e multiplataforma
• Electron.js