<?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: Yusuf Lanre</title>
    <description>The latest articles on DEV Community by Yusuf Lanre (@yusfulcoder).</description>
    <link>https://dev.to/yusfulcoder</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%2F869324%2F0ebb7549-8ccc-4621-8270-179c6037091f.jpg</url>
      <title>DEV Community: Yusuf Lanre</title>
      <link>https://dev.to/yusfulcoder</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/yusfulcoder"/>
    <language>en</language>
    <item>
      <title>7 Proven Steps to Seamlessly Transition into Tech and Unlock Unprecedented Success</title>
      <dc:creator>Yusuf Lanre</dc:creator>
      <pubDate>Sun, 23 Jul 2023 12:28:47 +0000</pubDate>
      <link>https://dev.to/yusfulcoder/7-proven-steps-to-seamlessly-transition-into-tech-and-unlock-unprecedented-success-4l81</link>
      <guid>https://dev.to/yusfulcoder/7-proven-steps-to-seamlessly-transition-into-tech-and-unlock-unprecedented-success-4l81</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;This article was originally published on &lt;a href="https://techparley.com/7-proven-steps-to-seamlessly-transition-into-tech-and-unlock-unprecedented-success/"&gt;TechParley&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;If you are among those who haven't quite figured out their ideal career path, fret not. Many of us don't possess the innate certainty of childhood dreams, where we declare our future professions and march unwaveringly towards them. Instead, some of us are wanderers, exploring multiple interests until we find the one that resonates. And that's okay.&lt;/p&gt;

&lt;p&gt;Finding a balance between your interests and passions early in life is admirable, but it's equally acceptable to explore various avenues before discovering the one that truly clicks. This journey offers diverse experiences and exposure, enabling you to learn more about yourself and the world around you. Eventually, you'll identify where you thrive, what you enjoy, and what truly matters to you. As Gary Vaynerchuk, CEO of @Vaynermedia and Investor on Twitter, aptly puts it, "You are not gonna find anything if you keep dwelling on what got you to a lost spot."&lt;/p&gt;

&lt;p&gt;Whether you're contemplating a career transition into the tech industry or starting afresh in the field, this article is tailored for you. As someone who has embarked on multiple career transitions, I have accumulated valuable experiences and insights.&lt;br&gt;
Having worked as an Instrumentation Engineer for six years, a polytechnic lecturer for four years, and now serving as a Product Manager/Tech Lead for a software company, I offer guidance that may greatly benefit your tech career aspirations. For additional inspiration, check out this video [For All the 25-Year-Olds Starting From Zero].&lt;/p&gt;

&lt;p&gt;Career transitioning is no simple feat—it can be quite intimidating. Thorough thought, planning, and research are essential to avoid getting stuck or jeopardizing your future endeavours. Now that you've decided to transition into tech, here are seven steps you can take:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Go easy on yourself: Transitioning to a new career often brings unsettling feelings of starting from scratch or being left behind. However, remember that you're building upon your existing skills and experiences. While there will be new technical skills to acquire, you possess numerous transferable soft skills such as communication, problem-solving, conflict resolution, organization, and analytical abilities. Leveraging your arsenal of experience will enable you to tackle challenges more efficiently. For instance, my background in reconfiguring instrument software prepared me for coding, and my expertise in technical report writing aided in creating documentation.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Conduct thorough research: Transitioning into a new career shouldn't be based solely on hearsay or the allure of learning tech skills in a few months and earning a high salary in dollars. It's crucial to conduct extensive research, explore various tech areas, and understand the skill sets required for entry-level positions in each domain.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Determine the learning resources, tools, and certifications needed to qualify for those roles: Remember, you don't need to learn everything before applying; focus on the fundamental skills and learn the rest on the job. Compare your existing skills with the requirements and focus on acquiring the missing ones. Consider Bootcamps, fellowships, or online courses with consistent practice to develop the necessary skills.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Connect with established professionals: Surrounding yourself with like-minded individuals fosters motivation and provides a broader perspective on possibilities. Leveraging social media platforms like LinkedIn and Twitter allows easy connections with professionals in your desired tech field. Search for relevant accounts and connect with them to observe their work and gain insights into expectations and required skills.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Embrace curiosity and ask questions: Merely knowing what you want to do is not enough; understanding how to achieve it is vital. Engaging in meaningful conversations with professionals in the field provides valuable guidance. Approach them respectfully, present your case concisely, and ask targeted questions. Tech communities on platforms like Twitter can be surprisingly helpful if approached professionally. &lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Don't waste their time with vague messages; clearly state your background, career transition goals, and specific questions you seek answers to.&lt;/p&gt;

