<?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: Diego Moura</title>
    <description>The latest articles on DEV Community by Diego Moura (@diegomouradev).</description>
    <link>https://dev.to/diegomouradev</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%2F367194%2F1d89988b-608b-43e4-b74e-68624b7ceaea.jpeg</url>
      <title>DEV Community: Diego Moura</title>
      <link>https://dev.to/diegomouradev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/diegomouradev"/>
    <language>en</language>
    <item>
      <title>One year as a self-taught dev and employed!📚</title>
      <dc:creator>Diego Moura</dc:creator>
      <pubDate>Sun, 21 Mar 2021 22:20:24 +0000</pubDate>
      <link>https://dev.to/diegomouradev/one-year-as-a-self-taught-dev-and-employed-1lc9</link>
      <guid>https://dev.to/diegomouradev/one-year-as-a-self-taught-dev-and-employed-1lc9</guid>
      <description>&lt;p&gt;This post, in any way, attempts to be a road map for becoming anything. So don't try and make sense of any particular order I present some of the things I learned. First, because this post would be rather long if I were to enumerate all the fantastic things I came across, and second because they may not follow any particular order, other than how it will come to me while I try to piece this together. &lt;/p&gt;

&lt;p&gt;Soon it will be one year of my journey into teaching myself a new career, and it's funny how it came full-circle. I started to code with HTML and CSS, static websites and not a lot of fuzz. Now, on my 9-5, I do pretty much the same thing, plus a little programming here and there. &lt;/p&gt;

&lt;p&gt;It was crucial to me to get as much of each language's fundamentals as I could think of when I started with them. I put it in such a worldly manner because now I realize that what I thought were fundamental, more often than not, were just the very basics. I just started to brush the surface of the fundamentals. Lol!&lt;/p&gt;

&lt;p&gt;Let's take HTML, for example. I realize I know very little about meta tags, ARIA code, or the canvas element and its API. On the other hand, I strive to write semantic HTML considering the content-management side of things and the assistive technology side of things. I can use the srcset property to load images based on the user's device resolution or bandwidth limitation, saving them time with faster loads and money with extra unused downloaded content.&lt;/p&gt;

&lt;p&gt;I even had professional experience in the ancient art of HTML tables for newsletter templating. Which in and out itself was a patience exercise, but also a great lesson in building deeply nested structures (and why we should avoid that!)&lt;/p&gt;

&lt;p&gt;Between the things, I have professional experience or a solid, researched and tested knowledge on the topic, and things I know very little, are the things I'm acquaintance. Like forms and their input fields! They both are ubiquitous elements of the web. They are also sort of dynamic when passed in attributes, in the way those attributes can trigger a response from the DOM based on conditions. Take in the case of a validation error on a password field, for example. I would say forms and input fields are my topic of choice for studying HTML at the moment.&lt;/p&gt;

&lt;p&gt;In particular, because forms are the pillar of the front-end I'm building for my NodeJS back-end project. But that's a topic for the next time I try to write something.&lt;/p&gt;

&lt;p&gt;Until next time! Bye!&lt;/p&gt;

</description>
      <category>html</category>
      <category>codenewbie</category>
      <category>career</category>
      <category>learning</category>
    </item>
    <item>
      <title>First Impressions ANNE PRO 2</title>
      <dc:creator>Diego Moura</dc:creator>
      <pubDate>Sat, 26 Dec 2020 00:42:22 +0000</pubDate>
      <link>https://dev.to/diegomouradev/first-impressions-anne-pro-2-1dk7</link>
      <guid>https://dev.to/diegomouradev/first-impressions-anne-pro-2-1dk7</guid>
      <description>&lt;p&gt;What better way to test a new keyboard than actually typing on it? My friend lent me his Anne Pro 2, and so far, this little keyboard has amazed me with its power.&lt;/p&gt;

&lt;p&gt;It uses brow switches and four fully customizable layouts, and the possibilities are endless. Its compact size makes it perfect for travel or working-from-home adventures into different rooms (aka the kitchen.)&lt;/p&gt;

&lt;p&gt;I saw tones of tutorials where people share their setups for the different layers. Still, I first need to get used to the super tall keys it has compared to my Apple Magic Key before venturing myself with configurations.&lt;/p&gt;

&lt;p&gt;That's it for me, guys! As I said, this was my very first test on the new keyboard, and so far, my impressions are excellent.&lt;/p&gt;

