<?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: Ali Boukaroui</title>
    <description>The latest articles on DEV Community by Ali Boukaroui (@aliboukaroui).</description>
    <link>https://dev.to/aliboukaroui</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%2F447042%2F29d59311-2c7d-4db8-ae5a-984246bddb95.jpg</url>
      <title>DEV Community: Ali Boukaroui</title>
      <link>https://dev.to/aliboukaroui</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/aliboukaroui"/>
    <language>en</language>
    <item>
      <title>Learn Vuejs for Free!</title>
      <dc:creator>Ali Boukaroui</dc:creator>
      <pubDate>Mon, 18 Oct 2021 12:16:59 +0000</pubDate>
      <link>https://dev.to/aliboukaroui/learn-vuejs-for-free-1fbd</link>
      <guid>https://dev.to/aliboukaroui/learn-vuejs-for-free-1fbd</guid>
      <description>&lt;p&gt;😻 I will appreciate your feedback.&lt;/p&gt;

&lt;p&gt;Please follow this full thread:&lt;/p&gt;


&lt;blockquote class="ltag__twitter-tweet"&gt;
      &lt;div class="ltag__twitter-tweet__media"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WolG1jw7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://pbs.twimg.com/media/FBDYSvoXIAIgklN.jpg" alt="unknown tweet media content"&gt;
      &lt;/div&gt;

  &lt;div class="ltag__twitter-tweet__main"&gt;
    &lt;div class="ltag__twitter-tweet__header"&gt;
      &lt;img class="ltag__twitter-tweet__profile-image" src="https://res.cloudinary.com/practicaldev/image/fetch/s--X5Bj8hIz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://pbs.twimg.com/profile_images/1434938873101099013/K9Xafy2P_normal.png" alt="Ali Boukaroui profile image"&gt;
      &lt;div class="ltag__twitter-tweet__full-name"&gt;
        Ali Boukaroui
      &lt;/div&gt;
      &lt;div class="ltag__twitter-tweet__username"&gt;
        &lt;a class="mentioned-user" href="https://dev.to/aliboukaroui"&gt;@aliboukaroui&lt;/a&gt;

      &lt;/div&gt;
      &lt;div class="ltag__twitter-tweet__twitter-logo"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ir1kO05j--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/twitter-f95605061196010f91e64806688390eb1a4dbc9e913682e043eb8b1e06ca484f.svg" alt="twitter logo"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="ltag__twitter-tweet__body"&gt;
      🧵 Introduction to &lt;a href="https://twitter.com/hashtag/vuejs"&gt;#vuejs&lt;/a&gt; &lt;br&gt;&lt;br&gt;It is an open-source progressive JS framework used to develop interactive web interfaces. Its focuses on the view layer &amp;amp; can be easily integrated into big projects for front-end development without any issues.&lt;br&gt;&lt;br&gt;&lt;a href="https://twitter.com/hashtag/100DaysOfCode"&gt;#100DaysOfCode&lt;/a&gt; &lt;a href="https://twitter.com/hashtag/WomenWhoCode"&gt;#WomenWhoCode&lt;/a&gt; &lt;a href="https://twitter.com/hashtag/CodeNewBie"&gt;#CodeNewBie&lt;/a&gt; 
    &lt;/div&gt;
    &lt;div class="ltag__twitter-tweet__date"&gt;
      23:28 PM - 06 Oct 2021
    &lt;/div&gt;


    &lt;div class="ltag__twitter-tweet__actions"&gt;
      &lt;a href="https://twitter.com/intent/tweet?in_reply_to=1445893772026556416" class="ltag__twitter-tweet__actions__button"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--fFnoeFxk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/twitter-reply-action-238fe0a37991706a6880ed13941c3efd6b371e4aefe288fe8e0db85250708bc4.svg" alt="Twitter reply action"&gt;
      &lt;/a&gt;
      &lt;a href="https://twitter.com/intent/retweet?tweet_id=1445893772026556416" class="ltag__twitter-tweet__actions__button"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--k6dcrOn8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/twitter-retweet-action-632c83532a4e7de573c5c08dbb090ee18b348b13e2793175fea914827bc42046.svg" alt="Twitter retweet action"&gt;
      &lt;/a&gt;
      &lt;a href="https://twitter.com/intent/like?tweet_id=1445893772026556416" class="ltag__twitter-tweet__actions__button"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SRQc9lOp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/twitter-like-action-1ea89f4b87c7d37465b0eb78d51fcb7fe6c03a089805d7ea014ba71365be5171.svg" alt="Twitter like action"&gt;
      &lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/blockquote&gt;


