<?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: Thalhatou Yahya</title>
    <description>The latest articles on DEV Community by Thalhatou Yahya (@thalhatou).</description>
    <link>https://dev.to/thalhatou</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%2F355177%2F91976c9b-95cd-47db-8c2a-285a15c959f6.JPG</url>
      <title>DEV Community: Thalhatou Yahya</title>
      <link>https://dev.to/thalhatou</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/thalhatou"/>
    <language>en</language>
    <item>
      <title>Books on Data Structure &amp; Algorithm</title>
      <dc:creator>Thalhatou Yahya</dc:creator>
      <pubDate>Tue, 24 Jan 2023 02:50:58 +0000</pubDate>
      <link>https://dev.to/thalhatou/books-on-data-structure-algorithm-e21</link>
      <guid>https://dev.to/thalhatou/books-on-data-structure-algorithm-e21</guid>
      <description>&lt;p&gt;&lt;strong&gt;"Introduction to Algorithms" by Thomas H. Cormen, Charles E. Leiserson, Ronald L. Rivest, and Clifford Stein.&lt;/strong&gt; This is considered one of the best books on algorithms and data structures. It covers a wide range of topics in great detail and is suitable for both students and professionals. It can be found in most libraries, and also can be purchased online on &lt;a href="https://www.amazon.com/Introduction-Algorithms-3rd-MIT-Press/dp/0262033844" rel="noopener noreferrer"&gt;Amazon&lt;/a&gt;, Barnes &amp;amp; Noble, and other online retailers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"Algorithms, Part I" and "Algorithms, Part II" by Robert Sedgewick and Kevin Wayne.&lt;/strong&gt; These books are part of the online course on algorithms offered by Princeton University. They cover a wide range of topics and are suitable for both students and professionals. They can be found on the &lt;a href="https://online.princeton.edu/algorithms-part-i" rel="noopener noreferrer"&gt;Princeton University website&lt;/a&gt;, and also can be purchased on &lt;a href="https://www.amazon.com/Algorithms-Part-I-Robert-Sedgewick-ebook/dp/B00I50LKYW" rel="noopener noreferrer"&gt;Amazon&lt;/a&gt; and other online retailers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"Data Structures and Algorithms in Java" by Michael T. Goodrich, Roberto Tamassia, and Michael H. Goldwasser.&lt;/strong&gt; This book covers data structures and algorithms in the context of the Java programming language. It is suitable for students and professionals with a background in programming. It can be found on &lt;a href="https://www.amazon.com/Data-Structures-Algorithms-Michael-Goodrich/dp/1118771338" rel="noopener noreferrer"&gt;Amazon&lt;/a&gt;, Barnes &amp;amp; Noble, and other online retailers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"The Algorithm Design Manual" by Steven S. Skiena.&lt;/strong&gt; This book provides a practical approach to algorithm design, and covers a wide range of topics in a clear and concise manner. It is suitable for both students and professionals. It can be found on &lt;a href="https://www.amazon.com/Algorithm-Design-Manual-Steven-Skiena/dp/1849967202" rel="noopener noreferrer"&gt;Amazon&lt;/a&gt;, Barnes &amp;amp; Noble, and other online retailers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"Algorithms in C++" by Robert Sedgewick.&lt;/strong&gt; This book covers a wide range of algorithms and data structures in the context of the C++ programming language. It is suitable for students and professionals with a background in programming. It can be found on&lt;a href="https://www.amazon.com/Algorithms-C-Robert-Sedgewick/dp/0201510596/ref=sr_1_1?crid=IWMM8Z6TMBJ3&amp;amp;keywords=Algorithms+in+C%2B%2B%22+by+Robert+Sedgewick.&amp;amp;qid=1674527709&amp;amp;s=books&amp;amp;sprefix=algorithms+in+c%2B%2B+by+robert+sedgewick.%2Cstripbooks-intl-ship%2C285&amp;amp;sr=1-1" rel="noopener noreferrer"&gt;Amazon&lt;/a&gt;, Barnes &amp;amp; Noble, and other online retailers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"Introduction to the Design and Analysis of Algorithms" by Anany Levitin.&lt;/strong&gt; This book provides an introduction to the design and analysis of algorithms. It covers a wide range of topics in a clear and concise manner. It is suitable for students and professionals. It can be found on &lt;a href="https://www.amazon.com/Introduction-Design-Analysis-Algorithms-3rd/dp/0132316811" rel="noopener noreferrer"&gt;Amazon&lt;/a&gt;, Barnes &amp;amp; Noble, and other online retailers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"Algorithms Unlocked" by Thomas H. Cormen.&lt;/strong&gt; This book provides an introduction to the fundamental concepts of algorithms and data structures. It is suitable for students and professionals. It can be found on &lt;a href="https://www.amazon.com/Algorithms-Unlocked-Press-Thomas-Cormen/dp/0262518805" rel="noopener noreferrer"&gt;Amazon&lt;/a&gt;, Barnes &amp;amp; Noble, and other online retailers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"Algorithms in C" by Robert Sedgewick.&lt;/strong&gt; This book covers a wide range of algorithms and data structures in the context of the C programming language. It is suitable for students and professionals with a background in programming. It can be found on &lt;a href="https://www.amazon.com/Algorithms-Parts-1-4-Fundamentals-Structures/dp/0201314525" rel="noopener noreferrer"&gt;Amazon&lt;/a&gt;, &lt;a href="https://www.shipito.com/en/stores/barnes-noble" rel="noopener noreferrer"&gt;Barnes &amp;amp; Noble&lt;/a&gt;, and other online retailers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"Algorithms and Data Structures: The Basic Toolbox" by Gerhard Woeginger.&lt;/strong&gt; This book covers a wide range of algorithms and data structures. It is suitable for students and professionals. It can be found on Amazon, &lt;a href="https://www.shipito.com/en/stores/barnes-noble" rel="noopener noreferrer"&gt;Barnes &amp;amp; Noble&lt;/a&gt;, and other online retailers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"Cracking the Coding Interview: 150 Programming Questions and Solutions" by Gayle Laakmann McDowell&lt;/strong&gt;. This book provides a comprehensive guide to the coding interview process. It covers a wide range of topics including algorithms, data structures, and more. It can be found on &lt;a href="https://www.amazon.com/Cracking-Coding-Interview-Programming-Questions/dp/098478280X" rel="noopener noreferrer"&gt;Amazon&lt;/a&gt;, &lt;a href="https://www.shipito.com/en/stores/barnes-noble" rel="noopener noreferrer"&gt;Barnes &amp;amp; Noble&lt;/a&gt;, and other online retailers.&lt;/p&gt;

