<?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: Doug Jones </title>
    <description>The latest articles on DEV Community by Doug Jones  (@codejones).</description>
    <link>https://dev.to/codejones</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%2F461186%2F77617d4c-62b5-463e-b11e-df9acaa3cb74.jpeg</url>
      <title>DEV Community: Doug Jones </title>
      <link>https://dev.to/codejones</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/codejones"/>
    <language>en</language>
    <item>
      <title>Interview Tips</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 11 Jul 2022 03:38:44 +0000</pubDate>
      <link>https://dev.to/codejones/interview-tips-13n6</link>
      <guid>https://dev.to/codejones/interview-tips-13n6</guid>
      <description>&lt;p&gt;I recently attended another Webinar for insight on the interview process. &lt;/p&gt;

&lt;p&gt;As normal there were some of the typical questions. &lt;br&gt;
1) What are companies looking for? &lt;br&gt;
2) What should I be studying? &lt;br&gt;
3) How do I standout? &lt;/p&gt;

&lt;p&gt;For the most part the answer have all been relatively similar from company to company. &lt;/p&gt;

&lt;p&gt;But one thing that was interesting was the recruiter telling us that they were no longer allowed to ask trick questions. &lt;/p&gt;

&lt;p&gt;The process of problem solving was more important than actually solving the problem.&lt;/p&gt;

&lt;p&gt;They want to know what your thinking how you approaching the problem and if your headed in the right direction.&lt;br&gt;
Some of the biggest mistakes most people make in live coding is &lt;br&gt;
1)Jumping right into the code&lt;br&gt;
Tip: Take your time. Repeat the question back to the interview er to make sure you have a good understanding of whats being asked. &lt;br&gt;
2) Not writing real code&lt;br&gt;
Tip: Pseudo code is ok. But make sure it helps lead you to writing real code to solve the problem. &lt;br&gt;
3) Not testing your solution&lt;br&gt;
Tips: Makes sure you think about edge cases and ask the interviewer about testing your solution.&lt;br&gt;
4) Only practicing coding in one type of environment. &lt;br&gt;
Tip: Trying writing code in a google doc, white boarding, or even in a text file. &lt;/p&gt;

&lt;p&gt;It never ceases to amaze me that no matter how many of these I have been to there is always something new to learn and share. So many of these company are looking for similar things but have different requirements for how you get there. &lt;/p&gt;

&lt;p&gt;I hope these tips help you as much as they have helped me. &lt;/p&gt;

&lt;p&gt;Keep Practicing and as always &lt;br&gt;
Happy Coding 👨🏿‍💻👨🏻‍💻🧑🏾‍💻👩‍💻&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Functional Class</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 04 Jul 2022 02:53:27 +0000</pubDate>
      <link>https://dev.to/codejones/functional-class-56b</link>
      <guid>https://dev.to/codejones/functional-class-56b</guid>
      <description>&lt;p&gt;I see a lot of question asked about javascript. As I  One of the things I have been studying is function vs classes. &lt;/p&gt;

&lt;p&gt;One of the things I learned is that anything that can be written as a function can be written as a class. &lt;/p&gt;

&lt;p&gt;Below I have typed out an example.&lt;br&gt;
We have a book function that gives us some attributes of a book object.  &lt;/p&gt;

&lt;h2&gt;
  
  
  Function
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function Book(title, author, ISBN, numCopies) {
  this.title = title;
  this.author = author;
  this.ISBN = ISBN;
  this.numCopies = numCopies;
}

Book.prototype.getAvailabitly = function() {
  if (this.numCopies == 0) {
    return "Out Of Stock";
  } else if (this.numCopies &amp;lt; 10) {
    return "Low Stock";
  }
  return "In Stock";
}

Book.prototype.sell = function(numCopiesSold = 1) {
  this.numCopies -= numCopiesSold;
}

Book.prototype.restock = function(numCopiesStocked = 5) {
  this.numCopies += numCopiesStocked;
}

