<?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: Abdellah  Alaoui</title>
    <description>The latest articles on DEV Community by Abdellah  Alaoui (@haikyuu_js).</description>
    <link>https://dev.to/haikyuu_js</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%2F12679%2Fk3rtQSOx.jpg</url>
      <title>DEV Community: Abdellah  Alaoui</title>
      <link>https://dev.to/haikyuu_js</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/haikyuu_js"/>
    <language>en</language>
    <item>
      <title>Coding Challenges nailed: how to shine and get the job</title>
      <dc:creator>Abdellah  Alaoui</dc:creator>
      <pubDate>Thu, 06 Aug 2020 10:55:13 +0000</pubDate>
      <link>https://dev.to/haikyuu_js/coding-challenges-nailed-how-to-shine-and-get-the-job-1cn7</link>
      <guid>https://dev.to/haikyuu_js/coding-challenges-nailed-how-to-shine-and-get-the-job-1cn7</guid>
      <description>&lt;h1&gt;
  
  
  Intro
&lt;/h1&gt;

&lt;p&gt;So you're looking for your next opportunity and you've applied here and there. The next step is usually a coding challenge. &lt;/p&gt;

&lt;h1&gt;
  
  
  What's a coding challenge and why am I doing it?
&lt;/h1&gt;

&lt;p&gt;A Coding challenge is how you show off your skills to the company that's interested in hiring you.&lt;br&gt;
Getting it right is not enough, as hundreds of other candidates will as well.&lt;/p&gt;

&lt;p&gt;You need to shine ✨ in order to get the job. You need to be the best or at least in the top 5. As the company will only interview 5-20 people for this job.&lt;/p&gt;

&lt;h1&gt;
  
  
  How to shine in a coding challenge
&lt;/h1&gt;

&lt;p&gt;First, let's clear some misconceptions:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Coding challenges are not about code. They're about communication.&lt;/li&gt;
&lt;li&gt;Don't let anything unplanned. You need to be intentional about the signals you send to the employer.&lt;/li&gt;
&lt;li&gt;A Coding challenge isn't secondary. If you nail the coding challenge, you almost got the job. As it's your first impression.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What are the signals you want to send to the employer?
&lt;/h2&gt;

&lt;p&gt;Defining those beforehand is very important. As these answers will drive the way you deal with the coding challenge.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;I am very organized.&lt;/li&gt;
&lt;li&gt;I am a clear thinker and communicator.&lt;/li&gt;
&lt;li&gt;I am a great problem solver.&lt;/li&gt;
&lt;li&gt;I pay attention to details.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That's my list. Tweak it for yourself or create your own. Now to the actionable and fun part. How do you send these signals?&lt;/p&gt;

&lt;h2&gt;
  
  
  How, When and Where to send your I AM GREAT signals?
&lt;/h2&gt;

&lt;p&gt;Coding challenges are one way communication mediums, just like letters. Take it like you're going to write a proposal letter to your future wife.&lt;/p&gt;

&lt;h3&gt;
  
  
  When: Choose a good time to start and don't do it in one go
&lt;/h3&gt;

&lt;p&gt;Why? For several reasons:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Energy ⚡️: you can't send good vibes when you're down or tired. So make sure you're on a good mood.&lt;/li&gt;
&lt;li&gt;A second look 👀: You of tomorrow is a new and better You. Have him look at the coding challenge, catch silly stuff and improve the submission.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Where: what are the things that can communicate your skills in the coding challenge?
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Readme instructions
&lt;/h4&gt;

&lt;p&gt;Take your time to write a helpful guide with links and all the steps needed. And if you use new concepts or libraries, make sure to link to where the reader can learn more.&lt;br&gt;
Also, make sure you include instructions for different OS if applicable.&lt;/p&gt;

&lt;h4&gt;
  
  
  Git commits
&lt;/h4&gt;

&lt;p&gt;Git commits are big differentiators. As most developers overlook those and focus on code. Here are the things you need to pay attention to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Break down the challenge to several features and make a commit per feature.&lt;/li&gt;
&lt;li&gt;Write the commit message in a text editor and make sure to include a body.&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chris.beams.io/posts/git-commit/"&gt;How to write a good commit message&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  UI (if applicable)
&lt;/h4&gt;

&lt;p&gt;If your coding challenge includes a UI part, then it's one of the most important things you need to focus on.&lt;/p&gt;