</description>
      <category>gratitude</category>
    </item>
    <item>
      <title>How increase your productivity as a developer in 2023</title>
      <dc:creator>Thalhatou Yahya</dc:creator>
      <pubDate>Thu, 05 Jan 2023 08:51:10 +0000</pubDate>
      <link>https://dev.to/thalhatou/how-increase-your-productivity-as-a-developer-in-2023-1ad4</link>
      <guid>https://dev.to/thalhatou/how-increase-your-productivity-as-a-developer-in-2023-1ad4</guid>
      <description>&lt;p&gt;As a developer, it's easy to get bogged down by the sheer amount of work that needs to be done. With so many tasks on your plate, it can be difficult to stay focused and productive. But there are a few strategies you can use to increase your productivity and get more done in less time. Here are some tips to help you boost your productivity as a developer in 2023:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Use the right tools:&lt;/strong&gt; One of the keys to productivity is having the right tools for the job. Whether you're working on a large project or a small one, having the right tools can make a big difference in your productivity. Some tools that might be helpful include a good text editor, a debugger, and a version control system.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Follow a routine:&lt;/strong&gt; Establishing a routine can help you stay focused and on track. Set aside specific times for coding, debugging, and testing, and try to stick to that schedule as closely as possible. This can help you avoid getting sidetracked and wasting time.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Take breaks:&lt;/strong&gt; It might seem counterintuitive, but taking breaks can actually increase your productivity. Working for long periods without a break can lead to burnout and decreased productivity. So be sure to take breaks regularly to rest and recharge.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Prioritize your tasks:&lt;/strong&gt; Not all tasks are created equal, so it's important to prioritize your work. Figure out which tasks are the most important and tackle those first. This will help you stay focused and avoid getting bogged down by less important tasks.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Stay organized:&lt;/strong&gt; A cluttered workspace can lead to a cluttered mind, which can make it difficult to focus and be productive. So be sure to keep your workstation organized and tidy. This will help you stay focused and on top of your work.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Automate where you can:&lt;/strong&gt; Automating tasks can save you a lot of time and effort. Look for opportunities to automate repetitive tasks, such as code formatting or linting. This will free up more time for you to focus on more important tasks.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Learn from others:&lt;/strong&gt; Finally, don't be afraid to ask for help or learn from others. Whether you're stuck on a problem or just looking for ways to improve your workflow, other developers can be a valuable resource. So be sure to ask for help when you need it and seek out opportunities to learn from your peers.&lt;/p&gt;