const Divergent = new Book("Divergent", "Veronica Roth", 9780007550142, 5);
console.log(Divergent.getAvailabitly());
HungerGames.restock(12);
console.log(Divergent.getAvailabitly());
HungerGames.sell(17);
console.log(Divergent.getAvailabitly());
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Class
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;class Book {
  constructor(title, author, ISBN, numCopies) {
    this.title = title;
    this.author = author;
    this.ISBN = ISBN;
    this.numCopies = numCopies;
  }

  get availability() {
    return this.getAvailability();
  }

  getAvailability() {
    if (this.numCopies === 0) {
      return "Out of stock";
    } else if (this.numCopies &amp;lt; 10) {
      return "Low stock";
    }
    return "In stock";
  }

  sell(numCopiesSold = 1) {
    this.numCopies -= numCopiesSold;
  }

  restock(numCopiesStocked = 5) {
    this.numCopies += numCopiesStocked;
  }
}

const Divergent = new Book("Divergent", "Veronica Roth", 9780007550142, 5);
console.log(Divergent.getAvailabitly());
HungerGames.restock(12);
console.log(Divergent.getAvailabitly());
HungerGames.sell(17);
console.log(Divergent.getAvailabitly());
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Both will give you the same results. &lt;br&gt;
But one of the things that I like about using a class method is that we can encapsulate our code so we know what function belong to the class. It helps us better organize our code and follow the flow. &lt;/p&gt;

&lt;p&gt;As I am learning classes are becoming more of the standard when you have to choose between the two. &lt;/p&gt;

&lt;p&gt;Hopefully as I learn I can continue to help make this path easier for others. &lt;/p&gt;

&lt;p&gt;I hope this helps and as always&lt;br&gt;
Happy Coding 👨🏿‍💻👨🏻‍💻🧑🏾‍💻👩‍💻 &lt;/p&gt;

</description>
    </item>
    <item>
      <title>SORTING IT OUT 👨🏿‍💻</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 27 Jun 2022 03:44:07 +0000</pubDate>
      <link>https://dev.to/codejones/sorting-it-out-459j</link>
      <guid>https://dev.to/codejones/sorting-it-out-459j</guid>
      <description>&lt;h2&gt;
  
  
  Selection Sort
&lt;/h2&gt;

&lt;p&gt;I recently came across this algorithm problem in my studies. &lt;br&gt;
It took me a while to try to full grasp it. So hopefully I can save someone else some time. &lt;/p&gt;
&lt;h2&gt;
  
  
  The Concept
&lt;/h2&gt;

&lt;p&gt;In Selection Sort you are taking an array and sorting them by value. Until the entire array is in numerical order.&lt;br&gt;
Example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Before Selection Sort:[4,3,1,5,2]
After Selection Sort: [1,2,3,4,5]
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  How it works
&lt;/h2&gt;

&lt;p&gt;The idea behind selection sort.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Take the number at the first index in the array.&lt;/li&gt;
&lt;li&gt;Compare in to the rest of the numbers in the array. &lt;/li&gt;
&lt;li&gt;If another number in the array is smaller than the one we are comparing it to. The lower number is compared to the rest of the array. &lt;/li&gt;
&lt;li&gt;After going through the array the lowest number is place in the spot of the number it was compared to. The process repeats itself until all number are in order and the entire array has been iterated through. &lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;I have seen this done a number of ways.But I hope this helps break it down for you. Up to this point my favorite solution is to create an empty array and push the results into the new array after being iterated through. &lt;/p&gt;

&lt;p&gt;I hope this helps break it down and makes it a little bit easier to understand. If you have a process that you like please feel free to share it in the comments. &lt;/p&gt;

&lt;p&gt;Happy Coding 👨🏿‍💻👨🏻‍💻🧑🏾‍💻👩‍💻 &lt;/p&gt;

