<?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: oyetola sodiq</title>
    <description>The latest articles on DEV Community by oyetola sodiq (@shabzy1507).</description>
    <link>https://dev.to/shabzy1507</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%2F871240%2F363ff5fc-2c77-4dce-bb10-495ae6281c1c.jpg</url>
      <title>DEV Community: oyetola sodiq</title>
      <link>https://dev.to/shabzy1507</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/shabzy1507"/>
    <language>en</language>
    <item>
      <title>Top 5 ways to start off your week for maximum productivity</title>
      <dc:creator>oyetola sodiq</dc:creator>
      <pubDate>Mon, 03 Oct 2022 09:47:35 +0000</pubDate>
      <link>https://dev.to/shabzy1507/top-5-ways-to-start-off-your-week-for-maximum-productivity-gob</link>
      <guid>https://dev.to/shabzy1507/top-5-ways-to-start-off-your-week-for-maximum-productivity-gob</guid>
      <description>&lt;p&gt;The key to being productive is having a clear goal and executing on it. But if you're not starting your week off right, then how can you expect to achieve anything? In this blog post we will explore five habits that can help you start off your week for maximum productivity:&lt;/p&gt;

&lt;h2&gt;
  
  
  Habit 1: drinking water
&lt;/h2&gt;

&lt;p&gt;Water helps increase energy levels, which is a great way to start your day off right!&lt;/p&gt;

&lt;h2&gt;
  
  
  Habit 2: meditation
&lt;/h2&gt;

&lt;p&gt;Meditation is a great way to start your day off with a clear mind. It can also be used as an effective form of relaxation, giving you time to think about what you're going to accomplish that day and how it will benefit both yourself and others.&lt;/p&gt;

&lt;p&gt;Meditation is one of the most simple yet effective ways to improve productivity on any given day because it allows you to focus on one thing at a time without being distracted by other things around you (such as emails or phone calls).&lt;/p&gt;

&lt;h2&gt;
  
  
  Habit 3: meal prepping
&lt;/h2&gt;

&lt;p&gt;Meal prepping is the number one way to ensure that you are eating healthy and getting all of your nutrients.&lt;/p&gt;

&lt;p&gt;It's a great way to cut corners on food costs, especially when used in conjunction with meal planning.&lt;/p&gt;

&lt;p&gt;Meal prepping also reduces waste, which not only keeps your wallet happy but also helps reduce pollution as well!&lt;/p&gt;

&lt;h2&gt;
  
  
  Habit 4: exercise
&lt;/h2&gt;

&lt;p&gt;Exercise is an excellent way to start your day. It helps you feel energized, motivated and ready for a productive day.&lt;/p&gt;

&lt;p&gt;If you have a busy schedule, exercise can be done as part of your morning routine or after work; whatever works best for you!&lt;/p&gt;

&lt;h2&gt;
  
  
  Habit 5: journaling
&lt;/h2&gt;

&lt;p&gt;Journaling is a great way to reflect on your day and get clarity. It's also an excellent way to start the week off right, because it forces you to be present with yourself and your feelings.&lt;/p&gt;

&lt;p&gt;I recommend taking a few minutes each day (or more if you have time) after getting up, washing up and making breakfast/lunch/dinner etc., before starting whatever task has been assigned to you for the day in order for it not be forgotten about at all!&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;Start your week off right with these habits. It’s time to get your productivity on!&lt;/p&gt;

</description>
      <category>motivation</category>
      <category>tip</category>
      <category>productivity</category>
      <category>100daysofcode</category>
    </item>
    <item>
      <title>Benefits of touch typing for developers</title>
      <dc:creator>oyetola sodiq</dc:creator>
      <pubDate>Sun, 02 Oct 2022 23:44:25 +0000</pubDate>
      <link>https://dev.to/shabzy1507/benefits-of-touch-typing-for-developers-hg6</link>
      <guid>https://dev.to/shabzy1507/benefits-of-touch-typing-for-developers-hg6</guid>
      <description>&lt;h3&gt;
  
  
  Introduction