&lt;p&gt;Here is a sample message with a few questions you may consider asking:&lt;/p&gt;

&lt;p&gt;"Hello,&lt;br&gt;
My name is Yusuf Olanrewaju, and I have been working as an instrumentation engineer for six years. Currently, I am considering a career transition into backend web development. After reviewing your profile, I am confident that you would be the best person to provide me with advice and answer some of my questions. If you could spare a few minutes of your time, I would greatly appreciate it. Below are my questions:&lt;/p&gt;

&lt;p&gt;i. If you were to start your career all over again, what would you have done differently to reach your current position?&lt;/p&gt;

&lt;p&gt;ii. What do you believe is the most important knowledge or skills required to secure an entry-level role as a backend developer?&lt;/p&gt;

&lt;p&gt;iii. How many projects should I aim to complete before I can confidently apply for job opportunities in this field?&lt;br&gt;
Thank you for your consideration. I look forward to hearing from you.&lt;/p&gt;

&lt;p&gt;Best regards”.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Maintain your current job for now: Learning new skills for your desired career isn't the most challenging part; staying focused and consistent throughout the learning process is. Financial stability plays a significant role in maintaining motivation. Avoid quitting your current job outright. Instead, allocate time during breaks or a few hours daily to dedicate to learning. Alternatively, save enough funds to sustain yourself for six months to a year while learning and searching for an entry-level position. I saved up before transitioning to tech, allowing me to commit fully until I secured a product manager role within 6-9 months.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Preserve professional relationships: Our future is shaped not only by our knowledge but also by the people we encounter—colleagues, collaborators, and mentors who can provide recommendations and open doors to bigger opportunities. When leaving your current job, do so amicably, maintaining positive relationships. This ensures that you can rely on them for recommendations or endorsements in the future. Even if you don't anticipate needing their assistance, maintaining good relationships is a reflection of professionalism and integrity.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Trust the process: Overwhelm can arise when attempting to grasp new skills or keeping up with rapidly evolving technologies. Avoid succumbing to the pressure of learning everything or following every trend. Focus on a technology stack that aligns with your interests and skill set, and steadily develop your knowledge from the basics. Don't rush into a never-ending race; instead, stay focused, master the fundamentals, and continue learning and upskilling on the job.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;In conclusion, these insights are derived from my journey, and while they may resonate with you, remember that everyone's path is unique. You may achieve in six months what took me a year or even surpass those milestones. Embrace your journey, relish the experience, and document it through social media or blogging. Share your learnings, as it not only solidifies your knowledge but also inspires others. I wish you joy and success in your chosen career, and may you ultimately thank yourself for taking the leap of faith.&lt;/p&gt;

&lt;p&gt;If you found this article beneficial, consider sharing it with your network and leaving a comment. Thank you for reading.&lt;/p&gt;

&lt;p&gt;Let’s connect on:&lt;br&gt;
&lt;a href="https://twitter.com/yusfulcoder"&gt;Tweeter&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.linkedin.com/in/yusuf-olanrewaju-saheed"&gt;LinkedIn&lt;/a&gt;&lt;/p&gt;

</description>
      <category>career</category>
      <category>techcareer</category>
      <category>careerdevelopment</category>
    </item>
    <item>
      <title>Super Simple Approach to JavaScript Array</title>
      <dc:creator>Yusuf Lanre</dc:creator>
      <pubDate>Wed, 11 Jan 2023 14:12:10 +0000</pubDate>
      <link>https://dev.to/yusfulcoder/super-simple-approach-to-javascript-array-km0</link>
      <guid>https://dev.to/yusfulcoder/super-simple-approach-to-javascript-array-km0</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Arrays in JavaScript are a basic data structure that helps to represent a collection of data. In this article, you will learn how to organize, access and manipulate data in a JavaScript array in a super simple way.&lt;/p&gt;

&lt;p&gt;Let’s get started.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is an Array?
&lt;/h2&gt;

