<?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: hirwaNkevin</title>
    <description>The latest articles on DEV Community by hirwaNkevin (@hirwankevin).</description>
    <link>https://dev.to/hirwankevin</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%2F1038048%2Fa6aa4163-5b93-4dee-a119-30f06a85366a.jpeg</url>
      <title>DEV Community: hirwaNkevin</title>
      <link>https://dev.to/hirwankevin</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hirwankevin"/>
    <language>en</language>
    <item>
      <title>Change border radius on hover</title>
      <dc:creator>hirwaNkevin</dc:creator>
      <pubDate>Wed, 22 May 2024 15:01:41 +0000</pubDate>
      <link>https://dev.to/hirwankevin/change-border-radius-on-hover-559o</link>
      <guid>https://dev.to/hirwankevin/change-border-radius-on-hover-559o</guid>
      <description>&lt;p&gt;Check out this Pen I made!&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/KH-Nzitatira/embed/GRaqodV?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>What is Front-End Development? How do I get started?</title>
      <dc:creator>hirwaNkevin</dc:creator>
      <pubDate>Sat, 05 Aug 2023 16:14:12 +0000</pubDate>
      <link>https://dev.to/hirwankevin/what-is-front-end-development-how-do-i-get-started-2342</link>
      <guid>https://dev.to/hirwankevin/what-is-front-end-development-how-do-i-get-started-2342</guid>
      <description>&lt;p&gt;If you are new to tech, you might have heard of frontend development. But what is it all about?&lt;/p&gt;

&lt;p&gt;In this post I'm going to explain what front-end development is and give you a few tips about how to start a career in front-end development. Let's dive in.&lt;/p&gt;

&lt;h4&gt;
  
  
  A little bit of history.
&lt;/h4&gt;

&lt;p&gt;One would say that front-end development started in the 1990s when the World Wide Web came into existence.&lt;/p&gt;

&lt;h4&gt;
  
  
  But what is it exactly?
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Front-end development is the practice of designing and creating all that you see when you visit a website or any other software application.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;This involves the &lt;em&gt;visual&lt;/em&gt; and &lt;em&gt;interactive&lt;/em&gt; aspects of the web pages or applications.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Tools used
&lt;/h2&gt;

&lt;p&gt;Front-end development involves the use of different languages like HTML(HyperText Markup Language), CSS(Cascading Style Sheet) and Javascript&lt;/p&gt;

&lt;h3&gt;
  
  
  Html
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://en.wikipedia.org/wiki/HTML"&gt;A markup language published in 1990&lt;/a&gt; which is used to develop the structure of web pages like headings, paragraphs and more.&lt;/p&gt;

&lt;h3&gt;
  
  
  Css
&lt;/h3&gt;

&lt;p&gt;CSS deals with the style of the HTML including color, font, formatting,...&lt;/p&gt;

&lt;h3&gt;
  
  
  Javascript
&lt;/h3&gt;

&lt;p&gt;Javascript is a programming language that deals with the interactivity of the page.&lt;/p&gt;

&lt;h3&gt;
  
  
  Frameworks
&lt;/h3&gt;

&lt;p&gt;There are a number of frameworks which are a collection of pre-built and tested programs that help you develop User Interfaces easily.&lt;/p&gt;

&lt;p&gt;The most popular ones are &lt;a href="https://react.dev/"&gt;Reactjs&lt;/a&gt;, &lt;a href="https://vuejs.org/"&gt;Vuejs&lt;/a&gt; and &lt;a href="https://angular.io/"&gt;Angular&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Profession
&lt;/h2&gt;

&lt;p&gt;In front-end development there are many &lt;a href="https://frontendmasters.com/guides/front-end-handbook/2018/practice/types-of-front-end-dev.html"&gt;job titles&lt;/a&gt; here are a few:&lt;/p&gt;

&lt;h3&gt;
  
  
  Front-End Developer/Engineer
&lt;/h3&gt;

&lt;p&gt;A developer who is skilled to some extent in HTML,CSS, DOM(Document Object Model) and Javascript and who can implement them on the web.&lt;/p&gt;