&lt;p&gt;By following these tips, you can boost your productivity and get more done as a developer in 2023. Stay focused, stay organized, and don't be afraid to seek out new tools and techniques to help you work more efficiently.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>productivity</category>
      <category>programming</category>
      <category>javascript</category>
    </item>
    <item>
      <title>GIT Commands Summary</title>
      <dc:creator>Thalhatou Yahya</dc:creator>
      <pubDate>Mon, 19 Dec 2022 00:49:06 +0000</pubDate>
      <link>https://dev.to/thalhatou/git-commands-summary-1dbl</link>
      <guid>https://dev.to/thalhatou/git-commands-summary-1dbl</guid>
      <description>&lt;p&gt;&lt;strong&gt;Introduction :&lt;/strong&gt;&lt;br&gt;
Git is a version control system that allows developers to track changes to files and collaborate with others on software projects. It allows users to create different versions or "branches" of a project, and merge those branches together when they are ready to be released. Git also allows users to revert to previous versions of a project if necessary. It is widely used in the software development industry and is a crucial tool for collaborative projects.&lt;br&gt;
Here are commonly used git commands summarized.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git init&lt;/strong&gt; - Initialize a new Git repository in the current directory&lt;br&gt;
&lt;code&gt;Example: git init&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git clone&lt;/strong&gt; - Clone an existing repository from a remote location&lt;br&gt;
&lt;code&gt;Example: git clone https://github.com/user/repo.git&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git add *&lt;em&gt;- Add files to the staging area for commit&lt;br&gt;
&lt;code&gt;Example: git add . (to add all modified and untracked files)&lt;/code&gt;&lt;br&gt;
*&lt;/em&gt;&lt;br&gt;
git commit&lt;/strong&gt; - Commit the changes in the staging area to the repository&lt;br&gt;
&lt;code&gt;Example: git commit -m "added new feature"&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git push&lt;/strong&gt; - Push the committed changes to a remote repository&lt;br&gt;
&lt;code&gt;Example: git push origin master&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git pull&lt;/strong&gt; - Pull changes from a remote repository to the local repository&lt;br&gt;
&lt;code&gt;Example: git pull origin master&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git branch&lt;/strong&gt; - Create, list, or delete branches in the repository&lt;br&gt;
&lt;code&gt;Example: git branch new-branch (to create a new branch)&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git checkout&lt;/strong&gt; - Switch to a different branch in the repository&lt;br&gt;
&lt;code&gt;Example: git checkout new-branch&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git merge&lt;/strong&gt;- Merge two branches together&lt;br&gt;
&lt;code&gt;Example: git merge new-branch&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git diff&lt;/strong&gt;- Compare differences between two commits or files&lt;br&gt;
&lt;code&gt;Example: git diff HEAD~1 HEAD (to compare the previous commit with the current commit)&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git log&lt;/strong&gt;- View the commit history of the repository&lt;br&gt;
&lt;code&gt;Example: git log --oneline (to view a concise summary of the commit history)&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git stash&lt;/strong&gt; - Save changes temporarily without committing them&lt;br&gt;
&lt;code&gt;Example: git stash save "work in progress"&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git tag&lt;/strong&gt; - Tag specific commits with a label&lt;br&gt;
&lt;code&gt;Example: git tag v1.0&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git reset&lt;/strong&gt; - Undo commits and move the HEAD pointer to a previous commit&lt;br&gt;
&lt;code&gt;Example: git reset HEAD~1 (to undo the previous commit)&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git fetch&lt;/strong&gt;- Download objects and refs from a remote repository&lt;br&gt;
&lt;code&gt;Example: git fetch origin&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git config&lt;/strong&gt;- Set configuration options for the repository&lt;br&gt;
&lt;code&gt;Example: git config --global user.name "Yong Addy"&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git remote&lt;/strong&gt; - Manage remote repository connections&lt;br&gt;
&lt;code&gt;Example: git remote add origin https://github.com/user/repo.git&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git show **- Show details of a specific commit or object&lt;br&gt;
&lt;code&gt;Example: git show HEAD (to view the details of the current commit)&lt;br&gt;
&lt;/code&gt;&lt;br&gt;
**git blame&lt;/strong&gt;- Show the commit and author information for each line of a file&lt;br&gt;
&lt;code&gt;Example: git blame file.txt&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git ls-files&lt;/strong&gt;- List all the files in the repository&lt;br&gt;
&lt;code&gt;Example: git ls-files&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git ls-remote&lt;/strong&gt;- List references in a remote repository&lt;br&gt;
&lt;code&gt;Example: git ls-remote origin&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git gc&lt;/strong&gt;- Perform garbage collection on the repository&lt;br&gt;
&lt;code&gt;Example: git gc&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git archive&lt;/strong&gt;- Create a tar or zip archive of the repository&lt;br&gt;
&lt;code&gt;Example: git archive --format=zip --output=archive.zip HEAD&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git rev-parse&lt;/strong&gt; - Parse revision information and display it in a useful format&lt;br&gt;
&lt;code&gt;Example: git rev-parse HEAD&lt;br&gt;
&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;git grep&lt;/strong&gt; - Search for a pattern in the repository&lt;br&gt;
&lt;code&gt;Example: git grep "pattern"&lt;br&gt;
&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;git cherry-pick&lt;/strong&gt;- Apply the changes from a specific commit to the current branch&lt;br&gt;
&lt;code&gt;Example: git cherry-pick abc123&lt;br&gt;
&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;git bisect&lt;/strong&gt; - Perform a binary search through the commit history to find a bug&lt;br&gt;
&lt;code&gt;Example: git bisect start HEAD HEAD~100&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;git am&lt;/strong&gt;- Apply a patch to the repository&lt;/p&gt;