&lt;p&gt;The reviewer will probably run the project before looking at the code. And if it doesn't work or the UI is ugly, that's a definite no !!&lt;/p&gt;

&lt;p&gt;Instead, make sure the UI is pretty, responsive and includes animations. This way, you're almost sure you will shine ✨.&lt;/p&gt;

&lt;h4&gt;
  
  
  It should work as expected
&lt;/h4&gt;

&lt;p&gt;It's easy to overlook something in the challenge instructions, so make sure you read those carefully.&lt;/p&gt;

&lt;h4&gt;
  
  
  Write tests
&lt;/h4&gt;

&lt;p&gt;Many developers won't write tests if not told to. Don't be like them and &lt;a href="https://medium.com/@yahelyechieli/5-tips-for-writing-great-javascript-unit-tests-86296ad2d997"&gt;write effective tests&lt;/a&gt;.&lt;/p&gt;

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

&lt;p&gt;Coding challenges can be frustrating and time consuming. But you should take them seriously, learn from them and choose the best times to work on them. Remember to shine and do the best of yourself and you'll probably get the job!&lt;/p&gt;

&lt;p&gt;I hope I've helped you nail your coding challenge. If you find this post helpful, like and share it and follow me on &lt;a href="https://twitter.com/abdellah_js"&gt;twitter&lt;/a&gt;&lt;/p&gt;

</description>
      <category>hiring</category>
      <category>codingchallenge</category>
    </item>
    <item>
      <title>Getting to know browser extensions - Part 1</title>
      <dc:creator>Abdellah  Alaoui</dc:creator>
      <pubDate>Thu, 06 Aug 2020 10:06:11 +0000</pubDate>
      <link>https://dev.to/haikyuu_js/getting-to-know-browser-extensions-part-1-4842</link>
      <guid>https://dev.to/haikyuu_js/getting-to-know-browser-extensions-part-1-4842</guid>
      <description>&lt;h1&gt;
  
  
  Introduction
&lt;/h1&gt;

&lt;p&gt;If you are a web developer, you've got all the tools to build awesome browser extensions, since they're built with JS and html. You only need to learn specific stuff for this niche.&lt;/p&gt;

&lt;h3&gt;
  
  
  Why should I care?
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;💰 Browser extensions is a niche market, which means the wages are higher than elsewhere. &lt;/li&gt;
&lt;li&gt;🚀 Building for another platform is a great asset as you can reach interesting niches.&lt;/li&gt;
&lt;li&gt;🙃 Why not ?!&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  What we'll cover
&lt;/h3&gt;

&lt;p&gt;In the first post, we'll see the main concepts behind browser extensions and explore their capabilities.&lt;/p&gt;

&lt;p&gt;Note we'll be building a chrome extension. Later in this series, we'll see how it's not very different from firefox or other browsers extensions. And we'll see how to write cross-browser extensions with ease.&lt;/p&gt;

&lt;p&gt;After that, we'll be building a very useful timer extension. And we'll cover all the aspects of building it and publishing to the stores.&lt;/p&gt;

&lt;p&gt;If that sounds interesting to you, leave a comment or like and I'll move forward with the next post very soon.&lt;/p&gt;

&lt;p&gt;Thanks for reading this far.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>chrome</category>
      <category>browserextension</category>
      <category>firefox</category>
    </item>
    <item>
      <title>A credit card component built with React Native</title>
      <dc:creator>Abdellah  Alaoui</dc:creator>
      <pubDate>Tue, 07 Jul 2020 13:40:45 +0000</pubDate>
      <link>https://dev.to/haikyuu_js/a-credit-card-component-built-with-react-native-57mm</link>
      <guid>https://dev.to/haikyuu_js/a-credit-card-component-built-with-react-native-57mm</guid>
      <description>&lt;p&gt;Here is a little experiment that turned out cool ✨.&lt;br&gt;
You can grab the &lt;a href="https://github.com/haikyuu/rn-credit-card/"&gt;code from here&lt;/a&gt; and play with the &lt;a href="https://codesandbox.io/s/github/haikyuu/rn-credit-card"&gt;sandbox in the browser here&lt;/a&gt;&lt;/p&gt;

</description>
      <category>reactnative</category>
      <category>react</category>
      <category>ios</category>
      <category>android</category>
    </item>
  </channel>
</rss>