&lt;h3&gt;
  
  
  Application/Javascript Developer/Engineer
&lt;/h3&gt;

&lt;p&gt;A person with computer science/engineering background using those skills in front-end technologies.&lt;/p&gt;

&lt;h3&gt;
  
  
  UI(User Interface) Developer/Engineer
&lt;/h3&gt;

&lt;p&gt;Developer with interaction design skills on top of front-end developer or front-end engineering skills.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to get in.
&lt;/h2&gt;

&lt;p&gt;Anybody can get into front-end dev but it is not an easy journey. But I promise it's rewarding...&lt;/p&gt;

&lt;h3&gt;
  
  
  Salaries
&lt;/h3&gt;

&lt;p&gt;Infact as of August 2023, the average salary for a front-end developer is $110,895 per year according to &lt;a href="https://www.indeed.com/career/front-end-developer/salaries"&gt;indeed.com&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;⚠ However, salary-ranges vary based on your location.&lt;/p&gt;

&lt;h2&gt;
  
  
  Roadmap
&lt;/h2&gt;

&lt;p&gt;You can find a comprehensive roadmap at &lt;a href="https://roadmap.sh/frontend"&gt;roadmap.sh/frontend&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Resources
&lt;/h2&gt;

&lt;p&gt;There are many resources if you want to start out as a front-end developer.&lt;br&gt;
I recommend &lt;a href="https://www.youtube.com/c/TraversyMedia/videos"&gt;Traversy Media&lt;/a&gt; on youtube.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=UB1O30fR-EE"&gt;Html crash course&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=yfoY53QXEnI"&gt;Css crash course&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=hdI2bqOjy3c"&gt;Js(Javascript) crash course&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;So, if you want to start your career as a front-end developer, what's stopping you? Go ahead and start. It won't be easy, but trust me; it will be worth the effort.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>codenewbie</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Thrilled about tech: met multiple challenges and lessons. How did it end?</title>
      <dc:creator>hirwaNkevin</dc:creator>
      <pubDate>Wed, 26 Jul 2023 14:46:36 +0000</pubDate>
      <link>https://dev.to/hirwankevin/thrilled-about-tech-met-multiple-challenges-and-lessons-how-did-it-end-41a4</link>
      <guid>https://dev.to/hirwankevin/thrilled-about-tech-met-multiple-challenges-and-lessons-how-did-it-end-41a4</guid>
      <description>&lt;h2&gt;
  
  
  Thrilled about Tech
&lt;/h2&gt;

&lt;p&gt;Well as any newbie I started this week with some pretty exciting things going on: I completed my first fontendmentor challenge, felt pretty groovy about myself and I felt nothing was going to stop me. Until something unexpected happened..&lt;/p&gt;

&lt;h2&gt;
  
  
  The challenges
&lt;/h2&gt;

&lt;p&gt;I tried to merge a pull request on github and I had the dreaded "conflicts". I panicked a little; but I googled &lt;a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/addressing-merge-conflicts/resolving-a-merge-conflict-on-github"&gt;how to fix git conflicts&lt;/a&gt; and I was able to resolve them with easy suprisingly enough.&lt;br&gt;
So to you my fellow newbies: don't panic you don't know the answer right away or you are stuck. You are learning.It is part of the journey. Just reach out to people or the community for help.&lt;/p&gt;

&lt;h2&gt;
  
  
  How it ends
&lt;/h2&gt;

&lt;p&gt;Well There really is no end for now. I'm gonna keep coding no matter how I feel. And I'd encourage everyone who reads this to not stop if they have started.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>programming</category>
      <category>css</category>
    </item>
    <item>
      <title>Get active</title>
      <dc:creator>hirwaNkevin</dc:creator>
      <pubDate>Tue, 07 Mar 2023 06:06:51 +0000</pubDate>
      <link>https://dev.to/hirwankevin/get-active-38n</link>
      <guid>https://dev.to/hirwankevin/get-active-38n</guid>
      <description>&lt;p&gt;This is to anounce that soon I will be posting about my knowledge in the tech field.&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