&lt;p&gt;Imagine having a set of numbers 2, 3, 4, 5, 6, and 7... and you want to represent them as a collection of data. You could be creative to represent them as a string, and use them as “1, 2, 3, 4, 5, 6, 7…” after all a string can have any length. But this is complicated because to access each number you have to first extract the digit and convert it back to a number. Hence, the importance of an array.&lt;/p&gt;

&lt;p&gt;An array is a data structure that allows us to store a sequence of values. It houses the values between two square brackets separated by commas. These values could be any data type such as string, integer, object, and even another array.&lt;/p&gt;

&lt;p&gt;For example&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;var fruitArray = [“Mango”, “Orange”, “Grape”, “Apple”, “Banana”];

var number = [2, 4, 6, 8, 10];
Array Index.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Every element in an array occupies a particular position where you can look for them and this position is called the index according to their arrangement. Index in an array is zero-based counting according to traditional programming, The first index of an array is counted as 0 as opposed to the conventional counting as 1. Therefore, from the example above. “Mango” is counted as index 0, “Orange” is counted as index 1 and “Banana is counted as index 4. Similar to 2, 4, 6, 8 and 10.&lt;/p&gt;

&lt;h2&gt;
  
  
  Accessing Element in an Array.
&lt;/h2&gt;

&lt;p&gt;Since you have to understand how elements are labeled in an array using the zero-based index, it will be easy to access any element in an array with its index. Elements are accessed in an array using bracket notation. That is the name of the array followed by two square brackets with the index in-between the bracket. This will look up the element in the array that corresponds to the index given in the bracket.&lt;/p&gt;

&lt;p&gt;Let's look for each of the elements in the example above.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;fruitArray[0] // “Mango”

fruitArray[1] // “Orange”

fruitArray[2] // “Grape”

fruitArray[3] // “Apple”

fruitArray[4] // “Banana”
Array Length
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The length of an array is the number of elements present in that array. In this case, you don’t count the element as, in the zero-based index, you count as in the conventional way of counting. Therefore, the length of fruitArray is 5 because there are five elements in the array. To check for the length of an array, you simply write the name of the array followed by the dot length.&lt;/p&gt;

&lt;p&gt;For example.&lt;/p&gt;

&lt;p&gt;&lt;code&gt;fruitArray.length // 5&lt;/code&gt;&lt;br&gt;
Note: the length of an empty array is zero, not null.&lt;/p&gt;
&lt;h2&gt;
  
  
  Array Methods.
&lt;/h2&gt;

&lt;p&gt;Since Array is a collection of data, there will be a need to add or remove it from the collection. An interesting thing is that JavaScript provides systematic methods to add or delete to your array in the specific manner that you want it. Let's see the methods one after the other&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;pop(): This method allows you to remove the last element from an array.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Take for example:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;fruitArray.pop() // “Banana”&lt;br&gt;
&lt;/code&gt;&lt;br&gt;
&lt;code&gt;fruitArray = [“Mango”, “Orange”, “Grape”, “Apple”];&lt;/code&gt;&lt;br&gt;
The Banana has been removed from the fruitArray.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;push(): This method allows you to add an element to the end of an array.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Take for example:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;fruitArray.push() // “Tangerine”&lt;br&gt;
&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;fruitArray = [“Mango”, “Orange”, “Grape”, “Apple”, “Tangerine”];
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Tangerine has been added to the fruitArray.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;shift(): This method allows you to remove an element from the beginning of an array.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Take for example:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;fruitArray.shift() // “Mango”&lt;br&gt;
&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;fruitArray = [“Orange”, “Grape”, “Apple”, “Tangerine”];
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Mango has been removed from the beginning of the fruitArray.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;unshift(): This method allows you to add an element to the beginning of an array.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Take for example:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;fruitArray.unshift() // “Pear”&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;fruitArray = [“Pear”, “Orange”, “Grape”, “Apple”, “Tangerine”];
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Pear has been added to the beginning of the fruitArray.&lt;/p&gt;

&lt;h2&gt;
  
  
  Nested Arrays
&lt;/h2&gt;

&lt;p&gt;As you have learned above, an array can store sequence values and these values could be any data type such as string, integer, object, and even another array. A nested array is a set of arrays inside another array.&lt;/p&gt;

