<?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>Forem: Duvan Moreno Cardona</title>
    <description>The latest articles on Forem by Duvan Moreno Cardona (@duvandev).</description>
    <link>https://forem.com/duvandev</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%2F587464%2F41ad6cde-5d97-46d3-8a7c-b120da37667e.jpeg</url>
      <title>Forem: Duvan Moreno Cardona</title>
      <link>https://forem.com/duvandev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/duvandev"/>
    <language>en</language>
    <item>
      <title>Pillars of AWS Well Architecture Framework - (Short and Sweet) 🍬</title>
      <dc:creator>Duvan Moreno Cardona</dc:creator>
      <pubDate>Fri, 03 Nov 2023 02:47:57 +0000</pubDate>
      <link>https://forem.com/duvandev/pillars-of-aws-well-architecture-framework-short-and-sweet-ab</link>
      <guid>https://forem.com/duvandev/pillars-of-aws-well-architecture-framework-short-and-sweet-ab</guid>
      <description>&lt;h2&gt;
  
  
  What is the Pillars of Well Architecture Framework? 🏛️
&lt;/h2&gt;

&lt;p&gt;Well Architecture Framework has six pillars 🏗️&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Operational Excellence 🏆&lt;/li&gt;
&lt;li&gt;Security 🔒&lt;/li&gt;
&lt;li&gt;Reliability 🌟&lt;/li&gt;
&lt;li&gt;Performance Efficiency 💻&lt;/li&gt;
&lt;li&gt;Cost Optimization 💰&lt;/li&gt;
&lt;li&gt;Sustainability 🌿&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What does each one mean? 🤔
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Operational Excellence:&lt;/strong&gt; Daily system operations, monitoring, and improvements. 🏃‍♂️🔍🔧&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Security:&lt;/strong&gt; Protect information and the system. 🔐&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Reliability:&lt;/strong&gt; Prevent and quickly recover from failures. 🚧🛠️&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Performance Efficiency:&lt;/strong&gt; Using computing resources efficiently. 🚀&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Cost Optimization:&lt;/strong&gt; Avoid unnecessary costs. 💲&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Sustainability:&lt;/strong&gt; Minimize environmental impacts of cloud workloads. ♻️🌎&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Why is it so important to know about them? 🤷‍♂️
&lt;/h2&gt;

&lt;p&gt;It's the most important framework to build IT infrastructure and make sure that our infrastructure is safe, reliable, and cost-effective. 📊💼&lt;/p&gt;

&lt;h2&gt;
  
  
  What are the key elements of each one? 🔑
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Operational:&lt;/strong&gt; Change automation, event response, and defining standards for daily operations. 🤖🚨📋&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Security:&lt;/strong&gt; Security Data, Protect systems, Detect security events, and Identity management and controls. 🛡️🔍👤&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Reliability:&lt;/strong&gt; Distributed system design, Recovery planning, and Handling changes. 🗺️🔌🔄&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Performance Efficiency:&lt;/strong&gt; Monitor performance, Select the right resources, and maintain efficiency according to changes. 📈🔍🔧&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Cost Optimization:&lt;/strong&gt; Analyze spending, Scale without overspending, Select the most appropriate resources, and control how money is spent. 💰📊💡&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Sustainability:&lt;/strong&gt; Emphasize energy efficiency, minimize resource usage, and understand environmental impacts when architecting cloud workloads. ♻️🔌🌍&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>aws</category>
      <category>cloudskills</category>
      <category>cloud</category>
    </item>
    <item>
      <title>How load CSV files in your Drive with Pandas.</title>
      <dc:creator>Duvan Moreno Cardona</dc:creator>
      <pubDate>Thu, 21 Apr 2022 12:27:14 +0000</pubDate>
      <link>https://forem.com/duvandev/how-load-csv-files-in-your-drive-with-pandas-3lni</link>
      <guid>https://forem.com/duvandev/how-load-csv-files-in-your-drive-with-pandas-3lni</guid>
      <description>&lt;h2&gt;
  
  
  1. Import Drive
&lt;/h2&gt;

&lt;p&gt;First we need import Drive in our Note Book, use this commands:&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="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;google.colab&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;drive&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  2. Mount your Google Drive
&lt;/h2&gt;

&lt;p&gt;Mount your Google Drive at the specified mount-point path.&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;drive&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;mount&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s"&gt;'/content/drive'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This command ask for permissions for use your Drive&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Import Pandas
&lt;/h2&gt;

&lt;p&gt;For load CSV in our Notebook, we use:&lt;/p&gt;

&lt;p&gt;Import Pandas&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="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;pandas&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="n"&gt;pd&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  4. Load CSV in Drive with Pandas
&lt;/h2&gt;