</description>
    </item>
    <item>
      <title>ALL WE ALL IN ?</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 20 Jun 2022 03:32:17 +0000</pubDate>
      <link>https://dev.to/codejones/all-we-all-in--49p0</link>
      <guid>https://dev.to/codejones/all-we-all-in--49p0</guid>
      <description>&lt;h2&gt;
  
  
  Tech Community
&lt;/h2&gt;

&lt;p&gt;Personally I'm very new to the tech to community. Like many before me I had always heard such great things about how welcoming the community is. Fortunately up to this point I have been very fortunate to meet some wonderful people and have not experienced many negatives at all since entering. &lt;/p&gt;

&lt;p&gt;But after this too day conference my mind was blown 🤯🤯. &lt;/p&gt;

&lt;h2&gt;
  
  
  The Challenge
&lt;/h2&gt;

&lt;p&gt;As I listened to a number speakers the message was overwhelming clear. A lot of speakers spoke about not having representation of their race, gender, and disabilities. How it seems we have unintentionally created apps without considering some of these everyday users. The challenges they face using some of the apps that we use everyday.&lt;/p&gt;

&lt;p&gt;Some Examples: &lt;br&gt;
1) Elderly people trying to navigate a phone to check the weather. &lt;br&gt;
2) A person with a missing limb trying to navigate a screen with no mouse. &lt;br&gt;
3) A person with bad vision using a screen reader to get important information. &lt;/p&gt;

&lt;h2&gt;
  
  
  The Progress
&lt;/h2&gt;

&lt;p&gt;As I learned there are some government standards for website and apps to include some of the challenges these people face. How many times do we as developers miss some of these edge cases. When developing apps. One speaker went as far as challenging us to build open source project to help with some of these challenges. Since some of these services can get expensive and not everyone can afford it. &lt;/p&gt;

&lt;h2&gt;
  
  
  A Step in the right direction
&lt;/h2&gt;

&lt;p&gt;How can we in tech help with some of these problems. Since after all we are problem solvers. &lt;br&gt;
1) Make it personal. &lt;br&gt;
I speaker made a joke but its was 🎯. One day we are all going to get old and be faced with some of these challenges.&lt;br&gt;
2) Do you research. One thing I learned was that there are organizations out there that will answer question. Some are even willing to help test your app for you give you feedback. &lt;br&gt;
3) Educate yourself on what available for you to use to teach others. Learn how to use some of the features on your phone, tablet or computer ...etc. Use the screen reader, voice commands, study and learn how to navigate around the computer without a mouse. Then teach others. &lt;/p&gt;

&lt;p&gt;Now I mean this as no slight at the community but I hope we can have conversations about these topics and begin to create things that continue to help make the world a better place. &lt;/p&gt;

&lt;p&gt;Keep creating keep reaching and keep changing lives. &lt;/p&gt;

&lt;p&gt;Happy Coding 👨🏿‍💻👨🏻‍💻👩🏾‍💻👩‍💻🧑🏾‍💻       &lt;/p&gt;

</description>
    </item>
    <item>
      <title>Too Much Of A Good Thing ?</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 13 Jun 2022 04:08:42 +0000</pubDate>
      <link>https://dev.to/codejones/too-much-of-a-good-thing--46bp</link>
      <guid>https://dev.to/codejones/too-much-of-a-good-thing--46bp</guid>
      <description>&lt;p&gt;I recently attend an online tech conference. Surprisingly the biggest takeaway wasn't how to be a better programmer or what would make me a better engineer. It was the path I would take in order to achieve these goals. 🤯🤯🤯&lt;/p&gt;

&lt;h2&gt;
  
  
  To Many Resources
&lt;/h2&gt;