&lt;/h3&gt;

&lt;p&gt;As a developer touch typing is a skill that can help you be more productive and efficient. It also prevents a lot of neck and back injuries especially for beginners who are more susceptible to bad habits. While it is true that many people have developed a touch typing skill, it is also true that there are some people who don't know how to touch type yet.  Here are reasons you want to learn touch typing now:&lt;/p&gt;

&lt;h2&gt;
  
  
  1.Increases typing speed and decreases error
&lt;/h2&gt;

&lt;p&gt;People say developers spend more time thinking about what to type than actually typing and while I agree with that; However, if we're not looking at our keyboards while typing, there's no need for us to worry about making mistakes or being interrupted by other things happening around us .&lt;/p&gt;

&lt;p&gt;Errors can be costly. If a bug occurs in code it can be very hard to find the source which leads to more work and more time spent on a project. These expenses could add up quickly if they happen often enough!&lt;/p&gt;

&lt;h2&gt;
  
  
  2.Keeps your attention on the screen
&lt;/h2&gt;

&lt;p&gt;One of the most important things to remember when typing is that you need to keep your eyes on the screen. If you look at your fingers, or even worse, start looking at other things (like a keyboard), it can be very distracting and will slow down your typing speed considerably.&lt;/p&gt;

&lt;p&gt;It's also important not to look up or down while typing—it's easy for us humans to get distracted by where we see things when they're far away from our eyes and focus instead on other things nearby like walls or people walking past us on the street outside our window.&lt;/p&gt;

&lt;h2&gt;
  
  
  3.Eliminate bad habits like hunting &amp;amp; pecking or one-finger typing
&lt;/h2&gt;

&lt;p&gt;A habit that can be learned, like touch typing? How exciting!&lt;/p&gt;

&lt;p&gt;Touch typing is a great way to go because you don't have to hunt and peck anymore. It's also much more efficient than one-finger typing (which is not efficient at all). One example of this is two months ago when I just started learning to code, I just began frequently using my laptop.  The first time I wrote over a hundred lines of code on vscode  with my right hand, it was so slow that I gave up before finishing even half of it. The second time around though…it went so much faster because I'd learned how important it is invest in learning to type properly&lt;/p&gt;

&lt;h2&gt;
  
  
  4.Reduce hand and wrist pain
&lt;/h2&gt;

&lt;p&gt;You may not associate typing with repetitive stress injuries, but it's actually a common cause of hand and wrist pain. Repetitive strain injuries (RSI) are caused by overuse that leads to microtrauma in the tendons, muscles and joints around your hands and wrists.&lt;/p&gt;

&lt;p&gt;This can be caused by things like:&lt;/p&gt;

&lt;p&gt;Carpal tunnel syndrome - this is a condition where there's pressure on the median nerve when you're typing too much&lt;/p&gt;

&lt;p&gt;Tenosynovitis - inflammation of tendons associated with carpal tunnel syndrome; this causes pain along the thumb side of the palm&lt;/p&gt;

&lt;p&gt;De Quervain's disease - which causes pain in either hand when one hand is held still while moving another; typically occurs after long periods sitting at computer keyboards&lt;/p&gt;

&lt;h2&gt;
  
  
  5.Develop muscle memory with correct posture and key positions
&lt;/h2&gt;

&lt;p&gt;Correct posture is important for typing. The keys are in the right place and you need to be comfortable with them.&lt;/p&gt;

&lt;p&gt;There are two main positions: neutral, but tilted slightly towards your shoulder; and inverted position, which is head-down with both arms resting on the desk (or table).&lt;/p&gt;

&lt;h2&gt;
  
  
  6.Improved mental focus while typing and thinking at the same time!
&lt;/h2&gt;

&lt;p&gt;The benefits of typing are many, including the ability to develop mental focus while you're typing and thinking at the same time. This can help you in a variety of ways:&lt;/p&gt;

