<?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: hassane Ihammouten</title>
    <description>The latest articles on DEV Community by hassane Ihammouten (@ucode).</description>
    <link>https://dev.to/ucode</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%2F944504%2F721a1c51-7959-4cbf-be8f-4904f031fb76.png</url>
      <title>DEV Community: hassane Ihammouten</title>
      <link>https://dev.to/ucode</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ucode"/>
    <language>en</language>
    <item>
      <title>How to write a 1000 words blog post in under 20 minutes?</title>
      <dc:creator>hassane Ihammouten</dc:creator>
      <pubDate>Mon, 31 Oct 2022 07:52:16 +0000</pubDate>
      <link>https://dev.to/ucode/how-to-write-a-1000-words-blog-post-in-under-20-minutes-2ndf</link>
      <guid>https://dev.to/ucode/how-to-write-a-1000-words-blog-post-in-under-20-minutes-2ndf</guid>
      <description>&lt;p&gt;If you're anything like me, the thought of writing a 1000 words blog post can be pretty daunting. I'm not going to lie; it took me a while to build up the courage to actually sit down and write one of these bad boys. But once I started, I found it wasn't as difficult as I thought it would be. In fact, I could write a 1000 words blog post in under 20 minutes with the help of &lt;a href="https://jasper.ai?fpr=ucode"&gt;Jasper!&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're not familiar with &lt;a href="https://jasper.ai?fpr=ucode"&gt;Jasper&lt;/a&gt;, it's a tool that allows you to generate content for your blog posts automatically. All you need to do is enter a few keywords, which will generate relevant content for you. Best of all.&lt;/p&gt;

&lt;p&gt;So if you're ready to write a 1000 words blog post in under 20 minutes, then here's what you need to do:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Go to &lt;a href="https://jasper.ai?fpr=ucode"&gt;Jasper&lt;/a&gt; and create an account.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Enter your keywords into the search bar.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Select the topics that you want to write about.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Click on the "Generate Content" button.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Copy and paste the generated content into your blog post.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;And that's it! You now have a 1000 words blog post that is ready to be published. Just remember to proofread it before you hit the "publish" button.&lt;/p&gt;

&lt;p&gt;If you found this tip helpful, then be sure to check out &lt;a href="https://jasper.ai?fpr=ucode"&gt;Jasper&lt;/a&gt; for more great content ideas. Trust me; it will make your life a whole lot easier.&lt;/p&gt;

</description>
      <category>blogging</category>
      <category>blog</category>
      <category>bloggers</category>
      <category>blogingtips</category>
    </item>
    <item>
      <title>10 Things You Need To Know Before you Start Learning Programming</title>
      <dc:creator>hassane Ihammouten</dc:creator>
      <pubDate>Wed, 19 Oct 2022 06:50:19 +0000</pubDate>
      <link>https://dev.to/ucode/10-things-you-need-to-know-before-you-start-learning-programming-439k</link>
      <guid>https://dev.to/ucode/10-things-you-need-to-know-before-you-start-learning-programming-439k</guid>
      <description>&lt;p&gt;As someone who wants to learn how to code, you may feel excitement and anxiety. Excitement because coding is an in-demand skill that can lead to lucrative job opportunities, and anxiety because learning how to code can be overwhelming.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--6ysZ4K0q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/esnbewyi3rw7dddutplk.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--6ysZ4K0q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/esnbewyi3rw7dddutplk.jpeg" alt="Image learn coding today" width="880" height="495"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Don’t worry-we’re here to help. This article will give you a crash course on everything you need to know before you start learning to program. By the end of this article, you’ll have a solid understanding of what coding is, what it’s used for, and what you need to do to get started.&lt;/p&gt;