&lt;p&gt;In our modern world we have access to information at the click of a button. We can learn and explore just about anything, for most of us it's goole or stack overflow or something along those lines. But the big question that was given to us was. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Are we using the right resources for the task at hand?&lt;/strong&gt; &lt;br&gt;
The answer for most of us was &lt;strong&gt;NO&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Solution: The speaker gave us some insight into some popular books and resources most of us would turn to two. He encouraged us to pick 3. &lt;br&gt;
1) To learn and study from. &lt;br&gt;
Focus on one learning platform really take our time and master what we are studying and then go from there.&lt;br&gt;&lt;br&gt;
2) Find two place to look for answers when you get stuck.&lt;br&gt;
3) Find a systems that works for you in multiple situation. &lt;br&gt;
Practice not just what your good at but also were you know you struggle.&lt;/p&gt;

&lt;h1&gt;
  
  
  Organize Your Notes
&lt;/h1&gt;

&lt;p&gt;😯 Yes I used the N-word.(Notes) &lt;br&gt;
This has been an interesting topic within the coding community on note taking.(Save that for another day).&lt;/p&gt;

&lt;p&gt;But we were encouraged to break things down into categories and to write out the problem steps used to solve them and why they work or don't work. &lt;br&gt;
If you are a note taker have a section for Algorithms another section for Data Structure, a section for Big O etc....&lt;/p&gt;

&lt;p&gt;This way when your preparing for an interview you can go back and review and prepare for what you are doing and be ready to go. &lt;/p&gt;

&lt;h2&gt;
  
  
  Understand Yourself.
&lt;/h2&gt;

&lt;p&gt;The last thing he share was to understand how you learn best. Know when is the best time for you to study. Understanding what to study.&lt;/p&gt;

&lt;p&gt;The comes the fun part applying everything you have learned. To your own projects. &lt;/p&gt;

&lt;p&gt;I hope these tips help you as much as they have help me gain perspective in moving forward. It's incredible what we learn from the people who have been down the road were own now. &lt;/p&gt;

&lt;p&gt;Hopefully these help and as always &lt;/p&gt;

&lt;p&gt;Happy Coding 👨🏿‍💻👨🏻‍💻👩🏾‍💻👩‍💻  &lt;/p&gt;

</description>
    </item>
    <item>
      <title>ON THE GRID</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 06 Jun 2022 04:13:46 +0000</pubDate>
      <link>https://dev.to/codejones/on-the-grid-3nha</link>
      <guid>https://dev.to/codejones/on-the-grid-3nha</guid>
      <description>&lt;p&gt;This weeks learning goal was to work on some algorithms to grow my problem solving skills and to work on little projects with a focus on developing a skill. &lt;/p&gt;

&lt;h2&gt;
  
  
  The Project
&lt;/h2&gt;

&lt;p&gt;This week I decided to try a calculator in react. Since I have heard of this coming up often as a beginner friendly project. Once again CSS grid is in the mix. I can honestly say I am enjoying this learning process. &lt;/p&gt;

&lt;p&gt;Let start with the basic. &lt;/p&gt;

&lt;h2&gt;
  
  
  What is CSS Grid.
&lt;/h2&gt;

&lt;p&gt;To put it simply. It is a systems of columns and rows used to build different layouts and segments of a web page. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PrS7Sboc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2lpbnr26gxa2xgh19i0e.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PrS7Sboc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2lpbnr26gxa2xgh19i0e.jpeg" alt="CSS Grid Layout" width="880" height="495"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;In the picture above we can get just an idea of what outlines we can build with this tool. &lt;/p&gt;

&lt;h2&gt;
  
  
  Calculator Grid
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--EbOqMg_t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hc2he9tzgub0m7rse82d.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EbOqMg_t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hc2he9tzgub0m7rse82d.jpeg" alt="calculator photo" width="168" height="300"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In the photo above we can see. Our buttons are line up in columns and row and our = button is spanning across the button on the bottom row. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DJfap2Kg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iqqjst1vmdvxsix2cnka.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DJfap2Kg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iqqjst1vmdvxsix2cnka.png" alt="calculator photo 1" width="271" height="186"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In this layout we have our C and 0 span across multipole rows&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MGMSOc3k--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/70mdedqshn1lj6qkw6lb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MGMSOc3k--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/70mdedqshn1lj6qkw6lb.png" alt="calculator photo 2" width="215" height="235"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In this layout we see our AC, 0, and = button all change in size and design. &lt;/p&gt;

