<?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: Hugo Sandoval</title>
    <description>The latest articles on DEV Community by Hugo Sandoval (@hhsm95).</description>
    <link>https://dev.to/hhsm95</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%2F276506%2F0e338902-bd6b-4506-85c7-3a627c85bf76.png</url>
      <title>DEV Community: Hugo Sandoval</title>
      <link>https://dev.to/hhsm95</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hhsm95"/>
    <language>en</language>
    <item>
      <title>Python useful list functions: map, filter, find and reduce</title>
      <dc:creator>Hugo Sandoval</dc:creator>
      <pubDate>Wed, 15 Sep 2021 23:56:32 +0000</pubDate>
      <link>https://dev.to/hhsm95/python-useful-list-functions-map-filter-find-and-reduce-2e0o</link>
      <guid>https://dev.to/hhsm95/python-useful-list-functions-map-filter-find-and-reduce-2e0o</guid>
      <description>&lt;p&gt;Hello everyone, I made a small recap of these super useful list functions in Python: map, filter, find, reduce.&lt;/p&gt;

&lt;p&gt;Let’s start defining our array.&lt;/p&gt;

&lt;p&gt;Defining our array of objects&lt;br&gt;
For example, we gonna use some fruits and their price and quantity.&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;fruits&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="s"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s"&gt;"Apple"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="s"&gt;"units"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;3&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="s"&gt;"price"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;0.25&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="s"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s"&gt;"Mango"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="s"&gt;"units"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;6&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="s"&gt;"price"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;0.35&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="s"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s"&gt;"Banana"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="s"&gt;"units"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;4&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="s"&gt;"price"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;0.15&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now I have a developer blog, continue reading this post here: &lt;a href="https://hhsm95.dev/blog/python-useful-list-functions-map-filter-find-and-reduce/"&gt;https://hhsm95.dev/blog/python-useful-list-functions-map-filter-find-and-reduce/&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>python</category>
      <category>list</category>
      <category>map</category>
      <category>filter</category>
    </item>
    <item>
      <title>Javascript useful array functions: map, filter, find and reduce</title>
      <dc:creator>Hugo Sandoval</dc:creator>
      <pubDate>Wed, 15 Sep 2021 00:16:19 +0000</pubDate>
      <link>https://dev.to/hhsm95/javascript-useful-array-functions-map-filter-find-and-reduce-5gnn</link>
      <guid>https://dev.to/hhsm95/javascript-useful-array-functions-map-filter-find-and-reduce-5gnn</guid>
      <description>&lt;p&gt;Hello everyone, I made a small recap of these super useful array functions in JavaScript: map, filter, find, reduce.&lt;/p&gt;

&lt;p&gt;Let’s start defining our array.&lt;/p&gt;

&lt;h2&gt;
  
  
  Defining our array of objects
&lt;/h2&gt;

&lt;p&gt;For example, we gonna use some fruits and their price and quantity.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;fruits&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Apple&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;units&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;3&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;price&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;0.25&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Mango&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;units&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;6&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;price&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;0.35&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Banana&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;units&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;4&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;price&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;0.15&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;];&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now I have a developer blog, continue reading this post here: &lt;a href="https://hhsm95.dev/blog/javascript-useful-array-functions-map-filter-find-and-reduce/"&gt;https://hhsm95.dev/blog/javascript-useful-array-functions-map-filter-find-and-reduce/&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>javascript</category>
      <category>arrays</category>
      <category>map</category>
      <category>filter</category>
    </item>
    <item>
      <title>Easily deploy your Python Flask web apps online with Gitlab and Heroku</title>
      <dc:creator>Hugo Sandoval</dc:creator>
      <pubDate>Tue, 14 Sep 2021 04:04:22 +0000</pubDate>
      <link>https://dev.to/hhsm95/easily-deploy-your-python-flask-web-apps-online-with-gitlab-and-heroku-1pmp</link>
      <guid>https://dev.to/hhsm95/easily-deploy-your-python-flask-web-apps-online-with-gitlab-and-heroku-1pmp</guid>
      <description>&lt;h1&gt;
  
  
  About the tools
&lt;/h1&gt;

&lt;p&gt;We will start with a summary of the tools that we will use:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;VS Code: Popular code editor.&lt;/li&gt;
&lt;li&gt;Flask: Small web server that we can set up with little code.&lt;/li&gt;
&lt;li&gt;Gunicorn: A simple WSGI HTTP Server in which we can mount Flask.&lt;/li&gt;
&lt;li&gt;Postman: An easy platform to test our Rest APIs.&lt;/li&gt;
&lt;li&gt;Gitlab: Version control service in the cloud and DevOps integration.&lt;/li&gt;
&lt;li&gt;Heroku: Platform that allows us to upload projects and deploy them online.&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  What do we need?
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;Create your web app with Flask.&lt;/li&gt;
&lt;li&gt;Prepare your project repository with Gitlab.&lt;/li&gt;
&lt;li&gt;Create an account in Heroku.&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Configuring our project: Flask and Gunicorn
&lt;/h1&gt;

&lt;p&gt;In this section we gonna prepare our Flask app, the Heroku deploy file and the Gitlab CI configuration.&lt;/p&gt;

