<?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; web-development</title>
	<atom:link href="http://productivityblog.com.ua/?feed=rss2&#038;tag=web-development" 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>Raspberry для веб-розробника</title>
		<link>http://productivityblog.com.ua/?p=2903</link>
		<comments>http://productivityblog.com.ua/?p=2903#comments</comments>
		<pubDate>Wed, 27 Jun 2018 15:32:12 +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[IDE]]></category>
		<category><![CDATA[Raspberry]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[web-development]]></category>

		<guid isPermaLink="false">http://productivityblog.com.ua/?p=2903</guid>
		<description><![CDATA[Доброго дня вам, друзі!
Нарешті сьогодні захистились останні шестеро наших дипломників, залишилось лише написати й здати звіти, і все! Останній тиждень був дуже напруженим – спочатку захист результатів практики з “Технологій розробки програмного забезпечення” на ІІІ курсі, потім – іспит з “Об’єктно-орієнтованого програмування” в одній групі, тренінг з PowerBI (який видався досить тяжким – я більше [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго дня вам, друзі!</p>
<p align="justify">Нарешті сьогодні захистились останні шестеро наших дипломників, залишилось лише написати й здати звіти, і все! Останній тиждень був дуже напруженим – спочатку захист результатів практики з “Технологій розробки програмного забезпечення” на ІІІ курсі, потім – іспит з “Об’єктно-орієнтованого програмування” в одній групі, тренінг з PowerBI (який видався досить тяжким – я більше звик до розробників та адмінів, аніж до бізнес-користувачів), потім іспит ще в одній групі, три дні захистів дипломних робіт, і вже зовсім скоро на мене чекає нова група на PowerBI…</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2018/06/image2.png"><img title="image" style="border: 0px currentcolor; border-image: none; margin-right: auto; margin-left: auto; float: none; display: block; background-image: none;" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2018/06/image_thumb1.png" width="585" height="390" /></a></p>
<p align="justify">Однак, я все ж таки хотів би поділитись з вами ще одним застосуванням Raspberry, а точніше – як використати його в один з тих способів, для яких його було винайдено<img class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2018/06/wlEmoticon-smile2.png" /></p>
<p>  <span id="more-2903"></span>
<p align="justify">Я маю на увазі використання Raspberry як машинки для студента-розробника ПЗ. Потужний планшет, лептоп або “великий” ПК “вдарить по кишені”, а малюка Raspberry може собі дозволити майже кожен. Невеличкий (можливо, старий або навіть автомобільний) монітор, миша та клавіатура – і все – ви маєте практично повноцінну робочу станцію!</p>
<p align="justify">Звісно ж, “важкі” повнофункціональні IDE цей малюк просто “не потягне” – процесор, все ж таки, слабенький, та й “оперативки” лише 1 Гб… Однак, повторюсь – “малинка” – це практично повноцінний ПК, який може бути для вашого проекту і сервером, робочою станцією, або обома одночасно!</p>
<p align="justify">Я пробував використовувати малюка обома способами – як сервер для відлагодження коду, і дійсно як робочу станцію розробника.</p>
<p align="justify">
<h4 align="justify">“Малиновий” сервер</h4>
<p align="justify">Тут все просто – слід встановити веб-сервер та інші необхідні вам пакети (php, mysql, nodejs…) Я не буду витрачати ваш час, розповідаючи про те, як становити apache<img class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2018/06/wlEmoticon-smile2.png" /> – це все описано вже багато разів. Якщо з цим, все ж таки, потрібна допомога, раджу почитати <a href="https://howtoraspberrypi.com/how-to-install-web-server-raspberry-pi-lamp/" target="_blank">ось цю статтю</a>. А ще – <a href="http://thisdavej.com/beginners-guide-to-installing-node-js-on-a-raspberry-pi/" target="_blank">ось цей талмуд</a>, з якого ви дізнаєтесь не тільки про те, як встановити NodeJS, а й як налагодити віддалене керування “малинкою” тощо. </p>
<p align="justify">Також багато корисної інформації на тему Raspberry ви знайдете <a href="http://dmitrysnotes.ru/arduino-rpi" target="_blank">в цьому блозі</a>.</p>
<p align="justify">З власного досвіду – в ролі веб-сервера “малинка” працює дуже непогано (що й недивно). Єдине, що я раджу додати – це <a href="http://www.apachegui.net/" target="_blank">ApacheGUI</a> – простий веб-інтерфейс для керування вашим веб-сервером. Детальніше про встановлення пакету читайте <a href="https://www.techrepublic.com/article/how-to-configure-monitor-and-manage-apache-with-apachegui/" target="_blank">тут</a>. </p>
<p align="justify"><a href="http://www.apachegui.net/post/2/screenshots" target="_blank"><img title="image" style="border: 0px currentcolor; border-image: none; margin-right: auto; margin-left: auto; float: none; display: block; background-image: none;" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2018/06/image3.png" width="589" height="471" /></a></p>
<p align="justify">До речі, <a href="http://www.webmin.com/" target="_blank">Webmin</a> також дозволяє налагоджувати Apache (як і багато-багато іншого, а з крутою темою <a href="http://theme.winfuture.it/" target="_blank">BWTheme</a> він виглядає просто фантастично!).</p>
<p align="justify">
<p align="justify">
<h4 align="justify">“Малинова” робоча станція</h4>
<p align="justify">А тепер поговоримо про розробку коду прямо на Raspberry. Так, він не вражає швидкодією, однак, туди можна встановити, наприклад, <a href="https://code.visualstudio.com/" target="_blank">Visual Studio Code</a>, однак, якщо ви завантажите свіжу збірку для Linux з сайту Microsoft, ви все одно не зможете її встановити – не та архітектура процесора<img class="wlEmoticon wlEmoticon-smile" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2018/06/wlEmoticon-smile2.png" /></p>
<p align="justify">Що ж робити? Або <a href="https://www.hanselman.com/blog/BuildingVisualStudioCodeOnARaspberryPi3.aspx" target="_blank">зібрати з вихідних кодів</a> самому, або скористатись готовим пакетом, ба <a href="https://code.headmelted.com/" target="_blank">навіть з скриптом встановлення</a>!</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2018/06/image4.png"><img title="image" style="border: 0px currentcolor; border-image: none; margin-right: auto; margin-left: auto; float: none; display: block; background-image: none;" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2018/06/image_thumb2.png" width="585" height="292" /></a></p>
<p align="justify">Результат – працюючий (повільно, проте, працюючий) VS Code на “малинці”!</p>
<p align="justify">До речі, можна також погратись з різноманітними веб-IDE. Я навіть не пробував відкрити на “малинці” мою улюблену <a href="https://aws.amazon.com/ru/cloud9/?origin=c9io" target="_blank">Cloud9</a> – думаю, браузер буде дуже “гальмувати” (хоч, треба буде спробувати). Однак, ви можете спробувати встановити (так, встановити!) на Raspberry дещо простіші продукти на кшталт <a href="https://github.com/adafruit/Adafruit-WebIDE" target="_blank">Adafruit WebIDE</a>, <a href="http://codiad.com/" target="_blank">Codiad</a> або <a href="https://googlecreativelab.github.io/coder/" target="_blank">Google Coder</a>.</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2018/06/image5.png"><img title="image" style="border: 0px currentcolor; border-image: none; margin-right: auto; margin-left: auto; float: none; display: block; background-image: none;" border="0" alt="image" src="http://productivityblog.com.ua/wp-content/uploads/2018/06/image_thumb3.png" width="589" height="265" /></a></p>
<p align="justify">На крайній випадок – якщо буде “тупити” – можна буде використовувати IDE з інших пристроїв в локальній мережі.</p>
<p>На цій позитивній ноті я з вами прощаюсь.    <br />До зустрічі за тиждень, друзі! Веселого вам кодування!<img class="wlEmoticon wlEmoticon-smile" style="style" alt="Smile" src="http://productivityblog.com.ua/wp-content/uploads/2018/06/wlEmoticon-smile2.png" /> Хай вам щастить!</p>
<p align="justify">P.S. Забув сказати – мені здалось, що описані в цьому повідомленні продукти (та й сама “малинка”) краще працюють не з Raspbian, а з <a href="https://ubuntu-mate.org/raspberry-pi/" target="_blank">Ubuntu Mate</a>…</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%3D2903&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=2903"></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=2903"  data-text="Raspberry для веб-розробника" 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=2903" 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=2903"></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=2903</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Навчаємось вдома на реальних проектах</title>
		<link>http://productivityblog.com.ua/?p=2327</link>
		<comments>http://productivityblog.com.ua/?p=2327#comments</comments>
		<pubDate>Mon, 04 Apr 2016 12:09:06 +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[різне]]></category>
		<category><![CDATA[codepen]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[freeCodeCamp]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[online services]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[web-development]]></category>

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

Однак, часто онлайнові курси все-ж таки більше орієнтовані на закріплення [...]]]></description>
			<content:encoded><![CDATA[<p>Доброго дня вам, друзі!</p>
<p align="justify">Я вже не раз писав про дві важливі тенденції нашого часу: можливість самостійно здобути <a href="http://www.slideshare.net/liketaurus/ss-34345691" target="_blank">освіту онлайн</a> та зростаючу роль <a href="http://productivityblog.com.ua/?p=2168" target="_blank">веб-програмування</a>. Так, зараз не становить жодних проблем знайти потрібний вам навчальний курс у мережі (досить часто – навіть безкоштовний!), немає проблем і сертифікуватись онлайн.</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2016/04/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/04/image_thumb.png" width="574" height="569" /></a></p>
<p align="justify">Однак, часто онлайнові курси все-ж таки більше орієнтовані на закріплення і перевірку наявних знань, а не на набуття нових (як, наприклад, курси від <a href="http://productivityblog.com.ua/?p=2257" target="_blank">Solo Learn</a>), а сертифікація передбачає просто відповідь на запитання тестів. Це теж непогано, однак, є кращий шлях! Сьогодні я хочу розповісти вам про сертифікацію для фронт-енд розробників (і не тільки), яка є принципово відмінною.</p>
<p>  <span id="more-2327"></span>
<p align="justify">Мова в нас піде про <a href="https://www.freecodecamp.com/" target="_blank">freeCodeCamp</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/04/wlEmoticon-smile.png" />, і зрештою, допомогти неприбутковим організаціям.</p>
<p align="justify">Навчання – абсолютно безкоштовне. Так, деякі розділи теорії поки що не завершені (ви відчуєте це лише коли перейдете до сертифікації з візуалізації даних), однак, завдання сформульовані, є приклади їх виконання та вимоги до розв’язання.</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/04/wlEmoticon-smile.png" /></p>
<p align="justify">Не так давно я пройшов <a href="https://www.freecodecamp.com/challenges/claim-your-front-end-development-certificate" target="_blank">програму сертифікації для фронт-енд розробників</a>, яка розрахована на більше ніж 477 годин(!), і я у захваті! Практичні завдання виконуються у формі “живих” додатків на <a href="http://codepen.io/" target="_blank">codepen.io</a>, тож одночасно ви отримуєте й портфоліо власних проектів. Всі завдання з алгоритмізації виконуються на сайті freeCodeCamp, одразу ж проходять тестування, і лише за умови успішного виконання всіх тестів ви можете піти далі. До того ж, алгоритми розглядаються дійсно фундаментальні, тож, мабуть, наступного року я буду пропонувати ці завдання моїм студентам на “Теорії алгоритмів”!</p>
<p align="justify">Якщо Вам цікаво, ось так виглядає мій сертифікат:</p>
<p align="justify"><a href="http://productivityblog.com.ua/wp-content/uploads/2016/04/freeCodeCamp.png"><img title="freeCodeCamp" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="freeCodeCamp" src="http://productivityblog.com.ua/wp-content/uploads/2016/04/freeCodeCamp_thumb.png" width="589" height="471" /></a></p>
<p align="justify">А ось <a href="https://www.freecodecamp.com/liketaurus" target="_blank">мій профайл</a>, де ви можете ознайомитись з усіма розв’язаннями виконаних мною завдань. До речі, одне з завдань початкового рівня – це саме створення власного портфоліо. Ось, наприклад, <a href="http://codepen.io/liketaurus/full/KzapQz/" target="_blank">моє</a>.</p>
<p align="justify">Зараз я з задоволенням поринув у вивчення <a href="https://facebook.github.io/react/" target="_blank">React</a> і <a href="http://sass-lang.com/" target="_blank">Sass</a>, збираюсь продовжити виконання завдань (415 годин!) аби отримати <a href="https://www.freecodecamp.com/challenges/claim-your-data-visualization-certificate" target="_blank">сертифікат у галузі візуалізації даних</a>. А ще ж є сертифікація для бек-енд розробників та “повна” сертифікація!</p>
<p align="justify">Чудово те, що з freeCodeCamp ви не тільки вивчаєте матеріал, а й одразу ж застосовуєте його на практиці і <strong>тільки за умови успішного застосування набутих знань отримуєте бажаний папірець</strong>! Wow! Дуже рекомендую!</p>
<p align="justify">Що ж, на цьому на сьогодні все!   <br />До зустрічі за тиждень, друзі! Бережіть себе!    <br />І пам’ятатйте – вчитись – ніколи не пізно!<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/04/wlEmoticon-smile.png" /></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%3D2327&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=2327"></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=2327"  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=2327" 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=2327"></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=2327</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	
</channel>
</rss>