&lt;p&gt;Find the full article here: &lt;a href="https://www.u-code.online/10-things-you-need-to-know-before-you-start-learning-programming/"&gt;https://www.u-code.online/10-things-you-need-to-know-before-you-start-learning-programming/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Lcn2pRNg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3k7urmoxf1mh2j79gfyu.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Lcn2pRNg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3k7urmoxf1mh2j79gfyu.jpeg" alt="Image 10 Things You Need To Know Before you Start Learning Programming" width="880" height="1320"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Share 10 Things to Know Before Coding Recap&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Youtube studio sidebar clone HTML, CSS and Javascript</title>
      <dc:creator>hassane Ihammouten</dc:creator>
      <pubDate>Sat, 15 Oct 2022 08:08:58 +0000</pubDate>
      <link>https://dev.to/ucode/youtube-studio-sidebar-clone-html-css-and-javascript-1al7</link>
      <guid>https://dev.to/ucode/youtube-studio-sidebar-clone-html-css-and-javascript-1al7</guid>
      <description>&lt;p&gt;Hello friends 👋, in this tutorial, I will show how to make a Youtube studio sidebar menu clone with HTML, CSS, and some JavaScript Code to open and close the menu.&lt;/p&gt;

&lt;p&gt;To follow this tutorial, you need two things installed on your laptop.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A web browser: Google Chrome, Firefox, or any other web browser.&lt;/li&gt;
&lt;li&gt;A text editor: the most famous developer text editor is VScode, but you can use any text editor.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you prefer reading, here is my post explaining how to make this sidebar menu clone.&lt;br&gt;
&lt;a href="http://www.u-code.online/youtube-studio-sidebar-clone-html-css-and-javascript/"&gt;http://www.u-code.online/youtube-studio-sidebar-clone-html-css-and-javascript/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Or watching video tutorial:&lt;br&gt;
&lt;a href="https://youtu.be/iC0XHAN7dMA"&gt;https://youtu.be/iC0XHAN7dMA&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.buymeacoffee.com/ucode/e/95281"&gt;C﻿ode source&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>css</category>
      <category>html</category>
    </item>
    <item>
      <title>How to build a dark mode toggle with CSS and Javascript</title>
      <dc:creator>hassane Ihammouten</dc:creator>
      <pubDate>Sat, 15 Oct 2022 05:47:14 +0000</pubDate>
      <link>https://dev.to/ucode/how-to-build-a-dark-mode-toggle-with-css-and-javascript-j0</link>
      <guid>https://dev.to/ucode/how-to-build-a-dark-mode-toggle-with-css-and-javascript-j0</guid>
      <description>&lt;p&gt;Hello friends 👋, after being asked many times how to make a dark mode toggle, I have decided to write this step-by-step tutorial with HTML, CSS, and JavaScript.&lt;/p&gt;

&lt;p&gt;To follow this tutorial, you need two things installed on your laptop.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;A web browser: Google Chrome, Firefox, or any other web browser.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;A text editor: the most famous developer text editor is VScode, but you can use any text editor.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=CObOf-HlRUM&amp;amp;ab_channel=Ucode"&gt;https://www.youtube.com/watch?v=CObOf-HlRUM&amp;amp;ab_channel=Ucode&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  CHAPTERS:
&lt;/h2&gt;

&lt;p&gt;00:00 Light/Dark mode toggle introduction&lt;br&gt;
00:13 Add HTML CSS JS files&lt;br&gt;
01:04 CSS Global Variables&lt;br&gt;
01:31 HTML structure&lt;br&gt;
02:48 Page Styling&lt;br&gt;
04:54 Toggle Button With JavaScript&lt;br&gt;
06:14 Changing Dark theme global variables&lt;/p&gt;

&lt;p&gt;If you prefer reading, here is my post explaining how to make this sidebar menu clone.&lt;br&gt;
&lt;a href="http://www.u-code.online/how-to-build-a-dark-mode-toggle-with-css-and-javascript/"&gt;http://www.u-code.online/how-to-build-a-dark-mode-toggle-with-css-and-javascript/&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  CODE SOURCE:
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.buymeacoffee.com/ucode/e/95279"&gt;https://www.buymeacoffee.com/ucode/e/95279&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>css</category>
      <category>html</category>
    </item>
  </channel>
</rss>