&lt;p&gt;While all of these calculators function the same. CSS grid allows us to build and customize the look and design. &lt;br&gt;
To our liking. &lt;/p&gt;

&lt;p&gt;I hope you attempt CSS Grid. Having the freedom to create columns rows, and where we want things to go before we adding the functionality to them is one of the most enjoyable parts of coding.&lt;/p&gt;

&lt;p&gt;I hope this helps peak your curiosity and you learn and experiment with CSS grid as well and as always happy coding. &lt;/p&gt;

&lt;p&gt;👨🏿‍💻👨🏻‍💻👩🏾‍💻👨🏻‍💻&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Imposter Me</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 30 May 2022 02:32:35 +0000</pubDate>
      <link>https://dev.to/codejones/imposter-me-3kg2</link>
      <guid>https://dev.to/codejones/imposter-me-3kg2</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Dj8coqq6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gjln8ojne378dtjt3xyb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Dj8coqq6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gjln8ojne378dtjt3xyb.png" alt="Imposter Syndrome Thoughts" width="880" height="582"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I've been out of bootcamp a couple of months now. I've always heard once you get out it's a completely different world.&lt;br&gt;
They were right. &lt;/p&gt;

&lt;h2&gt;
  
  
  The Struggle
&lt;/h2&gt;

&lt;p&gt;All of a sudden I miss the structure of having a roadmap of lessons, guidelines for projects and teachers there to help you get unstuck. &lt;/p&gt;

&lt;p&gt;One of the biggest struggles is dealing with imposter syndrome. &lt;br&gt;
For some who may have not heard the term before. Long story short it's just like it sounds. Feeling like you don't belong or know what your doing. &lt;br&gt;
You doubt your skills, or accomplishments and abilities. &lt;/p&gt;

&lt;h2&gt;
  
  
  The Fight
&lt;/h2&gt;

&lt;p&gt;Learning to navigate through picking my own projects to focus on developing certain skills. Learning how to solve algorithms for now and moving onto learning data structures. I am reminded everyone was once in my shoes and made it. &lt;/p&gt;

&lt;p&gt;Imposter Syndrome is real for all of us and we all will go through it over the course of our journey. But understanding how to recognize it and have the tools to deal with it is important.   &lt;/p&gt;

&lt;h2&gt;
  
  
  Overcoming The Struggle
&lt;/h2&gt;

&lt;p&gt;One of the biggest ways I've been working through overcoming the feeling of imposter syndrome is: &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Review old projects
Looking at old project and reading through the code. Following the code flow. Updating the code. Loading the project and playing around with it. &lt;/li&gt;
&lt;li&gt;Helping other's 
Finding a coding community and helping a new coder solve simple problems. Contributing to an open source project is a great way to get involved as well.
&lt;/li&gt;
&lt;li&gt;Go back to the basic and resolve old problems with a different solution. 
This will show you how much you have learned from then until now. Finding a different solution will also help you get a better grasp on concepts and grow your knowledge. &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s---hngWExj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/627ndwsf71yvi5p9msvs.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s---hngWExj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/627ndwsf71yvi5p9msvs.jpeg" alt="One Step Forward" width="500" height="375"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;ONE STEP FORWARD IS A STEP WORTH TAKING IN THE RIGHT DIRECTION NO MATTER HOW BIG OR SMALL IT IS&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I hope these tips help no matter where you are in your coding journey. &lt;/p&gt;

&lt;p&gt;Never Give Up. You are never in this alone. &lt;/p&gt;

&lt;p&gt;Happy Coding 👨🏿‍💻👨🏻‍💻🧑🏾‍💻👩🏾‍💻👩‍💻&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Algo Step 👣👣👣</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 23 May 2022 03:07:48 +0000</pubDate>
      <link>https://dev.to/codejones/algo-step-4l4h</link>
      <guid>https://dev.to/codejones/algo-step-4l4h</guid>
      <description>&lt;h1&gt;
  
  
  Crawl before you code?