</description>
      <category>vue</category>
      <category>beginners</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>🧠 My Latest 12 JS Infographics Tips In One Post 👏</title>
      <dc:creator>Ali Boukaroui</dc:creator>
      <pubDate>Sun, 26 Sep 2021 11:44:37 +0000</pubDate>
      <link>https://dev.to/aliboukaroui/my-latest-12-js-infographics-tips-in-one-post-3jkm</link>
      <guid>https://dev.to/aliboukaroui/my-latest-12-js-infographics-tips-in-one-post-3jkm</guid>
      <description>&lt;p&gt;😻 I will appreciate your feedback.&lt;/p&gt;

&lt;p&gt;👉 For more useful content, please follow me on &lt;a href="https://twitter.com/Aliboukaroui"&gt;@aliboukaroui&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1440861751927468045"&gt;https://twitter.com/Aliboukaroui/status/1440861751927468045&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1440524083536412677"&gt;https://twitter.com/Aliboukaroui/status/1440524083536412677&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1439707340148723716"&gt;https://twitter.com/Aliboukaroui/status/1439707340148723716&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1439538926600036360"&gt;https://twitter.com/Aliboukaroui/status/1439538926600036360&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1436794566179500033"&gt;https://twitter.com/Aliboukaroui/status/1436794566179500033&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1436109370132246539"&gt;https://twitter.com/Aliboukaroui/status/1436109370132246539&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1435377439350341632"&gt;https://twitter.com/Aliboukaroui/status/1435377439350341632&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1434315507818274816"&gt;https://twitter.com/Aliboukaroui/status/1434315507818274816&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1434321219235500034"&gt;https://twitter.com/Aliboukaroui/status/1434321219235500034&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1434886621007073282"&gt;https://twitter.com/Aliboukaroui/status/1434886621007073282&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1434948809558265856"&gt;https://twitter.com/Aliboukaroui/status/1434948809558265856&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://twitter.com/Aliboukaroui/status/1435057478362976260"&gt;https://twitter.com/Aliboukaroui/status/1435057478362976260&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>🧠 Access and process nested objects, arrays &amp; JSON</title>
      <dc:creator>Ali Boukaroui</dc:creator>
      <pubDate>Mon, 06 Sep 2021 14:51:39 +0000</pubDate>
      <link>https://dev.to/aliboukaroui/access-and-process-nested-objects-arrays-json-2bbl</link>
      <guid>https://dev.to/aliboukaroui/access-and-process-nested-objects-arrays-json-2bbl</guid>
      <description>&lt;p&gt;For more useful content, please follow me on &lt;a href="https://twitter.com/Aliboukaroui"&gt;@aliboukaroui&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;With the onset of ES2015 there are alternatives to get a hold of the data you require. There is now a feature called object destructuring for accessing nested objects.&lt;/p&gt;

&lt;p&gt;The above example creates a variable called secondName from the name key from an array called items, the lonely , says skip the first object in the array.&lt;/p&gt;

&lt;p&gt;Notably it's probably overkill for this example, as simple array acccess is easier to read, but it comes in useful when breaking apart objects in general.&lt;/p&gt;

</description>
      <category>javascript</category>
    </item>
    <item>
      <title>🧠 How to access the correct `This` inside a callback</title>
      <dc:creator>Ali Boukaroui</dc:creator>
      <pubDate>Mon, 06 Sep 2021 14:46:50 +0000</pubDate>
      <link>https://dev.to/aliboukaroui/brain-how-to-access-the-correct-this-inside-a-callback-41kl</link>
      <guid>https://dev.to/aliboukaroui/brain-how-to-access-the-correct-this-inside-a-callback-41kl</guid>
      <description>&lt;p&gt;For more useful content, please follow me on &lt;a href="https://twitter.com/Aliboukaroui"&gt;@aliboukaroui&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This is a special keyword inside each function and its value only depends on how the function was called, not how/when/where it was defined.&lt;/p&gt;

&lt;p&gt;❌ Don't use &lt;code&gt;This&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;You actually don't want to access &lt;code&gt;This&lt;/code&gt; in particular, but the object it refers to. That's why an easy solution is to simply create a new variable that also refers to that object. The variable can have any name, but common ones are 'self' and 'that'.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sDO5udfb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bksc7u5uriifvo2ttimd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sDO5udfb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bksc7u5uriifvo2ttimd.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;✅ How to refer to the correct this&lt;/p&gt;