&lt;p&gt;Thanks for checking it out hope the list was helpful.&lt;/p&gt;

</description>
      <category>git</category>
      <category>github</category>
      <category>webdev</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Top 10 Tech Careers for 2023</title>
      <dc:creator>Thalhatou Yahya</dc:creator>
      <pubDate>Sun, 18 Dec 2022 16:51:14 +0000</pubDate>
      <link>https://dev.to/thalhatou/top-10-tech-careers-for-2023-3o04</link>
      <guid>https://dev.to/thalhatou/top-10-tech-careers-for-2023-3o04</guid>
      <description>&lt;p&gt;It's difficult to predict exactly which tech careers will be in high demand in 2023, as the field is constantly evolving and new technologies are being developed all the time. However, based on current trends and the expected growth of certain industries, the following tech careers may be in high demand in the near future:&lt;/p&gt;

&lt;p&gt;Artificial Intelligence (AI) and Machine Learning (ML) Engineer: AI and ML are expected to play a significant role in many industries in the coming years, and there will likely be a high demand for professionals with expertise in these areas.&lt;/p&gt;

&lt;p&gt;Data Scientist: With the increasing amount of data being generated by businesses and organizations, the demand for skilled data scientists is expected to continue to grow.&lt;/p&gt;

&lt;p&gt;Full-Stack Developer: Full-stack developers, who are proficient in both front-end and back-end development, are in high demand as companies look to build and maintain complex web applications.&lt;/p&gt;

&lt;p&gt;Cloud Computing Specialist: As more businesses adopt cloud-based systems, the demand for professionals with expertise in cloud computing is expected to increase.&lt;/p&gt;

&lt;p&gt;Cybersecurity Expert: Cybersecurity is becoming an increasingly important concern for businesses and organizations, and there is likely to be a high demand for professionals with expertise in this field.&lt;/p&gt;

&lt;p&gt;DevOps Engineer: DevOps engineers, who are responsible for the integration and deployment of software, are in high demand as companies look to improve their development and delivery processes.&lt;/p&gt;

&lt;p&gt;Mobile App Developer: With the increasing use of mobile devices, the demand for mobile app developers is expected to continue to grow.&lt;/p&gt;

&lt;p&gt;Internet of Things (IoT) Engineer: As the number of connected devices continues to increase, there will be a need for professionals with expertise in IoT to design and maintain these systems.&lt;/p&gt;

&lt;p&gt;Blockchain Developer: Blockchain technology is expected to have a significant impact on a variety of industries, and there will likely be a high demand for professionals with expertise in this field.&lt;/p&gt;

&lt;p&gt;Virtual Reality (VR) and Augmented Reality (AR) Developer: As VR and AR technology becomes more widely adopted, there will be a need for professionals with expertise in these areas to design and develop immersive experiences.&lt;/p&gt;

</description>
      <category>career</category>
      <category>programming</category>
    </item>
    <item>
      <title>HOW TO INSTALL AND CONFIGURE MONGODB ON WINDOWS 10</title>
      <dc:creator>Thalhatou Yahya</dc:creator>
      <pubDate>Thu, 17 Dec 2020 09:10:04 +0000</pubDate>
      <link>https://dev.to/thalhatou/how-to-install-and-configure-mongodb-on-windows-10-1a32</link>
      <guid>https://dev.to/thalhatou/how-to-install-and-configure-mongodb-on-windows-10-1a32</guid>
      <description>&lt;h1&gt;
  
  
  1.INTRODUCTION