</description>
      <category>mechanickeyboards</category>
      <category>keeb</category>
    </item>
    <item>
      <title>1 month of learning to code (check-in)⌨️</title>
      <dc:creator>Diego Moura</dc:creator>
      <pubDate>Wed, 13 May 2020 01:13:10 +0000</pubDate>
      <link>https://dev.to/diegomouradev/1-month-of-learning-to-code-check-in-5fmd</link>
      <guid>https://dev.to/diegomouradev/1-month-of-learning-to-code-check-in-5fmd</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--508c7tyi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/12gutwg8eln0fsln3925.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--508c7tyi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/12gutwg8eln0fsln3925.jpg" alt="programmer"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Photo by Max Duzij on Unsplash&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Tomorrow, May 13, I complete one month of pursuing a new career as a front-end developer. It feels like more when I think the number of things I've learned, podcasts I heard, and blogs I read.&lt;/p&gt;

&lt;h2&gt;
  
  
  The path to follow
&lt;/h2&gt;

&lt;p&gt;Over those 30 days, I started to build a path for myself in regards to the topics, languages and tools I wanted to incorporate in my skill set. So, which other better way to validate my experience so far, then to share my ideas with my community and ask for feedback.&lt;/p&gt;

&lt;p&gt;Below is just a list of topics I'm currently studying or plan to tackle soon. Attention! I'm not considering frameworks as of yet, but I would appreciate opinions of when you think I should start.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;I will post at the end, some of the projects I've been working on, feel free to give feedback on those as well.&lt;/strong&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  HTML
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;DOM&lt;/li&gt;
&lt;li&gt;BEM model&lt;/li&gt;
&lt;li&gt;Semantics&lt;/li&gt;
&lt;li&gt;Forms&lt;/li&gt;
&lt;li&gt;Accessibility (ARIA)&lt;/li&gt;
&lt;li&gt;Emmet&lt;/li&gt;
&lt;li&gt;Responsive Images&lt;/li&gt;
&lt;li&gt;SEO&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  CSS
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Resetting x Normalizing&lt;/li&gt;
&lt;li&gt;Selectors (Pseudo / Attribute)&lt;/li&gt;
&lt;li&gt;Sass (Scss)&lt;/li&gt;
&lt;li&gt;SVG (creation and manipulation)&lt;/li&gt;
&lt;li&gt;Box Model&lt;/li&gt;
&lt;li&gt;Layout (float/ flex/ grid)&lt;/li&gt;
&lt;li&gt;Animation (Webkit/ transform/ transition)&lt;/li&gt;
&lt;li&gt;Responsive / Mobile first (Media query)&lt;/li&gt;
&lt;li&gt;Browser support&lt;/li&gt;
&lt;li&gt;CSSOM&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Javascript
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;I'm following the book Eloquent Javascript as the base to guide my studies*&lt;/li&gt;
&lt;li&gt;Values, Types, and Operators&lt;/li&gt;
&lt;li&gt;Program Structure&lt;/li&gt;
&lt;li&gt;Functions&lt;/li&gt;
&lt;li&gt;Data Structures: Objects and Arrays&lt;/li&gt;
&lt;li&gt;Higher-order Functions&lt;/li&gt;
&lt;li&gt;Bugs and Errors&lt;/li&gt;
&lt;li&gt;Regular Expressions&lt;/li&gt;
&lt;li&gt;Modules&lt;/li&gt;
&lt;li&gt;Asynchronous Programming&lt;/li&gt;
&lt;li&gt;JavaScript and the Browser&lt;/li&gt;
&lt;li&gt;The Document Object Model&lt;/li&gt;
&lt;li&gt;Handling Events&lt;/li&gt;
&lt;li&gt;Drawing on Canvas&lt;/li&gt;
&lt;li&gt;HTTP and Forms&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Tools
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;NPM&lt;/li&gt;
&lt;li&gt;GIT&lt;/li&gt;
&lt;li&gt;Github&lt;/li&gt;
&lt;li&gt;Server&lt;/li&gt;
&lt;li&gt;Network&lt;/li&gt;
&lt;li&gt;Node.js&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;a href="https://diegomouradev.github.io/natour-landing-page-floats-course/"&gt;Natours Landing Page&lt;/a&gt;&lt;br&gt;
&lt;a href="https://diegomouradev.github.io/fylo-dark-theme/"&gt;Fylo Landing Page&lt;/a&gt;&lt;br&gt;
&lt;a href="https://diegomouradev.github.io/four-card-feature-section-master/"&gt;Four Cards Section&lt;/a&gt;&lt;br&gt;
&lt;a href="https://diegomouradev.github.io/single-price-grid-component-master/"&gt;Single Price Grid&lt;/a&gt;&lt;/p&gt;