&lt;p&gt;Read CSV file with Pandas&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;pd&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;read_csv&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s"&gt;'/content/drive/My Drive/{csv location}'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;example&lt;/em&gt;&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;pd&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;read_csv&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s"&gt;'/content/drive/My Drive/Colab Notebooks'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If you CSV file has many pages, you can use this line&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;pd&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;read_excel&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s"&gt;'{csv_location}'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;sheetname&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;'{sheetname}'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;example&lt;/em&gt;&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;pd&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;read_excel&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s"&gt;'/content/drive/My Drive/Colab Notebooks'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;sheetname&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;'january accounting'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If the columns in your CSV is separate with special character, you can use:&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;pd&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;read_csv&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s"&gt;'/content/drive/My Drive/{csv location}'&lt;/span&gt; &lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;sep&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;'{special_character}'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;example&lt;/em&gt;&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;pd&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;read_csv&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s"&gt;'/content/drive/My Drive/Colab Notebooks'&lt;/span&gt; &lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;sep&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;'|'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>datascience</category>
    </item>
    <item>
      <title>How add React to one Website in 5 steps</title>
      <dc:creator>Duvan Moreno Cardona</dc:creator>
      <pubDate>Sat, 27 Feb 2021 17:56:44 +0000</pubDate>
      <link>https://forem.com/duvandev/how-add-react-to-one-website-in-5-steps-30h</link>
      <guid>https://forem.com/duvandev/how-add-react-to-one-website-in-5-steps-30h</guid>
      <description>&lt;p&gt;Add fronted frameworks on existing HTML with 5 steps. This article we learn how add React in this Website without create one NPM project or WebPack.&lt;/p&gt;

&lt;h1&gt;
  
  
  1. Create html
&lt;/h1&gt;

&lt;p&gt;first create simple HTML structure, in this case we create &lt;em&gt;index.html&lt;/em&gt; in main directory&lt;/p&gt;


&lt;div class="ltag_gist-liquid-tag"&gt;
  
&lt;/div&gt;


&lt;h1&gt;
  
  
  2. Add React CDN
&lt;/h1&gt;

&lt;p&gt;CDN (Content Delivery Network) refers to a geographically distributed groups of servers which work together to provide fast delivery of internet content, Allows quick transfer of assets needed for loading Internet Content including HTML pages, JavaScript files, Style-sheets, images, and videos.&lt;/p&gt;

&lt;p&gt;Fist we add the necessary CDN to embed React into website or HTML.&lt;/p&gt;


&lt;div class="ltag_gist-liquid-tag"&gt;
  
&lt;/div&gt;


&lt;p&gt;&lt;strong&gt;NOTE:&lt;/strong&gt; Is important add &lt;em&gt;crossorigin&lt;/em&gt; , is important cause enables a better error handling experience.&lt;/p&gt;

&lt;h1&gt;
  
  
  3. Create React Component.
&lt;/h1&gt;

&lt;p&gt;We create the React component, for this we create &lt;em&gt;app.js&lt;/em&gt; with next structure.&lt;/p&gt;


&lt;div class="ltag_gist-liquid-tag"&gt;
  
&lt;/div&gt;


&lt;h1&gt;
  
  
  4. Add React Component in your HTML
&lt;/h1&gt;

&lt;p&gt;Once created your React component, we need import it on HTML. once done imported your component.&lt;/p&gt;


&lt;div class="ltag_gist-liquid-tag"&gt;
  
&lt;/div&gt;


&lt;h1&gt;
  
  
  5. Add Logic into Component
&lt;/h1&gt;

&lt;p&gt;The logic that we can add is consume a REST API, &lt;a href="https://thecatapi.com/"&gt;https://thecatapi.com/&lt;/a&gt; we are call this API to show picture cats.&lt;/p&gt;

&lt;p&gt;Add variables in component&lt;/p&gt;


&lt;div class="ltag_gist-liquid-tag"&gt;
  
&lt;/div&gt;


&lt;p&gt;Create functions to GET API.&lt;/p&gt;


&lt;div class="ltag_gist-liquid-tag"&gt;
  
&lt;/div&gt;


&lt;p&gt;Add structure jsx tags&lt;/p&gt;


&lt;div class="ltag_gist-liquid-tag"&gt;
  
&lt;/div&gt;


&lt;h1&gt;
  
  
  Final project
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://duvanmorenocardona.github.io/React_on_HTML/"&gt;https://duvanmorenocardona.github.io/React_on_HTML/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Github repository&lt;/p&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/DuVanDev"&gt;
        DuVanDev
      &lt;/a&gt; / &lt;a href="https://github.com/DuVanDev/React_on_HTML"&gt;
        React_on_HTML
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;h1&gt;
  
  
  Conclusion
&lt;/h1&gt;

&lt;p&gt;This method we could add React in our existing projects, easy and without many changes in our project.&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>html</category>
      <category>babel</category>
    </item>
  </channel>
</rss>
