javascript 开发多种类型的应用(Electron 跨平台开发)


 Electron + Node.js + Javascript 做桌面应用

 Ionic + JavaScript 做移动应用

 Node.js + JavaScript 网站前后台

 Javascript + Tessl  做硬件


Electron 

Electron 框架的前身是 Atom Shell,可以让你写使用 JavaScriptHTMLCSS 构建跨平台的桌面应用程序。它是基于io.js 和 Chromium 开源项目,并用于在 Atom 编辑器中。Electron 是开源的,由 GitHub 维护,有一个活跃的社区。最重要的是,Electron 应用服务构建和运行在 Mac,Windows 和 Linux。



Developers bring ideas to life

Interesting open source apps are built on Electron.
  • Friends — Peer to peer chat
  • Hearthdash — Hearthstone tracker
  • Kart — Frontend for RetroArch
  • Mancy — REPL app
  • Monu — Process monitoring app
  • Mojibar — Emoji searcher
  • Chronocube — Rubik's cube timer
  • Explorer — Statistics the easy way
超酷的Electron资源列表

Table of Contents

  • Apps
  • Boilerplates
  • Tools
  • Components
  • Documentation
  • Articles
  • Videos
  • Podcasts
  • Community
  • Tips

Apps

Made with Electron.

Open Source

Featured
  • WebTorrent - Streaming torrent client.
  • Min - Minimal web browser.
  • Mancy - JavaScript REPL.
  • SpaceRadar - Interactive disk space and memory visualization.
  • Nocturn - Twitter client.
  • Mojibar - Emoji searcher in your menubar.
  • Playback - Video player.
  • Black Screen - Terminal emulator.
  • Atom - Code editor.
  • Visual Studio Code - Cross-platform IDE.
  • N1 - Extensible email client.
  • Brave - Privacy-focused web browser.
Other
  • Git-it - Teaches you Git and GitHub.
  • Caprine - Unofficial Facebook Messenger app.
  • Simplenote - Note keeper.
  • nuTorrent - BitTorrent client.
  • Abricotine - Markdown editor with inline preview.
  • Medis - Redis database management.
  • Kakapo - Ambient sound mixer for relaxation or productivity.
  • SmartMirror - Voice controlled smart mirror.
  • Koko - IRC client.
  • KeeWeb - Unofficial KeePass app.
  • Soundcast - Cast OS X audio to Chromecast from your menubar.
  • Gitify - GitHub notifications in your menubar.
  • Friends - P2P chat.
  • Cumulus - SoundCloud player in your menubar.
  • Kitematic - Docker container management.
  • FatFileFinder - Find large files on your machine.
  • ScreenCat - Screen sharing & remote collaboration.
  • Gulp - Run Gulp tasks from your menubar.
  • Mapbox Studio - Map designer.
  • LevelUI - LevelDB management.
  • Kart - Front-end for RetroArch.
  • Vmd - Preview Markdown files.
  • Kyoku - Displays current iTunes song.
  • GReader - Collect and read offline readme files of GitHub repos.
  • Leanote - Cloud notepad.
  • Snapper - Screen capturing & recording for Android devices.
  • Imagemin - Minify images.
  • We Build SG - Upcoming events & recently updated repos from webuild.sg.
  • Piglet - Run Grunt tasks from your menubar.
  • Yoda - Browse and download YouTube videos.
  • Loop Drop - MIDI looper and synth for live electronic music performances.
  • Fireball - Hackable game editor for creating mobile and HTML5 games.
  • Toby - YouTube player.
  • Kaku - Music player.
  • Yeoman - Scaffold projects using Yeoman.
  • Markn - Markdown viewer.
  • Shiba - Live Markdown preview with linting.
  • Yays - YouTube music player in your menubar.
  • TimoFM - DoubanFM music player.
  • Monu - Process monitoring.
  • Tèsèvè - Static webserver.
  • DevDogs - DevDocs.io API documentation.
  • Trendy - Trending GitHub repos in your menubar.
  • google-music-electron - Unofficial Google music app.
  • Pomodoro - Timer based on the Pomodoro Technique.
  • Sia-UI - Decentralized file storage system based on cryptocurrency technology.
  • MarkRight - GitHub flavored Markdown editor with live preview.
  • Mongotron - MongoDB management tool.
  • Colonizers - "Catan" inspired board game.
  • Eintopf - Manage development projects with Docker.
  • WhatsDesktop - Unofficial WhatsApp app.
  • Sqlectron - SQL client.
  • docker-indicator - Unofficial Docker menubar app.
  • Light Table - Code editor with instant feedback.
  • Tubehead - YouTube music player in your menubar.
  • Google Play Music Desktop Player - Unofficial Google Play Music app.
  • Chrome DevTools - Chrome DevTools packaged as an app.
  • Yeobara - Meetup check-in with beacon.
  • Proton - Markdown editor with live preview.
  • James - HTTP proxy to view and intercept browser requests.
  • DTCP - Twitter client.
  • Inbox - Unofficial Google Inbox app.
  • alienbox - Reddit inbox & notifier in your menubar.
  • tweet-rec - Tweet recording player.
  • Snippet Bar - Copy-paste & re-use text snippets in your menubar.
  • Electronic WeChat - Unofficial WeChat app.
  • dida - Add tasks to TickTick (滴答清单) with a shortcut.
  • FromScratch - Autosaving scratchpad.
  • Hawkpass - Password generator.
  • Gokotta - Music player.
  • Shake - Japanese Earthquake Early Warning Notifier.
  • Fog - Unofficial Overcast podcast app.
  • Wmail - Unofficial Gmail & Google Inbox app.
  • Boostnote - Markdown note app for developers.
  • Before Dawn - Screensaver tool.
  • Active Collab - Unofficial Active Collab app.
  • Hain - Launcher for Windows.
  • Catify - Utility for Spotify.
  • Minira - JIRA issues in your menubar.
  • Ansel - Image organizer.
  • Cuttle - UI for the ClojureScript compiler.
  • Sample apps - Sample apps to illustrate the usage of Electron APIs.
  • Build Checker App - Check CI-server build statuses.
  • Backer Timetracker - Tracks your time.
  • Ghost - A professional publishing platform.