&lt;p&gt;👉 Use arrow functions 👈&lt;/p&gt;

&lt;p&gt;ECMAScript 6 introduced arrow functions, which can be thought of as lambda functions. They don't have their own this binding. Instead, this is looked up in scope just like a normal variable.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--EJwdaN_p--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ymf5j08cmbaqi7p86wlg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EJwdaN_p--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ymf5j08cmbaqi7p86wlg.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
    </item>
    <item>
      <title>🧠 Remove a specific item from an array</title>
      <dc:creator>Ali Boukaroui</dc:creator>
      <pubDate>Mon, 06 Sep 2021 14:40:56 +0000</pubDate>
      <link>https://dev.to/aliboukaroui/remove-a-specific-item-from-an-array-36fk</link>
      <guid>https://dev.to/aliboukaroui/remove-a-specific-item-from-an-array-36fk</guid>
      <description>&lt;p&gt;✅ Find the index of the array element you want to remove using indexOf, and then remove that index with splice.&lt;/p&gt;

&lt;p&gt;For more useful content, please follow me on &lt;a href="https://twitter.com/Aliboukaroui"&gt;@aliboukaroui&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
    </item>
    <item>
      <title>Beautiful 100+ UI Blocks To Create Landing Pages.</title>
      <dc:creator>Ali Boukaroui</dc:creator>
      <pubDate>Sat, 02 Jan 2021 00:03:23 +0000</pubDate>
      <link>https://dev.to/aliboukaroui/beautiful-100-ui-blocks-to-create-landing-pages-2h03</link>
      <guid>https://dev.to/aliboukaroui/beautiful-100-ui-blocks-to-create-landing-pages-2h03</guid>
      <description>&lt;p&gt;No more hassles and no need to think about design and inspiration because it lets you construct gorgeous landing pages with an excellent user experience in both mobile and desktop, quickly and easily by using a simple Copy-Paste method.&lt;/p&gt;

&lt;p&gt;Save 200+ hours-worth of designing and coding: &lt;a href="http://frontendor.com/?utm_source=dev&amp;amp;utm_medium=p&amp;amp;utm_campaign=al"&gt;http://frontendor.com/?utm_source=dev&amp;amp;utm_medium=p&amp;amp;utm_campaign=al&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Get 6+ Beautiful Templates</title>
      <dc:creator>Ali Boukaroui</dc:creator>
      <pubDate>Sat, 02 Jan 2021 00:00:06 +0000</pubDate>
      <link>https://dev.to/aliboukaroui/get-6-beautiful-templates-5867</link>
      <guid>https://dev.to/aliboukaroui/get-6-beautiful-templates-5867</guid>
      <description>&lt;p&gt;Grab 6+ Beautiful Templates : &lt;a href="http://frontendor.com/?utm_source=dev&amp;amp;utm_medium=p&amp;amp;utm_campaign=al"&gt;http://frontendor.com/?utm_source=dev&amp;amp;utm_medium=p&amp;amp;utm_campaign=al&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>Multi-Year Database of Daily Ranked HackerNews Front Page Posts</title>
      <dc:creator>Ali Boukaroui</dc:creator>
      <pubDate>Thu, 31 Dec 2020 14:51:52 +0000</pubDate>
      <link>https://dev.to/aliboukaroui/multi-year-database-of-daily-ranked-hn-front-page-posts-49ha</link>
      <guid>https://dev.to/aliboukaroui/multi-year-database-of-daily-ranked-hn-front-page-posts-49ha</guid>
      <description>&lt;h1&gt;
  
  
  Features
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;A Multi-year database of Daily Ranked Hacker News Front Page posts.&lt;/li&gt;
&lt;li&gt;Tens of Thousands of records from multiple years, with more being added.&lt;/li&gt;
&lt;li&gt;Multiple data points, including Date, Post Rank, Post Title, Keywords, Posted on Week Day, Posting at Hour, Post Domain, Post URL, Posted by User, No. of Comments, Score, etc.&lt;/li&gt;
&lt;li&gt;Filterable and Searchable Color Coded Database&lt;/li&gt;
&lt;li&gt;Included only the curated and Top Ranked posts from the front page for each day of the year(s)(30 per day).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://gumroad.com/a/940438643"&gt;Sounds Interesting? Get Now &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>database</category>
      <category>startup</category>
    </item>
  </channel>
</rss>
