<?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: alexooO</title>
    <description>The latest articles on DEV Community by alexooO (@alexooo).</description>
    <link>https://dev.to/alexooo</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%2F369973%2Fd6cae376-dd76-450a-835a-d6881bb446e8.jpg</url>
      <title>DEV Community: alexooO</title>
      <link>https://dev.to/alexooo</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/alexooo"/>
    <language>en</language>
    <item>
      <title>OCCUPATIONAL MOBILITY - why you should consider learning how to code.</title>
      <dc:creator>alexooO</dc:creator>
      <pubDate>Thu, 17 Dec 2020 20:51:18 +0000</pubDate>
      <link>https://dev.to/alexooo/occupational-mobility-why-you-should-consider-learning-how-to-code-302h</link>
      <guid>https://dev.to/alexooo/occupational-mobility-why-you-should-consider-learning-how-to-code-302h</guid>
      <description>&lt;p&gt;If you are reading this post it is most likely you have glanced through my profile or you will after reading this post.&lt;br&gt;&lt;br&gt;
I have been a civil servant specialised in social protection for the past 7years. In most recent times I call myself a web developer because I am have taught myself how to code websites and web applications and doing well at it.&lt;br&gt;
Though I am yet to apply for my first position as a web developer and even get an interview offer, I pride myself in being able to learn something new which is high in demand. It wasn’t an easy journey, I am still learning and enjoying it.&lt;br&gt;
Day in day out if not by ourselves, we consistently hear friends and colleagues talking about how unhappy they are with their current job and how they wished they could find a new job. The sad part is that the desire to get a new job is met with so much of BUTs and HOWs. HOW will I find a new job, BUT what other skill do I have to get another job, BUT I will start a new job as a junior staff, BUT my salary will be an entry-level salary, HOW will I deal with impostor syndrome.  The truth is these BUTs and HOWs will exist as long as you keep entertaining them and you will never make any move. &lt;/p&gt;

&lt;p&gt;Let’s briefly talk about what occupational Mobility is. Occupational Mobility, in its basic terms, can be defined as the ease at which a worker can leave one job for another in a different field. It is important to understand that occupational mobility is greatly affected by the level of transferrable skills. The mobility can be either vertical or horizontal. My focus here is the ability of labour to move from one task to an entirely new task in a different industry.    &lt;/p&gt;

&lt;h3&gt;
  
  
  The psychological effect of learning how to code as a second skill
&lt;/h3&gt;

&lt;p&gt;Now, someone may ask, so if you have not even tried finding a new job with your new-found skills why this much noise? I will answer that the source of this noise is the psychology and emotions at play. Do you prefer to be at a point you feel helpless or at the point you know you have another card under your sleeves to keep you in the “game” (employable or even freelance)?&lt;br&gt;
For those of you who are active on tech blogging websites like &lt;a href="https://dev.to/"&gt;dev.to&lt;/a&gt; or tech tweets on twitter you may have heard of &lt;a href="https://dev.to/dthompsondev"&gt;Danny Thompson&lt;/a&gt;, he wrote beautifully how learning a new skill thus learning how to code transformed him from an unhappy egg frying cook to a happy programmer. He recounted how he applied discipline, self-motivation and determination learn how to code and landed himself a job in tech. &lt;br&gt;
The psychology of going through that discipline to learn how to code was rooted in the burning desire to move to a different fulfilling occupation. Don’t get me wrong, having a happy career frying eggs is possible but in this particular case, Danny wasn’t happy with his job and his salary was nothing to be proud about. &lt;/p&gt;

&lt;h2&gt;
  
  
  Why learn programming as a conduit for occupational mobility?
&lt;/h2&gt;

&lt;h3&gt;
  
  
  The ease of mobility
&lt;/h3&gt;

&lt;p&gt;“A journey of a thousand miles starts with a step”. In my case I realised that learning how to code could land me a job where human language was a barrier to getting a decent job. I started learning to code when I was studying in German for my masters (taught in English) and I couldn't speak German. I saw in most job adverts that German language requirement in most programming job was very minimal. I intend writing extensively on my journey to learning to code in a future post. I knew from the start it wasn’t going to be easy to learn how to code without prior computer science knowledge but I knew when I get good at it I will possess a very powerful creative and problem-solving skillset which can also land me a good job.&lt;br&gt;
At first, it was the desire to get a job then later it became an “addictive” passion. Fortunately, the tech industry is an industry which thrives on passion and enthusiasm. Most employers are on the lookout for passionate developers not necessarily nerds. This makes the ease of entry bearable compared to other professions.&lt;/p&gt;