&lt;/h1&gt;

&lt;p&gt;In this tutorial, we are going to show you how to install MongoDB on Windows 10 operating system .Lets start by briefly understanding what MongoDB is all about.&lt;/p&gt;

&lt;h2&gt;
  
  
  History of MongoDB
&lt;/h2&gt;

&lt;p&gt;MongoDB was created by Eliot and Dwight (founders of DoubleClick) in 2007, when they faced scalability issues while working with relational database. The organization that developed MongoDB was originally known as 10gen.&lt;br&gt;
In Feb 2009, they changed their business model and released MongoDB as an open source Project. The organization changed its name in 2013 and now known as MongoDB Inc.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is MongodDB?
&lt;/h2&gt;

&lt;p&gt;MongoDB is a NoSQL database. There are different types of NoSQL databases, so to be specific :&lt;br&gt;
MongoDB is an open source, document oriented database that stores data in the form of documents (key and value pairs). &lt;/p&gt;

&lt;h3&gt;
  
  
  What is a document?
&lt;/h3&gt;

&lt;p&gt;If you came from a relational database background then you can think of them as rows in RDBMS.&lt;/p&gt;

&lt;h1&gt;
  
  
  2.INSTALLATION
&lt;/h1&gt;

&lt;p&gt;###STEP1&lt;br&gt;
  Go to MongoDB official download Page following this &lt;a href="https://www.mongodb.com/download-center#community"&gt;link&lt;/a&gt; select your operating system as windows and click download as shown in the screenshot below. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--uikg0cZ5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/w513znh4wtkxw4vzs1l1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--uikg0cZ5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/w513znh4wtkxw4vzs1l1.png" alt="mongodb download page"&gt;&lt;/a&gt;&lt;br&gt;
A .msi file like this &lt;em&gt;mongodb-windows-x86_64-4.4.2-signed&lt;/em&gt; will be downloaded in your system. Double click on the file to run the installer. &lt;br&gt;
 &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--2dQRrM1Z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/e25bj6kcknitbqcxkjon.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2dQRrM1Z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/e25bj6kcknitbqcxkjon.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2:
&lt;/h3&gt;

&lt;p&gt;Click Next when the MongoDB installation window pops up.&lt;br&gt;
 &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--LVtElQQg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/eytmdhkv4f0tw0551mh7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LVtElQQg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/eytmdhkv4f0tw0551mh7.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 3: Accept the MongoDB user Agreement and click Next.
&lt;/h2&gt;

&lt;p&gt;That’s it.Wait for it to install Click Finish once the MongoDB installation is complete.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4UP7dJ5N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/yk0u7i0pvfjnf6vssmek.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4UP7dJ5N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/yk0u7i0pvfjnf6vssmek.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  3.Configuration
&lt;/h1&gt;

&lt;h3&gt;
  
  
  Step1
&lt;/h3&gt;

&lt;p&gt;Go to the server path of &lt;em&gt;mongoDb&lt;/em&gt; in Program Files and copy the  bin folder path as shown below on the screenshot&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZvyUx4Zv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bvagefsy9xiy3gr6cspp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZvyUx4Zv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bvagefsy9xiy3gr6cspp.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2
&lt;/h3&gt;

&lt;p&gt;Now we need to add the path we copy to the system environment variable path so we can access mongoDB from our windows terminal directly and carry out operations.lets do this as show on screenshots below&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4UP7dJ5N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/yk0u7i0pvfjnf6vssmek.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4UP7dJ5N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/yk0u7i0pvfjnf6vssmek.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Lets click on Environment Variables and Click on Path Variables
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1YgqzrXQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wb2va03qb9asofwjsbcw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1YgqzrXQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wb2va03qb9asofwjsbcw.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
click on new &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--OdtAtgk4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/16fxpmz1esaps379w45i.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OdtAtgk4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/16fxpmz1esaps379w45i.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Now lets paste the path to the bin folder we copied earlier to the new variable path we created &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--TM1EbeEz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bfz5262wbp5ckbcd9071.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--TM1EbeEz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bfz5262wbp5ckbcd9071.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Now to check if its working we are going to run our command prompt as an administrator and run the command &lt;em&gt;mongo --version&lt;/em&gt; and if you see as shown on the screenshot below then its working.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--mBgxIATF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/45b08ebfbssd29sulofa.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mBgxIATF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/45b08ebfbssd29sulofa.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Thanks for reading see you next time.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>How to Install MySQL Workbench and XAMPP on Mac</title>
      <dc:creator>Thalhatou Yahya</dc:creator>
      <pubDate>Thu, 19 Nov 2020 09:04:34 +0000</pubDate>
      <link>https://dev.to/thalhatou/how-to-install-mysql-workbench-and-xampp-on-mac-1okd</link>
      <guid>https://dev.to/thalhatou/how-to-install-mysql-workbench-and-xampp-on-mac-1okd</guid>
      <description>&lt;p&gt;lets start by installing XAMPP .&lt;br&gt;
 Procedures :&lt;br&gt;