&lt;/h1&gt;

&lt;p&gt;We have all heard the term at some point in our lives you have to "Crawl before you walk". &lt;/p&gt;

&lt;p&gt;Well in the case of learning algorithms it almost seems like we are going from walking to running. 🤔🤔🤔&lt;/p&gt;

&lt;p&gt;1) When we crawl we start learning the basic of coding.. variables, function, data types...etc&lt;/p&gt;

&lt;p&gt;2) We start walking when we learn to put them together by building projects or start with some basic problem solving.  &lt;/p&gt;

&lt;p&gt;3) In my case now. I feel like we are starting running a little bit maybe a light jog. As we start to diving deeper into understanding problem solving using algorithms and data structures.&lt;/p&gt;

&lt;h1&gt;
  
  
  Lets Jog Together
&lt;/h1&gt;

&lt;p&gt;Let's look at a problems and go though it step by step.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 1 - Understanding the problem
&lt;/h2&gt;

&lt;p&gt;&lt;em&gt;Given an Array, find the first duplicate value that occurs. If there are no duplicates, return -1.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;This seems pretty simple to understand but to reinforce this rewrite the question in your own words. &lt;/p&gt;

&lt;p&gt;Take the given array and find the first matching pair. If there are no matches return -1. &lt;/p&gt;

&lt;p&gt;The Array: &lt;code&gt;[1, 5, 3, 10, 2, 5]&lt;/code&gt; &lt;/p&gt;

&lt;h2&gt;
  
  
  Step 2 - Pseudocode a path or solution to how your going to solve the problem.
&lt;/h2&gt;

&lt;p&gt;Pseudocode is just a step by step outline of your code in plain text. &lt;/p&gt;

&lt;p&gt;&lt;em&gt;1)Iterate through the array&lt;br&gt;
2)Check the value of the first index and compare it to the rest of the array for a match. &lt;br&gt;
3)If there is a match output the match. &lt;br&gt;
4)If no match move on to the next index and compare it to the rest of the array. &lt;br&gt;
5)Keep going until all values in the array have been checked. &lt;br&gt;
If not match is found return -1.&lt;/em&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  Step 3 - Code
&lt;/h2&gt;

&lt;p&gt;Code out the solution to the problem and if needed don't be afraid to write out your own test to check if you are getting the results you are looking for.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function findFirstDuplicate(arr) {
  let elementSet = new Set()
  for (let i = 0; i &amp;lt; arr.length; i++) {
    if (elementSet.has(arr[i])) return arr[i];
    elementSet.add(arr[i]);
  }
  return -1
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;As with anything there is more than one way to do things but as I have started these are the steps I have started taking. &lt;/p&gt;

&lt;p&gt;Hopefully you have found this helpful and as always. &lt;/p&gt;

&lt;p&gt;Happy Coding 👨🏿‍💻👨🏻‍💻🧑🏾‍💻👩‍💻&lt;/p&gt;

</description>
    </item>
    <item>
      <title>The Little Things Matter...</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 16 May 2022 04:18:04 +0000</pubDate>
      <link>https://dev.to/codejones/the-little-things-matter-248</link>
      <guid>https://dev.to/codejones/the-little-things-matter-248</guid>
      <description>&lt;p&gt;When first learning to code if your anything like me you started with printing "Hello World!" in your language of choice. &lt;/p&gt;

&lt;p&gt;Then it was variables how to set them. Data types like string, integers and Booleans …etc. Then it was function using the variables and passing them in as arguments and the list goes on. &lt;/p&gt;

&lt;p&gt;But one key concept I learned early was iterating. At the time I didn't understand how important this was going to be combine with all the basic I was learning before. So my advice to anyone learning to code is &lt;em&gt;Take Your Time&lt;/em&gt; really get a good feel for the basic before moving forward. &lt;/p&gt;