&lt;h3&gt;
  
  
  The career path is broad
&lt;/h3&gt;

&lt;p&gt;Before I started learning to code using tutorials on youTube, I took plenty of time to research on areas/career paths in programming. I was thrilled to know the various career paths in programming. From machine learning, database, web development, cloud computing, Artificial Intelligence, networking just to mention a few. It is worth mentioning that just like any other profession there are bottlenecks to entry and choosing the programming area must be done having at the back of your mind availability of job and level of entry constraints. For example, it is more difficult for a non-computer science graduate to enter into computer systems engineering position than to enter into software application development. &lt;/p&gt;

&lt;h3&gt;
  
  
  Programmers are high in demand
&lt;/h3&gt;

&lt;p&gt;One classical example of this can be inferred from the job market trends during this covid-19 period. Demand for online technologies went rocket high resulting in most tech companies making over 100% profit. Our society is increasingly going digital and most of these companies need software developers and programmers to work with to meet the market demands. &lt;/p&gt;

&lt;h3&gt;
  
  
  Plenty of languages to choose from
&lt;/h3&gt;

&lt;p&gt;There are plenty of programming languages out there, they all have their strengths and weaknesses. Some have a steep learning curve and others have a relatively shallow one. Some are also very popular in the job markets and others are not. In most cases, their job market popularity is location and career-specific. For web development, JavaScript and PHP are very prominent, for data science and machine learning python is popular, for android and mobile development you may consider Java, Dart or Swift for IOS. Your choice must be informed by the job market and career path considerations.  &lt;/p&gt;

&lt;h3&gt;
  
  
  You don’t need much to start (Financially)
&lt;/h3&gt;

&lt;p&gt;To learn to code, all you need is your computer, code editors and you are good to start. I deliberately put financially in brackets just to emphasis point that there is more to learning how to code than the financial cost. It will cost you time and lots of practice. Learning to code can be very challenging, sometimes frustrating and you may quickly give up if you don’t start with the right mindset. Programming languages are most of the time very unforgiving, you need to understand that you are learning to give computers specific instructions they have been made to understand and anything other than that can produce an unhappy result. &lt;/p&gt;

&lt;h3&gt;
  
  
  You learn by doing
&lt;/h3&gt;

&lt;p&gt;The three (3) golden rule of learning to code are practice, practice and practice more.&lt;br&gt;
Give coding a thought if you are considering a new career opportunity.&lt;br&gt;&lt;br&gt;
Thank you.&lt;/p&gt;

&lt;h4&gt;
  
  
  Alex is a self-taught web developer with a passion for writing beginner-friendly posts.
&lt;/h4&gt;

</description>
      <category>codenewbie</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>devcommunity</category>
    </item>
    <item>
      <title>devNuggets: Write HTML like a supercharged dev with emmet</title>
      <dc:creator>alexooO</dc:creator>
      <pubDate>Tue, 24 Nov 2020 15:47:15 +0000</pubDate>
      <link>https://dev.to/alexooo/devnuggets-write-html-like-a-supercharged-dev-with-emmet-1a48</link>
      <guid>https://dev.to/alexooo/devnuggets-write-html-like-a-supercharged-dev-with-emmet-1a48</guid>
      <description>&lt;p&gt;Hello dev family, this happens to be my first blog post and before we dig out this dev nugget, a little about myself. My name is Alex Otoo (javaScript et al). I am a none Computer Science (CS) self-taught web developer with a passion for continuous learning and writing beginner-friendly web development posts.&lt;br&gt;
Now, by the end of this post, we will learn the following: &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; what HTML is&lt;/li&gt;
&lt;li&gt; The HTML element anatomy &lt;/li&gt;
&lt;li&gt; creating your first HTML element &lt;/li&gt;
&lt;li&gt; Block, inline and empty elements&lt;/li&gt;
&lt;li&gt; write HTML like a supercharged dev using emmet with examples &lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  What is HTML?
&lt;/h3&gt;

&lt;p&gt;HTML stands for Hypertext Markup Language. It is a standard markup language that tells web browsers how to structure and displayed pages in a browser. HTML is not a programming language.&lt;/p&gt;

