<?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; JavaScript</title>
	<atom:link href="http://productivityblog.com.ua/?feed=rss2&#038;tag=javascript" 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>Довгоочікуваний документ і криптовалюти</title>
		<link>http://productivityblog.com.ua/?p=2752</link>
		<comments>http://productivityblog.com.ua/?p=2752#comments</comments>
		<pubDate>Mon, 13 Nov 2017 18:06:08 +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[cryptocurrency]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[mining]]></category>
		<category><![CDATA[monero]]></category>
		<category><![CDATA[phD]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=2752</guid>
		<description><![CDATA[Доброго вечора вам, друзі!
Даруйте, що давненько не писав – як завжди – тренінги, ремонт:-), “пари” тощо. Обіцяю – найшвидшим часом я виправлюсь та опублікую наступну частину розповіді про повернення до життя застарілих машин з допомогою Linux.
А сьогодні я хочу поділитись з вами своєю радістю.    Як ви знаєте, в травні цього року я [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго вечора вам, друзі!</p>
<p align="justify">Даруйте, що давненько не писав – як завжди – тренінги, ремонт:-), “пари” тощо. Обіцяю – найшвидшим часом я виправлюсь та опублікую наступну частину розповіді про повернення до життя застарілих машин з допомогою Linux.</p>
<p align="justify">А сьогодні я хочу поділитись з вами своєю радістю.    <br />Як ви знаєте, в травні цього року я захистив кандидатську дисертацію з інформаційних технологій (рукопис та автореферат я, звісно ж, скоро викладу у вільний доступ), подав документи до МОН та УкрІНТЕІ (вірніше, це для мене зробила моя вірна помічниця – дружина:-)), й весь цей час чекав на підтвердження. Близько місяця тому (наказом МОН України № 1367 &quot;<a href="http://mon.gov.ua/content/%D0%94%D1%96%D1%8F%D0%BB%D1%8C%D0%BD%D1%96%D1%81%D1%82%D1%8C/%D0%9D%D0%B0%D1%83%D0%BA%D0%B0/atestaciya/2017/10/zdobuvachi-nakaz-11.10.17-%E2%84%961367.rar">Про затвердження рішень Атестаційної колегії Міністерства щодо присвоєння вчених звань і присудження наукових ступенів</a>&quot; від 11 жовтня 2017 року) мій вчений ступінь було затверджено, а минулої п’ятниці я, нарешті, отримав й “паперове” підтвердження – диплом кандидата наук! Wow!</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2017/11/PhD-enh.jpg"><img title="PhD-enh" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="PhD-enh" src="http://productivityblog.com.ua/wp-content/uploads/2017/11/PhD-enh_thumb.jpg" width="589" height="404" /></a></p>
<p>Ось тепер вже я можу з повним правом вказувати жадану абревіатуру <strong>Ph.D</strong>!<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/2017/11/wlEmoticon-smile1.png" /></p>
<p align="justify">А друга річ, яку я хотів вам сказати – це попросити про невеличку допомогу. Справа в тому, що останнім часом я дуже зацікавився дарквебом, Tor’ом, I2P, криптовалютами тощо й вирішив трохи поекспериментувати, додаючи посилання на майнер на початку тексту кожного нового повідомлення.</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2017/11/image6.png"><img title="image" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: right; padding-top: 0px; padding-left: 0px; margin: 0px 0px 0px 10px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2017/11/image_thumb6.png" width="184" align="right" height="240" /></a>Я не хочу робити так, як Pirate Bay та інші сайти – <strong>все буде прозоро і залежатиме лише від вас</strong>, друзі – якщо вас зацікавила якась стаття, будьте ласкаві, <a href="http://ppc-se.droppages.com/miner" target="_blank">натиснути на посилання</a> на її початку, яке відкриє в новій вкладинці сторінку (вихідні коди – на <a href="https://codepen.io/liketaurus/pen/wPeoMW" target="_blank">Codepen</a>, все чесно), в яку я додав інтерфейс веб-майнера однієї з небагатьох криптовалют, які ще є сенс добувати на процесорі, а також зробив лічильник вашого внеску з можливістю подивитись, якій сумі в гривні це відповідає.</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/2017/11/wlEmoticon-smile1.png" />, а я буду вам вельми за це вдячний.</p>
<p align="justify">Посилання на цю ж сторінку, плюс майнер у форматі банера (знову ж таки – процес починається <strong>лише якщо ви натиснете кнопку </strong>“Start mining”) я розмістив також у бічній панелі блогу.</p>
<p align="justify">До речі, <strong>вже дуже скоро я розповім про результати мого експерименту з криптовалютами і поділюсь своїми враженнями від майнінгу у переглядачі</strong>.</p>
<p align="justify">До зустрічі за тиждень, друзі!    <br />Хай вам щастить! Бережіть себе!</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%3D2752&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=2752"></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=2752"  data-text="Довгоочікуваний документ і криптовалюти" 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=2752" 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=2752"></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=2752</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Прибульці з веб у світі ПК &#8211; як вдома</title>
		<link>http://productivityblog.com.ua/?p=2321</link>
		<comments>http://productivityblog.com.ua/?p=2321#comments</comments>
		<pubDate>Mon, 14 Mar 2016 17:30:26 +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[Chrome]]></category>
		<category><![CDATA[file manager]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[Node.JS]]></category>
		<category><![CDATA[TiddlyWiki]]></category>
		<category><![CDATA[Total Commander]]></category>
		<category><![CDATA[wiki]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=2321</guid>
		<description><![CDATA[Доброго вечора, друзі!
Я вже трохи набрид вам своїми роздумами про майбутнє програмного забезпечення, та те, чому саме навички веб-розробки є найважливішими у наш час, тож сьогодні я хочу зробити невеличку перерву і просто розповісти про три чудові локальні веб-застосунки, які ви можете використовувати вже зараз замість десктопних аналогів.

Точніше – це справжні десктопні програми, але створені [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго вечора, друзі!</p>
<p align="justify">Я вже трохи набрид вам своїми роздумами про майбутнє програмного забезпечення, та те, чому саме навички веб-розробки є найважливішими у наш час, тож сьогодні я хочу зробити невеличку перерву і просто розповісти про три чудові локальні веб-застосунки, які ви можете використовувати вже зараз замість десктопних аналогів.</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2016/03/image1.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2016/03/image_thumb1.png" width="585" height="438" /></a></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-smile1.png" />, другу – знайшов не так давно і був вражений тим, яка вона чудова, а на третю натрапив зовсім недавно…</p>
<p>  <span id="more-2321"></span><br />
<h4>Поки не почали</h4>
<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-smile1.png" />) клієнтська мова програмування для веб-застосунків – це JavaScript. А ми знаємо, що найкращий друг JavaScript – це <a href="https://nodejs.org/en/" target="_blank">Node.js</a><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-smile1.png" />, тож для двох з програм, про які ми будемо говорити далі нам знадобиться встановити node.js і ввести пару команд в консолі. Але ж це не проблема, чи не так?</p>
<p>Тож почнемо!</p>
<p>&#160;</p>
<h4>Файловий менеджер у браузері</h4>
<p align="justify">Який файловий менеджер ви використовуєте? Впевнений, що більшість користувачів ПК мого віку скажуть – <a href="http://www.ghisler.com/" target="_blank">Total Commander</a> (колишній Windows Commander), або назвуть інший “ортодоксальний”<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-smile1.png" /> двопанельний файловий менеджер (<a href="http://www.mucommander.com/" target="_blank">muCommander</a>, <a href="https://x-diesel.com/" target="_blank">Unreal Commander</a>, може, навіть, <a href="https://www.farmanager.com/download.php?l=ru" target="_blank">FAR</a>). А оскільки останнім часом я особисто, як впевнений, і більшість з вас, вмикаю комп’ютер в першу чергу для того, щоб відкрити Chrome, мені дуже хотілося б робити в ньому абсолютно все, навіть керувати файлами. Донедавна я не міг знайти справжнього, повнофункціонального файлового менеджера для Chrome, а нещодавано – знайшов!</p>
<p align="justify">Тож зустрічайте – <strong><a href="http://ua.cloudcmd.io/" target="_blank">Cloud Commander</a></strong>. Як пишуть на сайті програми, це “двопанельний веб файл-менеджер з консоллю та редактором. Він допоможе вам керувати сервером та працювати з файлами, каталогами і програмами в браузері на будь-якому комп&#8217;ютері, смартфоні або планшеті”. І це дійсно так! З Total Commander, звісно, зрівнятись практично нікому не під силу, однак, Cloud Commander – це дуже непогана спроба це зробити!</p>
<p align="justify">Встановити його – дуже просто: відкриваєте консоль node.js і вводите таку команду:</p>
<pre><code><strong>npm i cloudcmd -g</strong></code></pre>
<p>Для запуску – там же вводимо таку команду:</p>
<pre><code><strong>cloudcmd</strong></code></pre>
<p align="justify">Все! Після цього можна в новій вкладці Chrome переходити за адресою <a href="http://localhost:8000"><strong>http://localhost:8000</strong></a><strong>&#160;</strong>і насолоджуватись!<strong><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-smile1.png" />&#160;</strong>Виглядає програма просто чудово:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2016/03/image2.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_thumb2.png" width="589" height="309" /></a></p>
<p>&#160;</p>
<h4>Записник у браузері</h4>
<p align="justify">Наступну “програму” я використовував вже більше десяти років тому – носив її з собою на “флешці” (тоді вона її ємність була всього 256Мб<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-smile1.png" />)&#160; у якості персонального записника, навіть зробив на її основі пару сайтів…</p>
<p align="justify">Мова йде про <strong><a href="http://tiddlywiki.com/" target="_blank">TiddlyWiki</a>&#160;</strong>– веб-записник, який чудово працює з Node.js. Встановити її так само просто, як і Cloud Commander – просто пишемо в консолі:</p>
<pre><strong>npm install -g tiddlywiki</strong></pre>
<p align="justify">а потім:</p>
<pre><strong>tiddlywiki mynewwiki --init server</strong></pre>
<p align="justify">і ще ось це – для запуску:</p>
<pre><strong>tiddlywiki mynewwiki --server</strong></pre>
<p align="justify">Все! Йдемо у Chrome за адресою <strong>http://127.0.0.1:8080/</strong> і бачимо ось таку картину:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2016/03/image3.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_thumb3.png" width="589" height="362" /></a></p>
<p align="justify">Wow! Починаємо створювати нотатки!</p>
<p>&#160;</p>
<h4>Цілий медіацентр у браузері!</h4>
<p align="justify">І нарешті, “апогей нашого апофейозу” – справжній медіацентр (на кшталт XBMC, чи як він нині називається, <a href="https://kodi.tv/" target="_blank">Kodi</a>) у браузері! Wow!</p>
<p>Зустрічайте, <strong><a href="http://mediacenterjs.com/" target="_blank">MediacenterJS</a></strong>!</p>
<p align="justify">Це просто диво! Підтримуються основні формати медіафайлів, є <a href="https://github.com/jansmolders86/mediacenterjs-windows/raw/master/setup.exe" target="_blank">інсталяційний пакет</a> (вам не доведеться користуватись консоллю, якщо це когось напружувало), є підтримка дистанційного керування і документація для розробників, які прагнуть додати нові можливості до цього й так чудового продукту<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-smile1.png" />. Виглядає це теж чудово:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2016/03/image4.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_thumb4.png" width="585" height="273" /></a></p>
<p align="justify">Звісно, це не всі чудові приклади використання веб-технологій на декстопних ОС – список можна подовжувати й подовжувати (згадаймо, наприклад, про <a href="https://atom.io/" target="_blank">Atom</a> або <a href="https://code.visualstudio.com/" target="_blank">VisualStudio Code</a>, або навіть <a href="https://node-os.com/" target="_blank">NodeOS</a> – цілу операційну систему на базі Node.js). Однак, цього вже достатньо аби підтвердити мій тезис про значення веб-програмування!<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-smile1.png" /></p>
<p align="justify">Що ж, на цьому на сьогодні все.<br />
  <br />До зустрічі за тиждень! Бережіть себе, друзі!</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%3D2321&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=2321"></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=2321"  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=2321" 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=2321"></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=2321</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>
		<item>
		<title>Вчитись, аби досягти більшого у Новому році</title>
		<link>http://productivityblog.com.ua/?p=2257</link>
		<comments>http://productivityblog.com.ua/?p=2257#comments</comments>
		<pubDate>Mon, 28 Dec 2015 17:00:43 +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[різне]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[Brainbench]]></category>
		<category><![CDATA[Google Play]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[Solo Learn]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>

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

Сьогоднішнім повідомленням [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго дня вам, друзі!</p>
<p align="justify">Кінуць року, як завжди, виявився дуже напруженим – я проводив тренінги один за одним, майже не бував вдома, і вже просто мріяв про той час напередодні Нового року, коли нарешті я зможу трошки відпочити. Відпочити, на жаль, так досі й не вдається, однак, сьогодні я хочу розповісти не про це. </p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2015/12/image3.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2015/12/image_thumb3.png" width="585" height="256" /></a></p>
<p align="justify">Сьогоднішнім повідомленням я хочу вбити двох зайців одразу – по перше, розповісти про ще одну цікаву та зручну можливість для навчання “на ходу”, а по-друге – привітати всіх вас, друзі, з наступаючим Новим роком.</p>
<p>  <span id="more-2257"></span>
<p align="justify">Однак, про все по черзі. Коли я говорив про навчання “на ходу” я мав на увазі використання свого мобільного пристрою як для опанування навчального матеріалу, так і для складання іспитів з вивченого. Виконувати на мобільному практичні завдання – теж не проблема, проте, це вже трохи інша тема.</p>
<p align="justify">Перші ж два завдання легко виконуються з допомогою мобільних застосунків від компанії <a href="http://www.sololearn.com/" target="_blank">Solo Learn</a>, яка пропонує <a href="https://play.google.com/store/apps/developer?id=SoloLearn" target="_blank">досить непоганий набір</a> тренінгів, серед яких є JavaScript, HTML, CSS, JAVA та інші. Всі додатки виглядають абсолютно однаково і пропонують теоретичний матеріал невеличкого обсягу у поєднанні з поточними тестами. У кінці кожного тренінгу можна скласти підсумковий тест і отримати сертифікат, який підтверджує успішне проходження навчання. Виглядає він приблизно так:</p>
<p align="justify"><img alt="Відображається &quot;1450807725214.jpg&quot;" src="https://lh3.googleusercontent.com/PTEF6zOH6a6nJT9eLq86SRQVG3cCkLgGWm_myroC5jwJOdwO2DXQPu28sZ1JBFQbDlk91Q=w1884-h774" /></p>
<p align="justify">Маленьке зауваження – аби мати змогу отримати сертифікат з вашим іменем на ньому, вам потрібно буде зареєструватись або увійти, скориставшись вашим обліковим записом Google, Facebook або Twitter. Ще одна вигода від цього – ви зможете також&#160; навчатись на “великому ПК” <a href="http://www.sololearn.com/" target="_blank">через браузер</a>, а потім – знову повернутись до мобільного й продовжити курс з того ж місця. Одним словом – раджу спробувати. Впевнений – вам сподобається. Хоч слід зробити ще одне зауваження – навчання такого роду буде для вас корисним лише за умови, що ви вже маєте певні знання з теми курсу, оскільки обсяг теорії тут дійсно невеликий й більше уваги приділяється саме тестуванню.</p>
<p align="justify">До речі, про тестування – на сайті Brainbench можна <a href="https://www.brainbench.com/testcenter/taketest/jQuery-2.1/3307" target="_blank">безкоштовно скласти іспит з jQuery</a>, платити доведеться лише за сертифікат (близько $5), тож якщо цікавить ця тема, – поспішайте скористатись цією пропозицією.</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/2015/12/wlEmoticon-smile2.png" />. </p>
<p align="justify"><strong><font color="#c0504d">Я хочу привітати всіх вас, друзі, з наступаючим Новим роком, побажати вам нових успіхів, як у професійній сфері, так і в особистому житті, добрих статків та міцного здоров’я аби їх здобути. </font></strong></p>
<p align="justify"><strong><font color="#c0504d">Бережіть себе, друзі! Хай вам щастить у Новому році, і нехай він буде ще кращим, аніж рік, що минає! До зустрічі у 2016 році! Не забувайте про мене, заходьте частіше!<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/2015/12/wlEmoticon-smile2.png" /></font></strong></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%3D2257&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=2257"></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=2257"  data-text="Вчитись, аби досягти більшого у Новому році" 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=2257" 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=2257"></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=2257</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	
</channel>
</rss>
