|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/javascript-nodejs-nwjs/
课程评论：没有评论
本课程旨在帮助学员利用网页开发知识，通过 JavaScript 轻松开发 Windows 本地应用程序。课程将涵盖在 Windows 环境下使用 Node.js 和 NW.js（原 node-webkit）进行应用程序开发所需的核心知识，并提供丰富的实例。 **学完本课程，您将能够：** * 搭建 Windows 开发环境。 * 创建可分发的应用程序。 * 熟练运用 Node.js 和 NW.js。 * 掌握文件访问等本地应用程序开发所需技能。 * 使用 JavaScript 和 Node.js 创建 Windows CUI（命令行界面）应用程序。 * 使用 HTML、JavaScript 和 NW.js 创建 Windows GUI（图形用户界面）应用程序。 课程中的所有代码均可作为示例代码下载。 **课程内容包含：** **一、CUI 应用准备 (Node.js)** * Node.js 的介绍、安装和使用。 **二、Node.js 参考** * 路径与文件操作。 * 文件读写与执行。 * 网络通信。 * 其他（如 ZIP 文件的读写）。 **三、CUI 应用开发实例** * “目录文件列表”应用：显示拖放目录下的文件列表，可保存为文本文件。 * “本地服务器打开指定文件”应用：拖放 HTML 文件后启动本地服务器并在浏览器中打开，方便 Web 开发调试。 **四、GUI 应用准备 (NW.js)** * NW.js 的介绍、安装和使用。 * 如何制作可分发的文件。 **五、GUI 应用开发实例** * “字符编码转换”应用：通过 GUI 进行字符编码转换，包含文件打开/保存对话框和文件拖放加载功能。 * “为 Web 应用添加自定义功能”应用：加载指定 URL 的 Web 应用，并添加保存按钮等自定义功能，实现 Web 应用本地化或功能扩展。 * “搜索排名自动保存”应用：自动操控浏览器，保存多个关键词的搜索结果排名，可作为网站自动巡检、定期发布等应用的基础。 * “网页图片抓取”应用：利用 NW.js 提供的屏幕截图功能，抓取网页画面，可用于定期保存图片或制作缩略图。 本课程精选的应用程序实例，大部分源代码在 100-200 行左右，易于理解和修改。学员可以通过免费预览确认各应用程序的实际运行效果。 通过本课程，您将能充分利用 JavaScript、HTML、CSS 等前端知识，轻松开发出功能丰富的 Windows 本地应用程序！
このコースは、Webページ作成の知識を利用して、JavaScriptで、Windows用のローカルアプリケーションを、手軽に開発する方法を網羅しています。 node.js、NW.js（旧node-webkit）をWindows環境で使いこなし、アプリケーション開発を行うために必要な知識と、豊富な作例をまとめています。 このコースを習得すれば、次のような事ができるようになります。 - Windowsでの開発環境の構築。 - 配布可能なアプリケーションの作成。 - node.js、NW.jsの利用。 - ファイルアクセスなど、ローカルアプリケーション開発に必要な知識の習得。 - JavaScriptとnode.jsを利用した、Windows用CUIアプリケーションの作成。 - HTML、JavaScript、NW.jsを利用した、Windows用GUIアプリケーションの作成。 コースで紹介されるコードは、サンプルコードとして、全てダウンロードすることができます。 本講座では、Windowsでの開発環境の構築からはじめ、ファイルアクセスなど、ローカルアプリケーション開発に必要な知識を学び、配布可能なアプリケーションを作成するまでをマスターします。 ‥‥‥‥‥‥‥‥‥‥ このコースは、以下のように進みます。 ● CUIアプリの準備(node.js) ・node.jsの紹介、導入、使い方。 ● node.jsのリファレンス ・パスとファイル。ファイル読み書き、実行。通信。その他（ZIPの読み書き）。 ● CUIアプリの開発 ・「ディレクトリ内のファイル一覧」アプリ ・「指定ファイルをローカルサーバーで開く」アプリ ● GUIアプリの準備(NW.js) ・NW.jsの紹介、導入、使い方。配布ファイルの作り方。 ● GUIアプリの開発 ・「文字コード変換」アプリ ・「Webアプリに独自機能を追加」アプリ ・「検索順位の自動保存」アプリ ・「Webページ画像キャプチャ」アプリ ‥‥‥‥‥‥‥‥‥‥ このコースでは、以下のようなアプリケーションを作ります。ほとんどのアプリは、ソースコードが100～200行ほどで、容易に理解、改造が行えます。 各アプリケーションの動作は、無料プレビューで確認可能です。 ●「ディレクトリ内のファイル一覧」アプリ ドラッグ＆ドロップしたディレクトリの、「ディレクトリ内のファイル一覧」を、表示するアプリです。 Windowsの「送る」にショートカットを保存しておけば、手軽にディレクトリ内のファイル一覧を、テキストファイルとして得ることができます。 ●「指定ファイルをローカルサーバーで開く」アプリ HTMLファイルなどをドラッグ＆ドロップすると、ローカルサーバーを起動して、ブラウザで開くアプリケーションです。 セキュリティ上の問題（ファイルを読み込むなど）で、Webページにファイルを置いてからWebブラウザで確認することは、Web開発の現場ではよくあります。 そうした際に、手軽にサーバーを起動させて、ローカルのIPアドレスでWebページを確認する。このアプリケーションのショートカットを、Windowsの「送る」に保存しておけば、Explorerの右クリックから、手軽にそうした確認ができるようになります。 ●「文字コード変換」アプリ GUI（ウィンドウ、入力欄、ボタン、プルダウンリストなどのユーザーインターフェース）で、文字コードを変換するアプリケーションです。 このアプリケーションは、ファイルを開くダイアログ、ファイルを保存ダイアログを利用するサンプルになっています。 また、ウィンドウへのファイルのドラッグ＆ドロップで、読み込むファイルを切り替えるコードのサンプルにもなっています。 ●「Webアプリに独自機能を追加」アプリ URL指定でWebアプリを読み込み、保存ボタンなどの独自機能を追加する、アプリケーションのサンプルです。 特定のWebサイトに、機能を追加したい。また、公開済みのWebアプリのローカル版を手軽に作りたい。そうした用途に使える技術です。 ここでは、「画像をセピア調に変換するWebアプリ」に、保存ボタンを外部から挿入して、保存機能を追加します。 ●「検索順位の自動保存」アプリ ブラウザを自動操縦して、複数のキーワードの、検索結果の順位を保存するアプリです。 サイトの自動巡回や定期投稿、そうしたアプリケーション作成のひな形にできる、サンプルです。NW.jsでは、こうした自動化ツールを簡単に作れます。 ●「Webページ画像キャプチャ」アプリ Webページの、スクリーンショットを撮影するアプリケーションです。 NW.jsには、ブラウザで表示している画面を、手軽に画像として得る機能が備わっています。そうした機能を利用して、ウェブページの画像を定期保存したり、サムネールを作ったりすることが可能です。 ‥‥‥‥‥‥‥‥‥‥ JavaScriptは、Webページの作成でよく利用されているプログラミング言語です。この簡単なプログラミング言語、そしてHTML、CSSといった知識を利用して、手軽にWindows向けローカルアプリケーションを作成しましょう！