&lt;p&gt;To access a nested array, the index of each array must be carefully noted. Let's take for example an array of prime, odd, and even numbers between 1 and 10.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;var numberSet = [[2, 3, 5, 7], [1, 3, 5, 7, 9], [2, 4, 6, 8, 10]];
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;To access 7 in the array of prime numbers we write;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;numberSet[0][3] // 7.&lt;br&gt;
&lt;/code&gt;To access 8 in the array of even numbers we write;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;numberSet[2][3] // 8.&lt;/code&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  Object Array
&lt;/h2&gt;

&lt;p&gt;An array can contain an Object nested in another array and another array nested in an object. To access any data in a such complex array. The bracket notation of array and object must not be confused with each other.&lt;/p&gt;

&lt;p&gt;Let's see an example&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;var myPlants = [
    {
      type: "flower",
      list : [
        "tulip",
        "rose",
        "dandelion"
      ]},
    { 
      type: "tree",
      list : [
        "fir",
        "pine",
        "birch"
      ]}
  ];

  var secondTree = myPlants[1].list[1];
  console.log(secondTree); // "pine"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Let's take another example.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;var contacts = [
    {
        "firstName": "Akira",
        "lastName" : "Laine",
        "number": "08022775640",
        "likes" : ["Pizza", "Coding", "Animation"]
    },

    {
        "firstName": "Harry",
        "lastName" : "Potter",
        "number": "09042876641",
        "likes" : ["Magic", "Hogwart", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName" : "Holmes",
        "number": "07063724650",
        "likes" : ["Intriguing cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "08144675650",
        "likes" : ["JavaScript", "Gaming", "Foxes"]
    }
];

var result = contacts[1]["likes"];
console.log(result); // ["Magic", "Hogwart", "Hagrid"]

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;to access the index 2 of the array in the first object we write;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;var result = contacts[0]["likes"][2];
console.log(result); // "Animation"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  What’s Next?
&lt;/h2&gt;

&lt;p&gt;Aside from the array methods explained above, there is a couple of other array methods that are worth your time learning. Understanding array methods will make your life easier as a developer.&lt;/p&gt;

&lt;p&gt;map()&lt;br&gt;
filter()&lt;br&gt;
sort()&lt;br&gt;
find()&lt;br&gt;
foreach()&lt;br&gt;
findIndex()&lt;br&gt;
slice()&lt;br&gt;
some()&lt;br&gt;
reduce()&lt;br&gt;
every()&lt;/p&gt;

&lt;h2&gt;
  
  
  Take Away
&lt;/h2&gt;

&lt;p&gt;.pop(): Removes the last element from an array.&lt;br&gt;
.push(): Add an element to the end of an array.&lt;br&gt;
.shift(): Removes an element from the beginning of an array.&lt;br&gt;
.unshift(): Add an element to the beginning of an array.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Wow, you read to the end, pat yourself on the head, you've learned one of the most useful concepts in JavaScript that you can't do away with in your career as a developer.&lt;/p&gt;

&lt;p&gt;If you learned something useful from this article, or have other simpler tricks to go about array and array methods in javascript, let's have your view in the comment box.&lt;/p&gt;

&lt;p&gt;This article is originally posted on &lt;a href="https://yusfulcoder.hashnode.dev/super-simple-approach-to-javascript-array#clcnxdfix0mfe8jnv18kr1gtm"&gt;hashnode&lt;/a&gt;. if you would love to read more content like this from me, let's connect on:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/yusfulcoder"&gt;Twitter&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.linkedin.com/in/yusuf-olanrewaju-saheed"&gt;LinkedIn&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>webdev</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>How to Manipulate Complex Objects in JavaScript</title>
      <dc:creator>Yusuf Lanre</dc:creator>
      <pubDate>Mon, 02 Jan 2023 20:26:06 +0000</pubDate>
      <link>https://dev.to/yusfulcoder/how-to-manipulate-complex-objects-in-javascript-43b2</link>
      <guid>https://dev.to/yusfulcoder/how-to-manipulate-complex-objects-in-javascript-43b2</guid>
      <description>&lt;p&gt;&lt;strong&gt;Introduction&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Objects are non-primitive data type in JavaScript that have mutable values, that is, their values can be changed. These values can be another set of data that may seem cumbersome to be grouped.&lt;/p&gt;

&lt;p&gt;In this article, I will show you why you should care about objects and the ways to manipulate complex objects in JavaScript without ambiguity. &lt;/p&gt;

&lt;p&gt;Let’s get started.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F24t9mkv2zkxq4bioobe1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F24t9mkv2zkxq4bioobe1.png" alt="GIF of let's get started" width="400" height="202"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What is an Object?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;An Object is simply a group of data. let’s see an object as a person. This has a specific description (say look and character) and can also possess something (say car) that has also has a specific description, and in that car, the person can carry some other people and things. This is how an Object can group another objects, or even an Array. Since we are seeing a person as an Object, we can say the man below is an Object, and the descriptions are his properties.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Object in JavaScript&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Object is one of the most important concepts or data structures to understand as a developer because, most the the time, you will be working with collections of data for example; user profile, number blog post, comments and replies, likes and shares etc. Object allows us to group these data in a form that will be easy for us to access. Let’s go back to the person we talked about above.&lt;br&gt;
Let assume the person is a man, he speaks English, has brown hair, wore a blue T-shirt, a jean trouser, a snicker, and this man is singing and dancing, while driving his Black, Toyota Camry 2015 car. These data can be grouped as.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;var man = {
  "gender" : "Male",
  "language" : "English",
  "hair color" : "Brown",
  "shirt color" : "Blue",
  "trouser" : "Jean",
  "shoe" : "Snickers",
  "events" : ["Singing", "Dancing", "Driving"],
  "car" : {
    "brand" : "Toyota",
    "model" : "2015",
    "color" : "Black"
  }
}

var person = man.events;
console.log(person);  //  ["Singing","Dancing","Driving"]

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;In order to create a new object data structure, you will need to wrap the properties of the object in a brace. You will notice  that each property has a name followed by a colon and a value, then separated by a comma as demonstrated above. this is why object data structure is called a key value pair data structure. Each name is a Key, and whatever is after the colon is its Value. That is, “Gender” is a key and “Male” is its value.&lt;br&gt;
We can easily access this object, either through its value or through its key.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Accessing Data in an Object&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Now that we have seen how to create and store data in an Object, the next question is, how do we access the data we have created inside an Object just as we will easily pointed at his T-Shirt.&lt;br&gt;
Individual property in an Object can be accessed in two ways:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Dot notation - This is used to access the property of an object when the property is a literal.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For example. to access the value of Gender and Event in our example above. We simply write the name of the object, a dot, followed by the key. &lt;br&gt;
I.e &lt;br&gt;
&lt;code&gt;var person = man.gender;&lt;br&gt;
console.log(person); // “Male&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;var person = man.events;&lt;br&gt;
console.log(person); //  ["Singing","Dancing","Driving"]&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Bracket notation - This is used to access the property of an object when the property is  not a literal. That is, it is a statement&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For example. to access the value of Hair Color in our example above. We simply write the name of the object, a square bracket, followed by the key inside the square bracket. I.e &lt;/p&gt;

&lt;p&gt;&lt;code&gt;var person = man["shirt color"];&lt;br&gt;
console.log(person); // “Blue”&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Manipulating Complex Object&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Now that we have learn how to access a property in an Object, let see how we can access the property of nested Objects. &lt;br&gt;
 Let’s access the value of Brand in the Car property. &lt;/p&gt;

&lt;p&gt;&lt;code&gt;var = person = man.car.brand // “Toyota”&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Type the code in your text editor and check your result in your console. Or use online text editor such as code pen to try it out.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Let's build a project&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;In this project we want to delete any album that doesn’t have album detail, and update the ones with incomplete album detail. We will be using album catalog number 2468, 2648, 3548, and 5439.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;var collection = {
  "2548" : {
    "album" : "Implication",
    "artist" : "2face Idibia",
    "tracks" : [ "Spiritual healing", 
                "you Give Love a Bad Name"
    ]
  },
  "2468" : {
    "album" : "Beautiful Imperfection",
    "artist" : "Asa",
    "tracks" : [ "Bed of Stone", 
                "Awe"
    ]
  },

  "2548" : {
    "artist" : "R-Kelly",
    "tracks" : []
  },

  "5439" : {
    "album" : "Adekunle"
  }
};