&lt;p&gt;For my example were going to use JavaScript as our language and were simply going to be looking at a reverse string algorithm problem and connecting the dots. &lt;/p&gt;

&lt;p&gt;This is an example of how a for loop is set up:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;for (initializer; condition; iterator) {
    // statements
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Here is an example of a for loop in action with a simple reverse string algorithm problem. &lt;br&gt;
In this example we have a combination of the basic on display. &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;We have a variable set to an empty string. &lt;/li&gt;
&lt;li&gt;We have a function with an argument of str (short for string) -which is a data type. &lt;/li&gt;
&lt;li&gt;We are iterating over the string&lt;/li&gt;
&lt;li&gt;Returning the string in reverse.
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function reverseString(str) {
  let reversed = "";       
  for (var i = str.length - 1; i &amp;gt;= 0; i--){         
    reversed += str[i];  
  }     
return reversed;  
} 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;As I continue to start working on learning different algorithms. It is clear that these simple concepts are actually really important to the being able to do complex things in coding. &lt;br&gt;
As I have learned. You really have to crawl before you walk. &lt;br&gt;
I hope this helps and as always. &lt;/p&gt;

&lt;p&gt;Happy Coding 👨🏿‍💻👨🏻‍💻👩‍💻🧑🏾‍💻&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Promises Promises</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 09 May 2022 03:23:20 +0000</pubDate>
      <link>https://dev.to/codejones/promises-promises-470k</link>
      <guid>https://dev.to/codejones/promises-promises-470k</guid>
      <description>&lt;p&gt;I was recently in an interview for javascript and was asked what I though was an easy question. &lt;/p&gt;

&lt;p&gt;The interviewer ask me to explain promises. &lt;/p&gt;

&lt;p&gt;...Well I though inside this is easy... I got this. &lt;/p&gt;

&lt;p&gt;...Welp needless to say things didn't go as I expected. &lt;/p&gt;

&lt;h2&gt;
  
  
  What are Promises in JavaScript
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ROcjrLlu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ofsuu9g3s0anmt8knubo.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ROcjrLlu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ofsuu9g3s0anmt8knubo.jpeg" alt="question mark" width="225" height="225"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Promises are objects used to run code asynchronously. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hKPRASNp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/edn165ab9lvmvnaxqvae.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hKPRASNp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/edn165ab9lvmvnaxqvae.png" alt="async promise in javascript." width="880" height="489"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;To keep in simple. We can defer the completion of a block of code until the async request is complete.&lt;/p&gt;

&lt;p&gt;Promises also have what I like to call a fail  safe in the .catch method. Which simply put will catch the errors in our async call.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7WjTZSb3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d1rgrbf80nkht34hlufi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7WjTZSb3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d1rgrbf80nkht34hlufi.png" alt="js promises flow chart" width="300" height="168"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;Promises are becoming more useful with us running more and more things asynchronously. Having the ability to catch our errors in one place is extremely important as we develop as developers. &lt;/p&gt;

&lt;p&gt;I hope this helps and if you get this question in an interview..good luck &lt;/p&gt;

&lt;p&gt;Happy Coding 👨🏿‍💻👨🏻‍💻👩‍💻🧑🏾‍💻&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Terminal Trouble</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 02 May 2022 03:33:45 +0000</pubDate>
      <link>https://dev.to/codejones/terminal-trouble-37al</link>
      <guid>https://dev.to/codejones/terminal-trouble-37al</guid>
      <description>&lt;h2&gt;
  
  
  The Issue
&lt;/h2&gt;

&lt;p&gt;So I recently did an update on my Macbook to the macOS 12.3. If you are anything like me. We usually just run the update without looking into what the update includes and what it will effect. 🤷🏿🤷🏿🤷🏿&lt;/p&gt;

&lt;p&gt;Welp...&lt;em&gt;lesson learned&lt;/em&gt; &lt;/p&gt;

&lt;p&gt;The new update effectively removed the ability to open files in VScode via the &lt;code&gt;code .&lt;/code&gt; in the terminal and again if your anything like me that's not going to fly. &lt;/p&gt;

&lt;h2&gt;
  
  
  The Fix
&lt;/h2&gt;

&lt;p&gt;When I first came across this issue. I though I was doing something wrong. So I rebooted my Macbook, checked my spelling and a host of others thing before I decided to Google it. (Google is out friend). &lt;/p&gt;

&lt;p&gt;It turns out that with this update apple removed it's support of python 2 🙄 and python 3 doesn't come with Mac which causes the &lt;code&gt;code .&lt;/code&gt; command to not work anymore. &lt;/p&gt;

&lt;p&gt;🤔🤔 Now what? After doing some research ...aka Googling. &lt;br&gt;
I came across this fix. &lt;/p&gt;

&lt;p&gt;To open a file from the terminal use the keyword "open" and the file path/name. &lt;/p&gt;

&lt;p&gt;To open a VScode file follow these steps &lt;br&gt;
1) cd /usr/local/bin&lt;br&gt;
2) nano code&lt;br&gt;
3) change python =&amp;gt; python3 on the following line&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Make sure you have the shell command code set up in VScode&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I hope this helps and if you come across any other fixes or tips for this issue please feel free to leave them in the comments &lt;/p&gt;