&lt;p&gt;Improve productivity by increasing your accuracy and reducing errors. Studies show that people who use keyboard shortcuts have fewer typos than those who don't! In fact, some studies show that using keyboard shortcuts makes it easier for us to recall information from long-term memory (remember where I put my keys?). That's because we can concentrate on what we're doing without worrying about keeping our hands steady enough not to make mistakes while we type—and since typing is such an ingrained habit for most of us now (it's likely how most people communicate with their friends), this has become second nature!&lt;/p&gt;

&lt;h2&gt;
  
  
  7.Free up your brain from typing so that you can think without interruption or distraction!
&lt;/h2&gt;

&lt;p&gt;It's a common misconception that you need to type at a fast rate and in a short period of time. This isn't true!&lt;/p&gt;

&lt;p&gt;When people think about how they use their hands in everyday life—in typing—they often think only about where the keys are located on their keyboard and whether they're pressing them correctly; however, they forget that there is also another part of our bodies involved in this process: our fingers!&lt;/p&gt;

&lt;p&gt;Our fingers have an incredibly strong ability communicate with each other through touch alone; therefore when one finger touches another finger without any contact between them first (or even after), then movement could occur between those two specific points called "touch zones." These touch zones allow us to move objects around by simply moving our fingers overtop them until finally landing on some sort of surface like keys on a keyboard or even paper itself!&lt;/p&gt;

&lt;h2&gt;
  
  
  8.No sense of embarrassment if colleagues see you type for the first time!
&lt;/h2&gt;

&lt;p&gt;The first time you type on a touchscreen keyboard, it will be obvious that you are new to this technology. Your colleagues will look at you in confusion as they wonder how on earth someone can type so fast and accurately without looking at the screen.&lt;/p&gt;

&lt;p&gt;But once they see how easy it is for anyone with minimal training to type at lightning speed, they'll be impressed!&lt;/p&gt;

&lt;h2&gt;
  
  
  9.Attain 100% accuracy with full confidence in your work!
&lt;/h2&gt;

&lt;p&gt;Learning touch typing is a skill that can be learned, and once you get the hang of it, you will never go back to hunt and peck again. You will have 100% confidence in your work as well!&lt;/p&gt;

&lt;p&gt;Conclusion&lt;/p&gt;

&lt;p&gt;The key takeaway from this post is that touch typing can help developers to be more efficient in many ways. From writing code to interacting with other people, it’s a great skill for any professional. The next step is up to you&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>productivity</category>
      <category>writing</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Wanna make learning to code fun? Check out 7 best tips to transform your learning experience.</title>
      <dc:creator>oyetola sodiq</dc:creator>
      <pubDate>Mon, 29 Aug 2022 16:10:12 +0000</pubDate>
      <link>https://dev.to/shabzy1507/7-great-tips-for-beginners-learning-to-code-3ahh</link>
      <guid>https://dev.to/shabzy1507/7-great-tips-for-beginners-learning-to-code-3ahh</guid>
      <description>&lt;p&gt;Just getting started learning to code can be overwhelming. There is so much to learn and the learning don’t stop. Programmers are &lt;em&gt;lifelong learners&lt;/em&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Here are some great tips to excel at learning to code and turn the lifelong journey into a fun one
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Be patient. If you don’t learn quick take your time. It’s not a sprint it’s a marathon.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Find a way to stay consistent. For example every day at 12pm you spend 1 hour learning programming. Make it a habit.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Don’t focus too much on tools.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Try to ignore too much enthusiasm (hype) and too much negativity as well (e.g. “PHP is shit” - not true).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;You learn by doing, not by watching other people do. There’s only so much you can get from just watching so don’t be scared to take things on.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Everyone makes mistakes. Mistakes are part of the learning process. Don’t be so stuck on getting it right all the time.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Lastly try to have fun doing it.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>beginners</category>
      <category>codenewbie</category>
      <category>motivation</category>
      <category>programming</category>
    </item>
    <item>
      <title>Check out my journey from an absolute beginner learning to code two months in</title>
      <dc:creator>oyetola sodiq</dc:creator>
      <pubDate>Mon, 01 Aug 2022 01:15:00 +0000</pubDate>
      <link>https://dev.to/shabzy1507/check-out-my-journey-from-an-absolute-beginner-learning-to-code-two-months-in-lek</link>
      <guid>https://dev.to/shabzy1507/check-out-my-journey-from-an-absolute-beginner-learning-to-code-two-months-in-lek</guid>
      <description>&lt;p&gt;learning to code hasn't been easy it takes a lot of hardwork, determination, consistency to pull it off but its also fun learning and I am so excited to get really great at it.&lt;/p&gt;