Download the correct version of XAMPP&lt;br&gt;
Run the installer with the default options&lt;br&gt;
Launch XAMPP&lt;br&gt;
Start the services.&lt;br&gt;
Go to &lt;a href="https://www.apachefriends.org/download.html"&gt;Apache Friends&lt;/a&gt; and download the correct version of XAMPP.&lt;br&gt;
For this tutorial, I'll be using XAMPP 7.2.28 for OSX.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Ekx_7nl4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/2ypqs8wlx0jkqdzi4h1x.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Ekx_7nl4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/2ypqs8wlx0jkqdzi4h1x.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
After Downloading &lt;br&gt;
Once you open the .dmg file you'll see a window, as follows.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--AhRei5b8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ppdpqujw2aq2a4lmzigh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AhRei5b8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ppdpqujw2aq2a4lmzigh.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
To install the XAMPP on your macOS machine, simply double-click the application inside the installer window and it'll open the main installer window for XAMPP.&lt;/p&gt;

&lt;p&gt;Just click Next, Next, and Next until it installs. No need to change any settings in the installer.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Run XAMPP&lt;br&gt;
To run XAMPP, go to Applications Folder on macOS, locate XAMPP Folder and inside that folder, locate an app manager-osx and run it.&lt;br&gt;
Now, it's time to use XAMPP but before we can do that, we need to activate and run its services which we need to run the servers.&lt;br&gt;
Once the application is open, go to "Manage Servers" tab and click on "Start All" button.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RK7XYJe0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/lobx4f3a8y9wz8j2lhdl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RK7XYJe0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/lobx4f3a8y9wz8j2lhdl.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Wait for it to give all the green lights and then, it a go.&lt;br&gt;
You can access the servers on your browser through localhost&lt;br&gt;
Now its time to install MySQL Workbench.&lt;br&gt;
Lets start by understanding briefly what is MySQL and Xampp.&lt;br&gt;
 What is MySQL?&lt;br&gt;
MySQL is powered by the oracle corporation, and it is an open-source relational database management system (RDBMS) that works on many platforms.&lt;br&gt;
It uses a client/server model, which means the database typically runs on a server.&lt;br&gt;
It provides multi-user access to support many storage engines and not only these, but it also offers various other features like it provides good connectivity so you can connect with multiple databases and clients.&lt;br&gt;
MySQL uses Structured Query Language(SQL) to define, update, and query the database.&lt;br&gt;
It provides a low total cost of ownership and It is very flexible and scalable.&lt;br&gt;
It provides various other tools such as MySQL workbench.&lt;br&gt;
It is very robust and secure.&lt;/p&gt;