//we will check album that doesn't have details and update album.

function updateRecords(id , prop, value) {
  if (value === "") {
    delete collection[id][prop];
  } else if (prop === "tracks") {
    collection[id][prop] = collection[id][prop] || [];
    collection[id][prop].push(value);
  } else {
    collection[id][prop] = value;
  }

  return collection;
}
console.log(updateRecords(2468, "tracks", "test")); 
console.log(updateRecords(5439, "artist", "Adekunle Gold"));

//Output

/*  "2468" : {
    "album" : "Beautiful Imperfection",
    "artist" : "Asa",
    "tracks" : [ "Bed of Stone", 
                "Awe”,
        “Test”
    ]
  },

  "2548" : {
    "artist" : "R-Kelly",
    "tracks" : []
  },

  "5439" : {
    "album" : "Adekunle”,
    “Artist” : “Adekunle Gold”
  }
}; */

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Take Away&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Objects are non-primitive data type.&lt;/li&gt;
&lt;li&gt;Objects do have properties and the properties are represented in keys and values. (Known as Key-Value Pairs)&lt;/li&gt;
&lt;li&gt;Objects can be nested inside another Object.&lt;/li&gt;
&lt;li&gt;The properties of an Object can be accessed by dot or bracket notation.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;What’s Next?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The best way to learn programming is to write code. Try to solve more object related problems, or even formulate one and play around with every method learned in this article to get an hang of it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Wrapping up&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Wow, you read this to the end, that’s awesome. If you enjoyed and find this article resourceful consider sharing with your community. If you would love to read more article like this from me, I will like to connect with you.&lt;/p&gt;