</description>
      <category>codenewbie</category>
      <category>career</category>
      <category>frontend</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Code newbie and anxiety!</title>
      <dc:creator>Diego Moura</dc:creator>
      <pubDate>Wed, 06 May 2020 01:43:00 +0000</pubDate>
      <link>https://dev.to/diegomouradev/code-newbie-and-anxiety-1f13</link>
      <guid>https://dev.to/diegomouradev/code-newbie-and-anxiety-1f13</guid>
      <description>&lt;p&gt;I had plans to write about something different today. I even started on the post where I talk about my career change, moving to Canada, and how all that led me to web development, but I'm feeling a little anxious, and my first advice to destress is to - &lt;strong&gt;PUT IT OUT THERE!&lt;/strong&gt; -. &lt;/p&gt;

&lt;p&gt;Anxiety feeds on itself, and other thoughts. The more we let it locked inside our heads, the faster and bigger it grows. So, &lt;strong&gt;PUT IT OUT THERE!&lt;/strong&gt; Either on a post here on dev.to, over the phone with a friend, or however you feel comfortable doing it.&lt;/p&gt;

&lt;p&gt;For me, in particular, I rather seek guidance, advice or a kind response in people I don't really know that well, over family or close friends. You may find that weird, but that's the only way I don't feel judge. When I'm anxious, the sightless condescending tone puts me in defensive mode. Especially if it's from a person I love or care. To my relief, I don't feel the same about co-works or I would be F****. hahaha!&lt;/p&gt;

&lt;p&gt;Se I'm even laughing by the end. Feeling lighter already! Thank you, whoever you are!&lt;/p&gt;

&lt;p&gt;&lt;em&gt; I saw the link for &lt;a href="https://dev.to/impwalker/depression--anxiety-in-programming-9op"&gt;this post&lt;/a&gt;&lt;a&gt;&lt;/a&gt; on Twitter and that's what motived me to right&lt;/em&gt;&lt;/p&gt;

</description>
      <category>codenewbie</category>
      <category>anxiety</category>
      <category>mentalhealth</category>
    </item>
    <item>
      <title>20 days into learning how to code 👨🏾‍💻</title>
      <dc:creator>Diego Moura</dc:creator>
      <pubDate>Fri, 01 May 2020 22:54:18 +0000</pubDate>
      <link>https://dev.to/diegomouradev/20-days-into-learning-how-to-code-a6j</link>
      <guid>https://dev.to/diegomouradev/20-days-into-learning-how-to-code-a6j</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XahfNsSJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/764/0%2At568JC4LFMMjxbE_" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XahfNsSJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/764/0%2At568JC4LFMMjxbE_" alt="hanging festive flags where it reads 'everybody can code'"&gt;&lt;/a&gt;&lt;/p&gt;
Photo by &lt;a href="https://unsplash.com/@adigold1?utm_source=medium&amp;amp;utm_medium=referral"&gt;Adi Goldstein&lt;/a&gt; on Unsplash



&lt;p&gt;It was April 8 when I finished the LinkedIn Learning course &lt;a href="https://www.linkedin.com/learning/html-essential-training-4"&gt;HTML Essential Training&lt;/a&gt;. To be completely honest, I don’t even know why I started it in the first place. Maybe it was due the boredom COVID-19 brought into our lives with the social isolation measures, or maybe it was something else, who knows. One thing is sure though, I stayed because of the enthusiasms and passion with which &lt;a href="https://twitter.com/jensimmons"&gt;Jen Simmons&lt;/a&gt; teach the course.&lt;/p&gt;

&lt;p&gt;From there, I jump right into the &lt;a href="https://www.linkedin.com/learning/css-essential-training-3/introduction-to-flexbox?u=2218586"&gt;CSS Essential Training&lt;/a&gt; from &lt;a href="https://twitter.com/christinatruong"&gt;Christina Truong&lt;/a&gt;, and that was it for me. I was hooked! The avalanche of information I’m being exposed is overwhelming only by the same degree it is fascinating. Seven to ten hours of my day are being dedicated to becoming a front-end developer. Shifting between learning, practicing, and interacting with other developers online, I’m more and more in love with coding each day.&lt;/p&gt;I have much more to say about those 20 days, and that’s why I decided to write about it. Not only about them but also the many other days to come in this crazy journey. Hoping to inspire others, but mostly help me keep focus and track of my studies.&lt;p&gt;Come along! Fasten your seat belt, because this is going to be a crazy ride.&lt;/p&gt;
&lt;p&gt;See some of the projects I’ve been working on at &lt;a href="https://www.frontendmentor.io/profile/diegomouradev"&gt;Frontend Mentor&lt;/a&gt;, or pick into my &lt;a href="https://github.com/diegomouradev"&gt;Github&lt;/a&gt; repository. Also, find me on &lt;a href="https://twitter.com/_DiegoMoura"&gt;Twitter&lt;/a&gt;, and &lt;a href="https://codepen.io/diegomoura"&gt;Codepen&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>codenewbie</category>
      <category>frontend</category>
      <category>html</category>
      <category>css</category>
    </item>
  </channel>
</rss>