&lt;h2&gt;
  
  
  My first ever projects
&lt;/h2&gt;

&lt;p&gt;This was the first project I made after learning the basic of html like html links, html images, html headings, and some inline css styling like background color, border, text color.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--pVFrKfnw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kdem8c5yb439lshfmqc5.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pVFrKfnw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kdem8c5yb439lshfmqc5.jpg" alt="html code" width="880" height="428"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I then went further to learn more inline styling properties and values and also some more html like html lists, html tag attributes, html form and html button.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9sICcYuB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/crqqf4u0s9o5j7of05v9.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9sICcYuB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/crqqf4u0s9o5j7of05v9.jpg" alt="webpage" width="880" height="442"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  After weeks of learning
&lt;/h2&gt;

&lt;p&gt;At this point I had memorized almost all the html tags and a lot of simple css properties. &lt;/p&gt;

&lt;p&gt;I had just learnt html tables and a few more css properties so I decided to explore and use my imagination to build a webpage and I added a navigation to it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--z9dTWegU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0itjtlc1iwpf2f9k86e.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--z9dTWegU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0itjtlc1iwpf2f9k86e.jpg" alt="webpage" width="880" height="425"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;looks pretty nice given my knowledge then I think I showed signs of good creativity on the design front given I had no knowledge of design at all and I was basically trying out all the css properties I knew.&lt;/p&gt;

&lt;p&gt;I also decided to try to make a log-in page and it wasn't hard to make at this point although I know I broke a ton of design rules but again I think I showed some brilliance on the design front given the knowledge I had then.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--LYVCSLzn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2c1nfjtvuo4btk9gqo1y.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LYVCSLzn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2c1nfjtvuo4btk9gqo1y.jpg" alt="login page " width="880" height="436"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--exJEUZ4k--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5sz04s5lsmwuuh74zgct.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--exJEUZ4k--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5sz04s5lsmwuuh74zgct.jpg" alt="sign up page" width="880" height="463"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Went on to learn how to make layouts with css&lt;/p&gt;

&lt;h2&gt;
  
  
  Learning css layouts
&lt;/h2&gt;

&lt;h3&gt;
  
  
  First with floats
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--lJMPEf-s--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3ehwzflfcmhvmv7uh0vn.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--lJMPEf-s--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3ehwzflfcmhvmv7uh0vn.jpg" alt="floats webpage" width="880" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Then css flexbox
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--VopXBq7a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6376o7mv7g86j1msoedk.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--VopXBq7a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6376o7mv7g86j1msoedk.jpg" alt="flexbox webpage" width="880" height="390"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Then css Grid
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CEfd_4Kg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7kfjdyihw7xsemylhuv6.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CEfd_4Kg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7kfjdyihw7xsemylhuv6.jpg" alt="grid webpage" width="880" height="443"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Then I learnt a little bit about design and user interface &lt;/p&gt;

&lt;p&gt;I built this web page for learning from the little knowledge of design I had with rules like typography, visual hierarchy and so on.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--t0T_16Hn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sdy07vamh5n2ecglwww9.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--t0T_16Hn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sdy07vamh5n2ecglwww9.jpg" alt="webpage" width="880" height="444"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4-7euvGp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ti8q9hfnh1owu7c9tjp3.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4-7euvGp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ti8q9hfnh1owu7c9tjp3.jpg" alt="webpage" width="880" height="479"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--BjNbgK6Y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gug6ieao8wehiatx59m9.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BjNbgK6Y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gug6ieao8wehiatx59m9.jpg" alt="webpage" width="880" height="439"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  I went on to learn more components of a landing page like :
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Accorrdion
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sTMuSUg1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vfmdebt0yzxj37ci8mcz.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sTMuSUg1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vfmdebt0yzxj37ci8mcz.jpg" alt="accordion" width="880" height="395"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  carousel
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--xFw3NK55--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tw0oomgd6ni6qckso1ar.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xFw3NK55--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tw0oomgd6ni6qckso1ar.jpg" alt="carousel" width="880" height="392"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Tables
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--UUsXBPpl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bpd4w92wujlq6zkpt89t.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--UUsXBPpl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bpd4w92wujlq6zkpt89t.jpg" alt="Tables" width="880" height="436"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I made this with html tables and css grid to challenge myself&lt;/p&gt;