&lt;p&gt;As always Happy Coding 👨🏿‍💻👨🏻‍💻🧑🏾‍💻👩‍💻 &lt;/p&gt;

</description>
    </item>
    <item>
      <title>Steps to 👨🏿‍💻👨🏿‍💻👨🏿‍💻 part 2</title>
      <dc:creator>Doug Jones </dc:creator>
      <pubDate>Mon, 25 Apr 2022 04:11:05 +0000</pubDate>
      <link>https://dev.to/codejones/steps-to-part-2-4jh8</link>
      <guid>https://dev.to/codejones/steps-to-part-2-4jh8</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1CqFhc6J--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6s9tznbofmcn7yp86svt.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1CqFhc6J--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6s9tznbofmcn7yp86svt.jpeg" alt="walking down a road" width="300" height="168"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I just finished coding my first game. Even though it was something I could have finished in a shorter amount of time. I really wanted to grasp the concepts of this process. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0ANE6d9F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2hrciusnrz1fn2218u5b.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0ANE6d9F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2hrciusnrz1fn2218u5b.jpeg" alt="slow snail" width="600" height="846"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In a world where we hear phrases like "Time is money" and in a  "New York minute". I think we lose the value of the process and can sometime do ourselves more harm than good. This could have been a three day process but I took the time to enjoy the experience and learn as much as I could. Here are some of the things I did along the way:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Map out the structure of the game. &lt;/li&gt;
&lt;li&gt;Research some new methods and function I was using. &lt;/li&gt;
&lt;li&gt;Test, Test and Test some more, which lead to some debugging. &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Now by doing that I feel like I have added more to the tool box. Which I can say I feel confident using in the future for other projects. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Q4LH_E6a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vrld92038dxme646nyvk.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Q4LH_E6a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vrld92038dxme646nyvk.jpeg" alt="Process on Chalkboard " width="277" height="182"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As I was going through building this game. I made sure to take notes on new things I was learning and looking for other examples of how they were used to help my understanding. Here are some tips I use along the way.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Use documentation and example found in them to help you.&lt;/li&gt;
&lt;li&gt;Write it out in your own words or try to explain it to someone. &lt;/li&gt;
&lt;li&gt;Play around with it in a repel(Depending on the method).&lt;/li&gt;
&lt;li&gt;Comment it in your code and use variables to help you define it until you don't need the comment anymore to understand what it does. &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;I hope these tips help. I hope to continue to add more as I learn more on this journey to share with others. &lt;/p&gt;

&lt;p&gt;Until next time Happy Coding 👨🏿‍💻👨🏻‍💻👩‍💻🧑🏾‍💻 &lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