&lt;p&gt;What is MySQL Workbench?&lt;br&gt;
MySQL Workbench is nothing but a visual or Graphical &lt;br&gt;
tool/IDE by which you can work with MySQL servers/databases and perform database connectivity.&lt;br&gt;
It is a dashboard that enables you to prepare models, perform server administration, monitor and configure your data and also perform data migration.&lt;br&gt;
It allows you to connect with the MySQL database. It makes working on the databases a lot easier because it has all the tools included to be able to build databases, tables and also administrate the database itself, for example, you can add users manage their rights.&lt;br&gt;
It allows you to do queries and other things.&lt;br&gt;
MySQL Workbench is available for all major operating systems like Windows, Linux, and Mac Os X.But our main focus here is to install it on Mac .&lt;br&gt;
lets start by downloading  MySQL Workbench from this &lt;a href="https://dev.mysql.com/downloads/workbench/"&gt;link&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--lfqUwrv8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/d373c6dz66jhqzmyjtm5.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--lfqUwrv8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/d373c6dz66jhqzmyjtm5.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Select the operating system as macOS and then click on the Download link to download the DMG archive file.&lt;br&gt;
As soon as you click on the download link, you will be redirected to another webpage, and it will ask you to Login or Sign Up to the oracle web account.&lt;br&gt;
But if you are only concerned about downloading the file, then click on the link “No thanks, just start my download” as shown in the below figure.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--aFJWanl8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kp0yw5snlhuqig3w8bhu.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--aFJWanl8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kp0yw5snlhuqig3w8bhu.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
After you have successfully downloaded the MySQL installer MSI file in your system, Now you need to install it in your system.&lt;br&gt;
Double click on the installer file, and you will see that the setup wizard of MySQL Workbench will open.&lt;br&gt;
Click the Next button to proceed&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vWZcxiPE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/vuvtsviszwjgx5ws4wia.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vWZcxiPE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/vuvtsviszwjgx5ws4wia.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Wait for a while until MySQL Workbench is copied to the Applications, and MySQL Workbench will be successfully installed in your system.&lt;br&gt;
To start MySQL Workbench, go to Finder&amp;gt;&amp;gt;Applications and then double click on the MySQL Workbench icon to open it.&lt;br&gt;
On opening for the first time, you will see something like this user interface, as shown in the figure below&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hoCDLmDb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/2z0013n15v16ctwfr51b.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hoCDLmDb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/2z0013n15v16ctwfr51b.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
To connect MySQL Workbench with MySQL Server, click on the location highlighted with the red arrow, as shown in the above figure.&lt;br&gt;
As soon as you click on it, a dialog box will appear, and it will ask you to fill the password.&lt;br&gt;
This is the same password that you have given during the installation process of MySQL Server, so fill in the correct password and click on the OK button.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--zWlSwBnm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/lee09nqozgv1omc6bdcd.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--zWlSwBnm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/lee09nqozgv1omc6bdcd.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>mysql</category>
      <category>xampp</category>
      <category>php</category>
    </item>
    <item>
      <title>Essential extensions for Angular developers</title>
      <dc:creator>Thalhatou Yahya</dc:creator>
      <pubDate>Mon, 05 Oct 2020 11:59:24 +0000</pubDate>
      <link>https://dev.to/thalhatou/essential-extensions-for-angular-developers-1mc0</link>
      <guid>https://dev.to/thalhatou/essential-extensions-for-angular-developers-1mc0</guid>
      <description>&lt;p&gt;Visual Studio Code (more casually known as VS code) is a lightweight but powerful cross platform open source code editor that runs on your desktop. With built in support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. I quickly fell in love with the editor the more I used it to build my projects.&lt;/p&gt;

&lt;p&gt;Another reason for its broad popularity is the various extensions available in the marketplace that enrich the  development workflow. Today we are going to be looking at Angular Essentials extension pack for angular developers and some of the extensions included in this pack.&lt;br&gt;
lets start by navigating to the Extension Menu of vs code and  Search for the &lt;strong&gt;Angular Essentials&lt;/strong&gt; keyword and click on the &lt;strong&gt;install&lt;/strong&gt; &lt;br&gt;
button.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--zdc3Azeg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/t6xx1yoy2st3n2ybn1k5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--zdc3Azeg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/t6xx1yoy2st3n2ybn1k5.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
This &lt;a href="https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials"&gt;Angular Essential pack&lt;/a&gt; comes with 12 extensions to help angular developers boost their workflow and productivity some of them include.&lt;/p&gt;

&lt;p&gt;1.&lt;strong&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2&amp;amp;wt.mc_id=angularessentials-github-jopapa"&gt;Angular TypeScript Snippets&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
   The Angular Snippets extension contains a collection of TypeScript and HTML code snippets for various Angular artifact, such as components,root app component,module,pipe,404 route path etc.&lt;br&gt;
&lt;strong&gt;note&lt;/strong&gt;&lt;br&gt;
All available Angular snippets start with the a- prefix. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XbLcUvUF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bhuhfbgwt6bifm7v4mna.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XbLcUvUF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bhuhfbgwt6bifm7v4mna.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
2.&lt;strong&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=Angular.ng-template"&gt;Angular Language Service&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
      The Angular Language Service extension is developed and maintained by the Angular team and provides code completion, navigation,Go-to navigation and error detection inside Angular templates and its part of the angular essentials extension pack.To see some of the powerful capabilities of the extension, let's have a look at the code completion feature. Suppose that we want to display a new property called &lt;strong&gt;lead&lt;/strong&gt; in the template of AppComponent. We can set this by defining the new property in the component class.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XKCivIGk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/mrcjmael3yjne08aavvj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XKCivIGk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/mrcjmael3yjne08aavvj.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