&lt;h3&gt;
  
  
  pagination
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PZM6x64p--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z1mn6x8cv9aki68ahd2k.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PZM6x64p--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z1mn6x8cv9aki68ahd2k.jpg" alt="pagination " width="880" height="218"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;and finally&lt;/p&gt;

&lt;h3&gt;
  
  
  Hero section
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CFf8HT9m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9zcm2r7j8g2d4992imx9.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CFf8HT9m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9zcm2r7j8g2d4992imx9.jpg" alt="hero" width="880" height="448"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  I dabbled a little bit in Javascript here are some of the projects.
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--d1ddTIXx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mk7otbfy95wmm1kzagyb.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--d1ddTIXx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mk7otbfy95wmm1kzagyb.jpg" alt="Image description" width="790" height="651"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  people counter app
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--pKNEIdR9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2o7nknot79y2wcj8sizz.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pKNEIdR9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2o7nknot79y2wcj8sizz.jpg" alt="Image description" width="678" height="720"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Calculator
&lt;/h3&gt;

&lt;p&gt;**&lt;br&gt;
It is important to celebrate progress however little and follow your own timeline and not some unrealistic claims on the internet.&lt;br&gt;
I had some help with personal tutoring and from Jonas schmedtmann courses on udemy.&lt;/p&gt;

&lt;p&gt;Thanks for reading I wish you Goodluck as you continue to learn**&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>css</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>My first practice login page</title>
      <dc:creator>oyetola sodiq</dc:creator>
      <pubDate>Wed, 08 Jun 2022 00:50:37 +0000</pubDate>
      <link>https://dev.to/shabzy1507/my-first-practice-login-page-1m0n</link>
      <guid>https://dev.to/shabzy1507/my-first-practice-login-page-1m0n</guid>
      <description>&lt;h2&gt;
  
  
  Made a simple login page to practice my knowledge of html and css and to review it for faster better ways to solve future coding problems.
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;started off with writing the html code. I used the list element to make a nav bar(styled with css to make horizontal)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;used input[type:text/password] and used a placeholder to illustrate the value of the input&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;used button element to create the login submit button&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;ended with a paragraph containing instructions and a link.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--idLMmkkl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ymj2gkq9jj6d1mbka0j.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--idLMmkkl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ymj2gkq9jj6d1mbka0j.jpg" alt="Image description" width="689" height="696"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  styling my html with css
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;started with setting my default margin and adding a nice background image&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;no-repeat so the image only appears once background-size cover so it fits the entire screen.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;set the list style type to none to remove any existing list item marker &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;I set the overflow to hide, then I floated the navbar in place&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;I set the link display to block to make the entire textarea clickable&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--KuQOxqaI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vzq62cx9tfxhszc1y4dk.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--KuQOxqaI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vzq62cx9tfxhszc1y4dk.jpg" alt="Image description" width="550" height="777"&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7sUaIG-y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5iq4teof6rqgfl0o6nz6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7sUaIG-y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5iq4teof6rqgfl0o6nz6.png" alt="Image description" width="523" height="776"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  results
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jav3GYx0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fylzbi2attopnnnq0ru7.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--jav3GYx0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fylzbi2attopnnnq0ru7.jpg" alt="Image description" width="880" height="438"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>css</category>
      <category>html</category>
      <category>showdev</category>
    </item>
  </channel>
</rss>