&lt;p&gt;Now I have a developer blog, continue reading this post here: &lt;a href="https://hhsm95.dev/blog/easily-deploy-python-flask-app-with-gitlab-heroku/"&gt;https://hhsm95.dev/blog/easily-deploy-python-flask-app-with-gitlab-heroku/&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>gitlab</category>
      <category>heroku</category>
      <category>flask</category>
      <category>python</category>
    </item>
    <item>
      <title>Simple React DataTable</title>
      <dc:creator>Hugo Sandoval</dc:creator>
      <pubDate>Thu, 16 Jul 2020 15:36:05 +0000</pubDate>
      <link>https://dev.to/hhsm95/simple-react-datatable-495c</link>
      <guid>https://dev.to/hhsm95/simple-react-datatable-495c</guid>
      <description>&lt;p&gt;Hi everyone, this time I want to show you a simple component that I made in React JS to visualize and manage your data in a table.&lt;/p&gt;

&lt;p&gt;It's inspired in the popular JQuery library &lt;a href="https://datatables.net/"&gt;DataTables&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Features
&lt;/h2&gt;

&lt;p&gt;The next are the features that I added so far.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Set title of columns.&lt;/li&gt;
&lt;li&gt;Set rows per page.&lt;/li&gt;
&lt;li&gt;Filter the data.&lt;/li&gt;
&lt;li&gt;Pagination control.&lt;/li&gt;
&lt;li&gt;On row click callback.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Now I have a developer blog, continue reading this post here: &lt;a href="https://hhsm95.dev/blog/simple-react-datatable/"&gt;https://hhsm95.dev/blog/simple-react-datatable/&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>react</category>
      <category>datatable</category>
      <category>javascript</category>
      <category>ui</category>
    </item>
    <item>
      <title>Python Facebook Posts Scraper with Requests and BeautifulSoup4</title>
      <dc:creator>Hugo Sandoval</dc:creator>
      <pubDate>Wed, 13 May 2020 03:51:47 +0000</pubDate>
      <link>https://dev.to/hhsm95/python-facebook-posts-scraper-with-requests-and-beautifulsoup4-273a</link>
      <guid>https://dev.to/hhsm95/python-facebook-posts-scraper-with-requests-and-beautifulsoup4-273a</guid>
      <description>&lt;p&gt;A few weeks ago I wrote about the &lt;a href="https://dev.to/hhsm95/using-user-agent-to-scraping-data-lli"&gt;Importance of using User Agents when we scrap data&lt;/a&gt;, and my examples shows the response from Twitter when we used the correct User Agent. This time I want to do the same but Facebook. We gonna scrape the posts in users profiles, Facebook pages and groups.&lt;/p&gt;

&lt;h3&gt;
  
  
  What we gonna get?
&lt;/h3&gt;

&lt;p&gt;A list of items with the next values:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;params&lt;/th&gt;
&lt;th&gt;description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;published&lt;/td&gt;
&lt;td&gt;Formatted datetime of published&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;description&lt;/td&gt;
&lt;td&gt;Post text content&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;images&lt;/td&gt;
&lt;td&gt;List of images in posts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;post_url&lt;/td&gt;
&lt;td&gt;The unique post url&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;external_links&lt;/td&gt;
&lt;td&gt;External links found in description&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;like_url&lt;/td&gt;
&lt;td&gt;The Like url&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Now I have a developer blog, continue reading this post here: &lt;a href="https://hhsm95.dev/blog/python-facebook-posts-scraper-with-requests-and-beautifulsoup4/"&gt;https://hhsm95.dev/blog/python-facebook-posts-scraper-with-requests-and-beautifulsoup4/&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>facebook</category>
      <category>webscraping</category>
      <category>api</category>
      <category>python</category>
    </item>
    <item>
      <title>The importance of use User Agent to Scraping Data</title>
      <dc:creator>Hugo Sandoval</dc:creator>
      <pubDate>Thu, 30 Apr 2020 02:16:16 +0000</pubDate>
      <link>https://dev.to/hhsm95/using-user-agent-to-scraping-data-lli</link>
      <guid>https://dev.to/hhsm95/using-user-agent-to-scraping-data-lli</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PP4P_FNi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/5v50bq0fqtvzwycioofa.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PP4P_FNi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/5v50bq0fqtvzwycioofa.png" alt="User Agent" title="Capture from Firefox extension User-Agent Switcher"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Using User Agent isn't a common practice by many scrapers and crawlers developers. But it is important to know that using the correct User Agent can help and make easy the scraping tasks of many websites.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is a User Agent?
&lt;/h2&gt;

&lt;p&gt;The User Agent is a text string that the client sends through the headers of a request, and serves as an identifier for the type of device, operating system and browser that we are using. This information tells the server that, for example, we are using Google Chrome 80 browser and a computer with Windows 10. And therefore, the server prepares a response intended for that type of device.&lt;/p&gt;

&lt;p&gt;Now I have a developer blog, continue reading this post here: &lt;a href="https://hhsm95.dev/blog/the-importance-of-using-user-agent-to-scraping-data/"&gt;https://hhsm95.dev/blog/the-importance-of-using-user-agent-to-scraping-data/&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>webscraping</category>
      <category>python</category>
      <category>requests</category>
      <category>useragent</category>
    </item>
  </channel>
</rss>