Closed Source

  • GitKraken - Git client.
  • 1Clipboard - Universal clipboard manager.
  • Franz - Skype, Slack, Hangouts, WhatsApp, Grape, Telegram, FB Messenger, Hipchat in the same app.
  • Postman - Create and send HTTP requests.
  • Slack - Desktop version.
  • Avocode - Share design and collaborate.
  • Pixate - Mobile interaction designer.
  • Prepros - Compile almost any preprocessing language with live browser refresh.
  • Stremio - Media center.
  • Typetalk - Share and discuss ideas with your team through instant messaging.
  • Pingendo - Bootstrap prototyping.
  • Spreaker Studio - Audio recording and broadcasting.
  • MockingBot - Prototyping tool for designing apps.
  • Wire - Messenger and calling app.
  • Caret - Markdown editor.
  • Wagon - SQL editor.
  • SIV - Extensible image viewer.
  • Sync - Team group messaging. (Japanese)
  • Remember - Business card management. (Korean)
  • Pubu - Real-time chat for team communication. (Chinese)
  • BearyChat - Team messaging service. (Chinese)
  • MongoDB Compass - Official MongoDB app.

Boilerplates

  • electron-boilerplate (by sindresorhus) - Boilerplate to kickstart creating an app.
  • generator-electron - Scaffold out an app boilerplate.
  • electron-boilerplate (by szwacz) - Comprehensive boilerplate which even generates installers.
  • electron-react-boilerplate - Boilerplate based on React and webpack.
  • descjop - ClojureScript boilerplate for creating an app.

Tools