then Start typing the name of the property in the template. The Angular Language Service will find it and suggest it for you automatically.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZH7q7ZVJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/x3u7zio3hbyxc11cpbw2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZH7q7ZVJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/x3u7zio3hbyxc11cpbw2.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
3.&lt;strong&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=nrwl.angular-console"&gt;Nx Console&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
Most of the time developers want to concentrate on delivering top notch Angular applications instead of trying to remember the syntax of every CLI command they want to use so Nx Console is an interactive UI for the Angular CLI that aims to assist developers that are not very comfortable with the command-line interface (CLI) or do not want to use it at all.To used the extension all you have to do is click at &lt;strong&gt;Nx console icon&lt;/strong&gt; at the vs code menu and select your workspace and your good to go.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hwgL1VsU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kpha3t9jsqgfjqqynmvx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hwgL1VsU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kpha3t9jsqgfjqqynmvx.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
4.&lt;strong&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=pkief.material-icon-theme&amp;amp;wt.mc_id=angularessentials-github-jopapa"&gt;Material icon theme&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
   VS Code initially comes with some built-in set of icons that it uses to display different types of files in a project. This extension provides additional icons that conform to the Material Design guidelines by Google.&lt;br&gt;
Using this extension, you can easily spot the type of Angular files in a project, such as components and modules, and increase developer productivity, especially in large projects with lots of files.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RgZl0K33--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/yxkzafw2u20bwj2bjj3p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RgZl0K33--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/yxkzafw2u20bwj2bjj3p.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
 &lt;strong&gt;NB&lt;/strong&gt;&lt;br&gt;
You need to reload VS Code after this extension is installed for the icon changes to take effect.&lt;/p&gt;

&lt;p&gt;5.&lt;strong&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-tslint-plugin"&gt;TSLint&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
TSLint is an extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors by applying a set of rules. These rules are defined in the &lt;strong&gt;tslint.json&lt;/strong&gt; configuration file, which can be found in the root folder of an Angular CLI project. It is maintained by Microsoft and must be installed separately since its not part of the essential pack.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--w9bRuZkE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/witl72syb8hv0czw7g91.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--w9bRuZkE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/witl72syb8hv0czw7g91.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
 6.&lt;strong&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock"&gt;Peacock&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
        Peacock vs code extension helps you to Quickly identify each of your Visual Studio Code instances using your favorite colors and its part of the Essential extensions for Angular developers as seen below.its very import when your working with multiple code instances (separate vs code windows with different part of the projects)&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--YNUpfijB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/yj78334760v5d3g2ijjd.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YNUpfijB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/yj78334760v5d3g2ijjd.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;7.&lt;strong&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig"&gt;EditorConfig&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
    VS Code editor settings, such as indentation or spacing, can be set at a user or project level. EditorConfig can override these settings using a configuration file called .&lt;strong&gt;editorconfig&lt;/strong&gt;, which can be found in the root folder of an Angular CLI project. You can define unique settings in this file according to your project requirement and all your team Members can follow this configuration to ensure the consistency of the coding style across your team.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3cHx9K2V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/gj0h71tcbal85hwltycb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3cHx9K2V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/gj0h71tcbal85hwltycb.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
8.&lt;strong&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script&amp;amp;wt.mc_id=angularessentials-github-jopapa"&gt;npm&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;
   This extension supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.json.&lt;br&gt;
&lt;strong&gt;Notice&lt;/strong&gt; The validation is done by running npm and it is not run when the modules are managed by yarn.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--LIizJIW3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/fa7qo3b7g4snl4sxg2i8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LIizJIW3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/fa7qo3b7g4snl4sxg2i8.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
           Other extensions in the pack include&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome&amp;amp;wt.mc_id=angularessentials-github-jopapa"&gt;Debugger for Chrome&lt;/a&gt;&lt;br&gt;
Debug your JavaScript code running in Google Chrome from VS Code.&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint&amp;amp;wt.mc_id=angularessentials-github-jopapa"&gt;ESLint&lt;/a&gt;&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode&amp;amp;wt.mc_id=angularessentials-github-jopapa"&gt;Prettier - Code formatter&lt;/a&gt;&lt;br&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=johnpapa.winteriscoming&amp;amp;ssr=false"&gt;Winter is Coming Theme&lt;/a&gt;&lt;br&gt;
        I hope you found this helpful, if you have any questions comment below or reach out to me on &lt;a href="https://twitter.com/thalhatou"&gt;twitter&lt;/a&gt; or &lt;a href="https://www.facebook.com/thalhatouyahya"&gt;facebook&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>angular</category>
      <category>javascript</category>
      <category>extensions</category>
      <category>vscode</category>
    </item>
  </channel>
</rss>
