<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Neat Coder</title>
    <description>The latest articles on DEV Community by Neat Coder (@neatcoder).</description>
    <link>https://dev.to/neatcoder</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F421605%2F37abefca-e01b-420e-adeb-9af7ad561634.png</url>
      <title>DEV Community: Neat Coder</title>
      <link>https://dev.to/neatcoder</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/neatcoder"/>
    <language>en</language>
    <item>
      <title>Make a Github Profile Finder | Learn Ajax Get Requests</title>
      <dc:creator>Neat Coder</dc:creator>
      <pubDate>Tue, 12 Jan 2021 13:29:35 +0000</pubDate>
      <link>https://dev.to/neatcoder/make-a-github-profile-finder-learn-ajax-get-requests-3lf3</link>
      <guid>https://dev.to/neatcoder/make-a-github-profile-finder-learn-ajax-get-requests-3lf3</guid>
      <description>&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/7weVorqT89M"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;In this Video, you will be able to learn how to scrape data from a Public API and dynamically Update HTML Elements using Jquery and how to perform GET Requests in Jquery Ajax !!!&lt;/p&gt;

&lt;p&gt;Try The Live Demo at &lt;a href="https://git-profile-finder-neatcoder.netlify.app"&gt;https://git-profile-finder-neatcoder.netlify.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Get The Source Files from &lt;a href="https://github.com/Neat-Coder23/Github-Profile-Finder"&gt;https://github.com/Neat-Coder23/Github-Profile-Finder&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Support My Channel at &lt;a href="https://www.youtube.com/channel/UC_x91mqbyHX4-meYOpMxyUA?sub_confirmation=1"&gt;https://www.youtube.com/channel/UC_x91mqbyHX4-meYOpMxyUA&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Have Fun Coding !!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>tutorial</category>
      <category>javascript</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Make a Cool Typing Effect in just 5 Lines of JS code
🔥[Video Tutorial]</title>
      <dc:creator>Neat Coder</dc:creator>
      <pubDate>Wed, 06 Jan 2021 04:11:32 +0000</pubDate>
      <link>https://dev.to/neatcoder/make-a-cool-typing-effect-in-just-5-lines-of-js-code-video-tutorial-2n7f</link>
      <guid>https://dev.to/neatcoder/make-a-cool-typing-effect-in-just-5-lines-of-js-code-video-tutorial-2n7f</guid>
      <description>&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/5_1uMK163DY"&gt;
&lt;/iframe&gt;
&lt;br&gt;
&lt;br&gt;&lt;br&gt;
Hey Guys!!&lt;br&gt;
This is a New Video from My YouTube Channel !&lt;br&gt;
It's about designing a Cool Typing Effect !&lt;br&gt;
I've made a Live Demo for you to try at &lt;a href="https://cool-typing-effect-neatcoder.netlify.app"&gt;https://cool-typing-effect-neatcoder.netlify.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The Main objective of this tutorial is to implement something like this in less javascript code !&lt;/p&gt;

&lt;p&gt;The Code is Pretty Simple! It uses the setInterval() function to loop through a string and append each Letter in the String To an Empty &lt;span&gt; element..&lt;br&gt;
Then, the cursor blinking effect is done with CSS. It sets the border-right property of the span element to white color and again sets it to transparent ...&lt;br&gt;
So, I hope you got a Simple idea about this!&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;Get the Source files at &lt;a href="https://github.com/Sakindu-d/Cool_Typing_Effect"&gt;https://github.com/Sakindu-d/Cool_Typing_Effect&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Support My YT Channel at &lt;a href="https://www.youtube.com/channel/UC_x91mqbyHX4-meYOpMxyUA?sub_confirmation=1"&gt;https://www.youtube.com/channel/UC_x91mqbyHX4-meYOpMxyUA&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thank you! 😄😄😄&lt;/p&gt;

</description>
      <category>tutorial</category>
      <category>javascript</category>
      <category>devops</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Design a Simple Navbar with Cool Hover Effect in HTML, CSS and JavaScript [Video Tutorial]</title>
      <dc:creator>Neat Coder</dc:creator>
      <pubDate>Fri, 01 Jan 2021 10:54:44 +0000</pubDate>
      <link>https://dev.to/neatcoder/design-a-simple-navbar-with-cool-hover-effect-in-html-css-and-javascript-video-tutorial-3jif</link>
      <guid>https://dev.to/neatcoder/design-a-simple-navbar-with-cool-hover-effect-in-html-css-and-javascript-video-tutorial-3jif</guid>
      <description>&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/mjqvL1CiOjU"&gt;
&lt;/iframe&gt;
&lt;br&gt;
In this Video, you will be able to learn how to design a Simple Navbar with a Cool Hover Effect!&lt;br&gt;&lt;br&gt;
You can Support me by Subscribing my Channel and Liking my Videos at &lt;a href="https://www.youtube.com/channel/UC_x91mqbyHX4-meYOpMxyUA?sub_confirmation=1"&gt;https://www.youtube.com/channel/UC_x91mqbyHX4-meYOpMxyUA&lt;/a&gt;&lt;br&gt;
&lt;br&gt;&lt;br&gt;
Click the Bell icon to never miss any Upcoming Video !&lt;/p&gt;