&lt;p&gt;Let’s connect on &lt;/p&gt;

&lt;p&gt;Twitter &lt;a href="https://twitter.com/yusfulcoder" rel="noopener noreferrer"&gt;@yusfulcoder&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;LinkedIn &lt;a href="https://www.linkedin.com/in/yusuf-olanrewaju-saheed/" rel="noopener noreferrer"&gt;Yusuf Olanrewaju&lt;/a&gt;&lt;/p&gt;

</description>
      <category>emptystring</category>
    </item>
    <item>
      <title>My journey into software engineering and a sleek peek into my first month of learning to code.</title>
      <dc:creator>Yusuf Lanre</dc:creator>
      <pubDate>Mon, 06 Jun 2022 20:34:27 +0000</pubDate>
      <link>https://dev.to/yusfulcoder/my-journey-into-software-engineering-and-a-sleek-peek-into-my-first-month-of-learning-to-code-20c9</link>
      <guid>https://dev.to/yusfulcoder/my-journey-into-software-engineering-and-a-sleek-peek-into-my-first-month-of-learning-to-code-20c9</guid>
      <description>&lt;p&gt;Although in early 2020, just at the tail end of my Master program in Physics, i began to develop interest in software engineering but, i wanted to be sure if i am really ready for the responsibility that comes with learning an entirely different and broad field. i don't want to be deluded by my technical skills, i wanted to be sure of my curiosity and interest about software development. by mid 2020, i took a job as electronics instrumentation and control engineer. i enjoyed the experience but something inside me wanted to use software to do some instrument automation. &lt;/p&gt;

&lt;p&gt;My interest for software development grew everyday.  by the end of 2021, i could't help but to start researching the area of software development to specialise. i found out that front-end development is fascinating to me. i began to search for resources and materials to kick start. tried freeCodeCamp, watched dozens of youtube roadmaps and tutorials. but all were not giving me an organised learning path. but i continue leaning anyways. randomly setting out time every week to learn.&lt;/p&gt;

&lt;p&gt;By the 26th of April 2022, i became upset with my snail progress in learning programming. i decided to meet with a friend who is a senior software engineer to seek advice. he gave me a few resources and websites to stat with. By the end of April, i quit my job to focus on learning software development. i began my active learning of HTML and CSS, and after three weeks i made a peek into JavaScript and learn Git CLI and Github. today made it the second week of learning JavaScrip and i already built two  projects. A Todo List and Student registration app. today i started a work on a passenger counting app. the experience has been awesomely challenging and i could wait to see what the experience would be in my second month. Coding is sweet but only when you find solution to your problem. lol. &lt;/p&gt;

&lt;p&gt;watch me as i develop this skill and make a significant change in software development.&lt;/p&gt;

&lt;p&gt;Note. i will appreciate resources recommendation and i am open for internship or project collaboration that can enhance my learning.&lt;/p&gt;

&lt;p&gt;thanks for reading.  &lt;/p&gt;

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