For Electron

  • electron-prebuilt - Install prebuilt Electron binaries for command-line use using npm.
  • electron-packager - Package and distribute your app.
  • electron-builder - Create installers.
  • electron-debug - Adds useful debug features.
  • electron-is-dev - Check if Electron is running in development.
  • electron-localshortcut - Add keyboard shortcuts locally to a window.
  • electron-gh-release - Auto-update by releasing on GitHub.
  • electron-release - Publish a new release of your app to GitHub.
  • electron-updater - Auto-updater leveraging npm to deploy updates.
  • fix-path - Fix the $PATH on OS X when run from a GUI app. Useful when spawning a child process.
  • auto-launch - Launch apps at system startup.
  • nuts - Releases server with auto-updater and GitHub as a backend.
  • electron-dl - Simplified file downloads.
  • electron-release-server - Self-hosted release server with front-end & auto-updater support.
  • electron-rebuild - Rebuild native Node.js modules against the currently installed Electron version.
  • electron-compile - Use ES2015, CoffeeScript, LESS, SCSS in your app without a precompilation step.
  • electron-positioner - Position windows at common spots.
  • electron-window-state - Save and restore window sizes and positions.
  • electron-drag - Improved window dragging.
  • debug-menu - Chrome-like "inspect element" context-menu.
  • electron-installer-debian - Create a Debian package.
  • electron-installer-redhat - Create a Red Hat package.
  • electron-installer-windows - Create a Windows package.
  • electron-sudo - Subprocesses with administrative privileges.
  • electron-json-storage - Write and read user settings.
  • electron-download - Download the Electron release zip from GitHub.
  • ipc-stream - Duplex stream over IPC.
  • is-electron-renderer - Check if your code is running in main or renderer.
  • electron-osx-sign - Code-signing for OS X apps.
  • electron-detach - Restart an Electron app as a detached process.
  • editor-framework - Easily create dockable IDE apps.
  • ember-electron - Build, test, and package Ember apps.
  • electrify - Package Meteor apps.
  • spectron - Test Electron apps using ChromeDriver.

Using Electron

  • devtool - Debug Node.js with Chrome DevTools.
  • nativefier - Create an app of any website.
  • electron-stream - Streaming wrapper.
  • Nightmare - High-level browser automation library (alternative to PhantomJS).
  • electron-pdf - Generate PDF from URL, HTML, or Markdown files on the command-line.
  • Geojsonapp - Preview GeoJSON locally.
  • electron-mocha - Run your Mocha tests in Electron.
  • electron-har - Command-line tool for generating HTTP Archive (HAR).

Components

  • Photon - UI toolkit for building beautiful apps.
  • React PhotonKit - Photon components built with React.
  • menubar - High-level way to create a menubar app.
  • cookies - Adds support for document.cookie.
  • window - Easily create and manage windows.
  • React Desktop - UI toolkit for OS X and Windows built with React.
  • electron-input-menu - Context menu for input elements.
  • chrome-tabs - Chrome like tabs.
  • titlebar - Emulate the OS X window titlebar.

Documentation

  • Quick Start
  • Official docs
  • Architecture overview

Articles

  • Electron Fundamentals
  • Building a desktop application with Electron
  • Codesigning your app for OS X
  • Auto-updating apps for Windows and OS X: The complete guide

Videos

  • Creating Desktop Apps with Electron
  • Packaging and Distributing Electron Desktop Apps
  • Multi Window Electron Desktop Apps
  • The State of Electron
  • Cross-Platform Desktop Apps with Electron
  • Building Native Desktop apps using Electron

Podcasts

  • JavaScript Jabber: Electron with Jessica Lord and Amy Palamountain

Community

  • Discuss
  • StackOverflow
  • @electronjs on Twitter
  • #atom-shell on Freenode
  • #electron on Atom Slack
  • electron-jp (Japanese)
  • electron-br (Brazilian Portuguese)
  • electron-kr (Korean)

Tips

Contribute some ;)

Contribute


  • Light Table — Customizable IDE
  • Playback — Experimental video player
  • ScreenCat — WebRTC screensharing
  • Geojsonapp — Preview geojson files
  • Menubar — Create menubar apps
  • Yeoman App — Scaffold projects
  • Laverna — Write & organize Markdown
  • Fastlane — Book Uber from your Mac






你可能感兴趣的:(编程语言)