</description>
      <category>tutorial</category>
      <category>ux</category>
      <category>javascript</category>
      <category>css</category>
    </item>
    <item>
      <title>How to run real-time Object-detection on Raspberry pi | 24fps</title>
      <dc:creator>Neat Coder</dc:creator>
      <pubDate>Sun, 04 Oct 2020 07:09:27 +0000</pubDate>
      <link>https://dev.to/neatcoder/how-to-run-real-time-object-detection-on-raspberry-pi-24fps-4fo8</link>
      <guid>https://dev.to/neatcoder/how-to-run-real-time-object-detection-on-raspberry-pi-24fps-4fo8</guid>
      <description>&lt;p&gt;Hi, I'm Sakindu from Sri Lanka...&lt;br&gt;
I'm new to Dev and this is my first post.&lt;/p&gt;

&lt;p&gt;So, many developers face issues when running advanced projects like object-detection on platforms like &lt;a href="https://rasberrypi.org" rel="noopener noreferrer"&gt;Rasberry pi&lt;/a&gt; that don't have GPU support. I tried out some popular ways of object-detection but it didn't work. So, &lt;br&gt;
I went through the internet to see what other devs had to say about this.. &lt;br&gt;
    At last, I found '&lt;a href="https://www.xailient.com" rel="noopener noreferrer"&gt;Xailient&lt;/a&gt;':it's a cloud-based platform for computer-vision which is an efficient way to perform object-detection on raspberry pi. You can read more on that &lt;a href="https://xailient-docs.readthedocs.io/en/latest/" rel="noopener noreferrer"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fencrypted-tbn0.gstatic.com%2Fimages%3Fq%3Dtbn%253AANd9GcRHwD3DtDMLcA9z_AJQMwMVxR9F_BdayLJM0A%26usqp%3DCAU" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fencrypted-tbn0.gstatic.com%2Fimages%3Fq%3Dtbn%253AANd9GcRHwD3DtDMLcA9z_AJQMwMVxR9F_BdayLJM0A%26usqp%3DCAU" alt="Raspberry pi"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
  
  
  &lt;em&gt;Prerequisites&lt;/em&gt;
&lt;/h1&gt;

&lt;p&gt;&lt;strong&gt;I assume that you have set up the following,&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;An account in Xailient(to get a private SDK link to the 
  SDK).&lt;/li&gt;
&lt;li&gt;A raspberry pi 3B/B+(I'm using 3B)(may require minimum 
  storage of 16GB).&lt;/li&gt;
&lt;li&gt;A working knowledge of &lt;strong&gt;Python&lt;/strong&gt; and &lt;strong&gt;&lt;a href="https://opencv.org" rel="noopener noreferrer"&gt;OpenCV&lt;/a&gt;&lt;/strong&gt;
&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fopencv.org%2Fwp-content%2Fuploads%2F2020%2F07%2Fcropped-OpenCV_logo_white_600x.png" alt="opencv"&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h1&gt;
  
  
  &lt;strong&gt;Let's get it done&lt;/strong&gt;
&lt;/h1&gt;
&lt;h2&gt;
  
  
  Download SDK
&lt;/h2&gt;

&lt;p&gt;Ok, when all is set up, you will have to install opencv on raspberry pi via PIP..just enter the following command on a new terminal.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="n"&gt;sudo&lt;/span&gt; &lt;span class="n"&gt;apt&lt;/span&gt; &lt;span class="n"&gt;install&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="n"&gt;y&lt;/span&gt; &lt;span class="n"&gt;python3&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="n"&gt;opencv&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;After that, go to &lt;a href="https://console.xailient.com/user/listModel" rel="noopener noreferrer"&gt;Xailient manage SDK&lt;/a&gt; page, build the face SDK(ARM32 for raspi) and you will have to download the SDK from that page and unzip it...&lt;/p&gt;

&lt;h2&gt;
  
  
  Add shared library to path
&lt;/h2&gt;

&lt;p&gt;This is required as the library depends on some dynamically loaded shared Libraries.You can add library path to bashrc script so that you dont need to export everytime you login.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="n"&gt;echo&lt;/span&gt; &lt;span class="err"&gt;“&lt;/span&gt;&lt;span class="n"&gt;export&lt;/span&gt; &lt;span class="n"&gt;LD_LIBRARY_PATH&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="n"&gt;LD_LIBRABRY_PATH&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;pathofSDK&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;/&lt;/span&gt;&lt;span class="n"&gt;Shared_arm32&lt;/span&gt;&lt;span class="err"&gt;”&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;bashrc&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Install Xailient FaceSDK
&lt;/h2&gt;

&lt;p&gt;To install the Xailient FaceSDK, run the Install.sh file that is inside the SDK folder. Go to the FaceSDK folder from your terminal and run the following command:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="o"&gt;/&lt;/span&gt;&lt;span class="n"&gt;Install&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;sh&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For more details on the installation process, you can refer to the Readme file that comes along with the FaceSDK.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Run sample face-detection code&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;The FaceSDK comes with sample code that demonstrates how to use and&lt;br&gt;
interact with the Xailient Face Detector Python library.&lt;/p&gt;

&lt;p&gt;Go to samples folder and run the &lt;em&gt;picam_streaming_demo.py&lt;/em&gt; script to run real-time face detection.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn-images-1.medium.com%2Fmax%2F1600%2F1%2APnQINQZTniF2VmHteTfkVQ.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn-images-1.medium.com%2Fmax%2F1600%2F1%2APnQINQZTniF2VmHteTfkVQ.gif" alt="face detection"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Voila!!! You have your face detection project ready!!!&lt;/p&gt;

&lt;p&gt;If you have any issues, feel free to comment in comments section...&lt;/p&gt;

</description>
      <category>raspberrypi</category>
      <category>ai</category>
      <category>python</category>
      <category>opencv</category>
    </item>
  </channel>
</rss>
