<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ProductivityBlog.com.ua &#187; Electron</title>
	<atom:link href="http://productivityblog.com.ua/?feed=rss2&#038;tag=electron" rel="self" type="application/rss+xml" />
	<link>http://productivityblog.com.ua</link>
	<description>Поради з підвищення персональної продуктивності за допомогою програмного забезпечення і онлайнових сервісів</description>
	<lastBuildDate>Tue, 31 Mar 2026 13:41:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		
	<item>
		<title>Від браузера до телефону, а звідти&#8211;до ПК</title>
		<link>http://productivityblog.com.ua/?p=2308</link>
		<comments>http://productivityblog.com.ua/?p=2308#comments</comments>
		<pubDate>Wed, 09 Mar 2016 19:10:17 +0000</pubDate>
		<dc:creator>Alexander Babich</dc:creator>
				<category><![CDATA[Wow!]]></category>
		<category><![CDATA[онлайнові сервіси]]></category>
		<category><![CDATA[пристрої]]></category>
		<category><![CDATA[програмне забезпечення]]></category>
		<category><![CDATA[продуктивність]]></category>
		<category><![CDATA[різне]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[Electron]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Mobile]]></category>
		<category><![CDATA[PhoneGap]]></category>
		<category><![CDATA[PPC]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=2308</guid>
		<description><![CDATA[Доброго вечора вам, друзі!
Краще пізно, аніж ніколи я хочу привітати всіх жінок з Святом Весни – міжнародним жіночим днем 8 березня, і побажати щоб відчуття свята не обмежувалось одним днем, а супроводжувало їх протягом всього року.

Cьогодні я хотів би сказати кілька слів на продовження минулого запису, в якому я розповідав про участь команди нашого навчального [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго вечора вам, друзі!</p>
<p align="justify">Краще пізно, аніж ніколи<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2016/03/wlEmoticon-smile.png" /> я <strong><font color="#c0504d">хочу привітати всіх жінок з Святом Весни – міжнародним жіночим днем 8 березня, і побажати щоб відчуття свята не обмежувалось одним днем, а супроводжувало їх протягом всього року</font></strong>.</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2016/03/image.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2016/03/image_thumb.png" width="585" height="297" /></a></p>
<p align="justify">Cьогодні я хотів би сказати кілька слів на продовження минулого запису, в якому я розповідав про участь команди нашого навчального закладу в конкурсі ІТ-проектів “Infomatrix’216”. А точніше поділитись своїми міркуваннями про майбутнє програмного забезпечення.</p>
<p>  <span id="more-2308"></span>
<p align="justify">Справа в тому, що під час конкурсу нас досить часто питали, чому ми вирішили створити саме Андроїд-додаток. Звісно ж, відповідь очевидна – це найпопулярніша ОС для мобільних пристроїв. А майбутнє – за мобільними пристроями – вже зараз не те що десктопи, ба навіть лептопи поступово вимирають як клас, обсяги їх продажів невпинно скорочуються. </p>
<p align="justify">Так само вимирають й десктопні програми. Вже зараз основна програма на будь-якому комп’ютері – це браузер. Саме заради того, щоб відкрити Chrome ми найчастіше вмикаємо свій пристрій<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2016/03/wlEmoticon-smile.png" />. Тож майбутнє – за веб-застосунками, хмарою і т.п. Таким чином основне, що мають опанувати майбутні розробники – це технології веб-програмування. Якщо людина вміє створювати веб-застосунки, вона зможе програмувати також і під мобільні пристрої та десктопні ОС, оскільки межа між веб-, мобільною та десктопною розробкою все більше розмивається, використовуються одні й ті ж мови програмування, засоби і технології. До речі, сьогодні я бачив чудовий приклад веб-додатку, який працює локально й добре виконує функції, притаманні десктопним файловим менеджерам – <a href="http://ua.cloudcmd.io/" target="_blank">Cloud Commander</a>.</p>
<p align="justify">Інший приклад – наш проект “Кардіотест”. Ми створили його як веб-застосунок з використанням <a href="https://jquery.com/" target="_blank">jQuery</a>/<a href="https://jquerymobile.com/" target="_blank">jQuery Mobile</a>, а потім з допомогою <a href="https://build.phonegap.com/" target="_blank">Adobe PhoneGap Online Build</a> без жодних зусиль “запакували” у вигляді <a href="https://drive.google.com/file/d/0BweuCDmGnAnNbG0xYnhJLTdBTWM/view?usp=sharing" target="_blank">APK</a> – мобільного застосунку для Android.</p>
<p align="justify">Не так давно ми отримали схвальний відгук про наш проект від колег з Кременчуцького медичного коледжу, які також запитали, чи не можна використовувати “Кардіотест” на комп’ютерах під керуванням Windows під час занять? </p>
<p align="justify">Звісно ж, можна було порадити їм скористатись емулятором Android, яких нині існує досить багато – наприклад, <a href="http://www.bluestacks.com/ru/index.html?__dlrd=1" target="_blank">BlueStacks</a>.Однак, це ж веб-застосунок! Тож ми, знову ж таки без жодних зусиль, скористались <a href="https://nodejs.org/en/" target="_blank">Node.js</a> та технологією <a href="http://electron.atom.io/" target="_blank">Electron</a>,&#160; і з допомогою <a href="https://www.npmjs.com/package/electron-packager" target="_blank">Electron Packager</a> “запакували“ наш проект у вигляді <a href="https://drive.google.com/open?id=0BweuCDmGnAnNLWZGS2pBbUFhcWs" target="_blank">програми для Windows</a>! Для зручності ми створили інсталятор (з допомогою “класичного“ інструменту <a href="http://www.jrsoftware.org/isinfo.php" target="_blank">Inno Setup</a>). Все! Так само легко ми могли б створити програми для інших ОС.</p>
<p align="justify">Тож, як бачите, шлях “браузер – телефон – десктопна ОС” можна пройти дуже просто й легко, володіючи лише навичками веб-розробки! А майбутнім розробникам я б радив звернути увагу, як мінімум, на такі речі:</p>
<ul>
<li>
<div align="justify"><a href="http://www.w3schools.com/html/default.asp" target="_blank">HTML 5</a></div>
</li>
<li>
<div align="justify"><a href="http://www.w3schools.com/css/default.asp" target="_blank">CSS</a></div>
</li>
<li>
<div align="justify"><a href="https://www.javascript.com/" target="_blank">JavaScript</a></div>
</li>
<li>
<div align="justify"><a href="https://jquery.com/" target="_blank">jQuery</a>/<a href="http://jqueryui.com/" target="_blank">jQuery UI</a>/<a href="http://jquerymobile.com/" target="_blank">jQuery Mobile</a></div>
</li>
<li>
<div align="justify"><a href="http://phonegap.com/" target="_blank">PhoneGap</a>/<a href="https://cordova.apache.org/" target="_blank">Cordova</a></div>
</li>
<li>
<div align="justify"><a href="https://nodejs.org/en/" target="_blank">Node.js</a></div>
</li>
<li>
<div align="justify"><a href="http://nwjs.io/" target="_blank">NW.js</a>/<a href="http://electron.atom.io/" target="_blank">Electron</a></div>
</li>
<li>
<div align="justify">…</div>
</li>
</ul>
<p align="justify">Список можна продовжувати (я міг би легко збільшити його вдвічі, або й втричі), однак, це є саме той необхідний, базовий мінімум, який дозволить розробляти програми для будь-якої платформи. Тим більше, що вчитись в наш час можна можна <a href="http://www.slideshare.net/liketaurus/ss-34345691" target="_blank">онлайн</a>, безкоштовно й самотужки – було б бажання.</p>
<p>Що ж, на цьому на сьогодні, мабуть, все. До зустрічі за тиждень, друзі! Бережіть жінок і бережіть себе!<img class="wlEmoticon wlEmoticon-smile" style="border-top-style: none; border-left-style: none; border-bottom-style: none; border-right-style: none" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2016/03/wlEmoticon-smile.png" /></p>
<p>На закінчення цього запису я хотів би запитати вас – чи цікаво вам буде почитати про ті інструменти, прийоми і технології, які ми використовуємо в своїй роботі?</p>
<div class="bottomcontainerBox" style="border:1px solid #808080; border-radius:5px 5px 5px 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fproductivityblog.com.ua%2F%3Fp%3D2308&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://productivityblog.com.ua/?p=2308"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://productivityblog.com.ua/?p=2308"  data-text="Від браузера до телефону, а звідти&ndash;до ПК" data-count="horizontal" data-via="liketaurus"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://productivityblog.com.ua/?p=2308" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://productivityblog.com.ua/?p=2308"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>]]></content:encoded>
			<wfw:commentRss>http://productivityblog.com.ua/?feed=rss2&amp;p=2308</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	
</channel>
</rss>