&lt;h3&gt;
  
  
  The HTML element anatomy
&lt;/h3&gt;

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

&lt;p&gt;An HTML element mainly consists of opening tag, content and a closing tag.&lt;/p&gt;

&lt;h5&gt;
  
  
  Opening tag:
&lt;/h5&gt;

&lt;p&gt;it is the first part of an html element starting from left to right. It wraps the name of the element in an opening and closing brackets. In this example the name of the element is h1.&lt;/p&gt;

&lt;h5&gt;
  
  
  Content:
&lt;/h5&gt;

&lt;p&gt;It contains the content of the element. it is located between the opening and the closing tag.&lt;/p&gt;

&lt;h5&gt;
  
  
  Closing tag:
&lt;/h5&gt;

&lt;p&gt;this tag is almost the same as the opening tag but it has a forward slash before the element name. it is the last part of an html element from left to right.&lt;/p&gt;

&lt;h5&gt;
  
  
  Note: html is not case sensitive so element name like H1 is the same as h1.
&lt;/h5&gt;

&lt;h5&gt;
  
  
  Attributes:
&lt;/h5&gt;

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

&lt;p&gt;An html element could optionally be given attributes. Attributes are placed inside the opening tag and contains information about the element. Common use cases of html attribute are for stylesheet (CSS) targeting(selection) and JavaScript targeting for DOM manipulations.&lt;br&gt;
The example shows a class attribute with a value of “btn”. Attribute values are wrapped in quotation marks &lt;/p&gt;

&lt;h3&gt;
  
  
  Empty, Block and Inline
&lt;/h3&gt;

&lt;h5&gt;
  
  
  Empty element:
&lt;/h5&gt;

&lt;p&gt;Also, there is an empty html element which is a little different from the regular html. An empty html element only contains an opening tag. They are mostly used to insert items (eg. images) in a document.&lt;/p&gt;

&lt;h5&gt;
  
  
  Block element:
&lt;/h5&gt;

&lt;p&gt;examples of these elements are &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--rR95Hunv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/pauv46d366p9pr9u98ls.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--rR95Hunv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/pauv46d366p9pr9u98ls.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
A block-level element will appear in a new line without allowing another html element sitting adjacent to them. They take up the full width available within a page starting from left to right.  Block-level element will appear on another line following the content that comes before it. It is also possible to nest a block-level element within another block-level element but not an inline-element. &lt;/p&gt;

&lt;h5&gt;
  
  
  Inline element:
&lt;/h5&gt;

&lt;p&gt;examples of these elements are &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--juIOYQfU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/xdbbye0enkwjb6e7sazi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--juIOYQfU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/xdbbye0enkwjb6e7sazi.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
This is the opposite of block elements. It takes up space of its own length without starting on a new line.   &lt;/p&gt;

&lt;h3&gt;
  
  
  Write HTML like a supercharged ⚡️ dev using emmet
&lt;/h3&gt;

&lt;p&gt;we saved the best for the last. As you can see, it can be laborious writing lots of html to structure your web pages especially if the web site is a large one. As developers💻, we are always on the lookout for the best ways to make the development process an enjoyable and productive one.&lt;/p&gt;

&lt;h5&gt;
  
  
  Emmet to the rescue🥳
&lt;/h5&gt;

&lt;p&gt;"Emmet is a web-developer’s toolkit that can greatly improve your HTML &amp;amp; CSS workflow"&lt;br&gt;
Emmet is easy to grasp and has a very user-friendly syntax. &lt;br&gt;
Fortunately, most recent code editors come already loaded with emmet and it should be easy to kick start.&lt;br&gt;
below are examples of how you can use it in your web development workflow. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wPwzaKOT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ttsnfnxyiddxm61e9thd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wPwzaKOT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ttsnfnxyiddxm61e9thd.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thank you for reading. You have earned your emmet nugget⚜️&lt;br&gt;
Resources:&lt;br&gt;
&lt;a href="https://docs.emmet.io/cheat-sheet/"&gt;https://docs.emmet.io/cheat-sheet/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started"&gt;https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started&lt;/a&gt;&lt;br&gt;
&lt;a href="https://devhints.io/emmet"&gt;https://devhints.io/emmet&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.w3schools.com/html/default.asp"&gt;https://www.w3schools.com/html/default.asp&lt;/a&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>codenewbie</category>
    </item>
  </channel>
</rss>
