<?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: profbkmurage</title>
    <description>The latest articles on DEV Community by profbkmurage (@prof_bkmurage).</description>
    <link>https://dev.to/prof_bkmurage</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%2F810734%2Fc1bf6c28-aa43-4c29-bb9e-dfa267db67c5.jpeg</url>
      <title>DEV Community: profbkmurage</title>
      <link>https://dev.to/prof_bkmurage</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/prof_bkmurage"/>
    <language>en</language>
    <item>
      <title>GETTING STARTED IN JAVASCRIPT</title>
      <dc:creator>profbkmurage</dc:creator>
      <pubDate>Sat, 12 Feb 2022 16:20:18 +0000</pubDate>
      <link>https://dev.to/prof_bkmurage/getting-started-in-javascript-2ikb</link>
      <guid>https://dev.to/prof_bkmurage/getting-started-in-javascript-2ikb</guid>
      <description>&lt;h2&gt;
  
  
  Origin of JavaScript
&lt;/h2&gt;

&lt;p&gt;JavaScript was created at Netscape Communications by Brendan Eich in 1995. Netscape and Eich designed JavaScript as a scripting language for use with the company's flagship web browser, Netscape Navigator. After its release, more and more browsers started adding JavaScript support. Still, for much of its history JavaScript was not regarded as a serious programming language. Its earliest releases suffered from notable performance and security issues, but developers had no alternatives. If they wanted to run programs in the browser, they had to use JavaScript.&lt;/p&gt;

&lt;h2&gt;
  
  
  Getting Started with JavaScript
&lt;/h2&gt;

&lt;p&gt;From the above introduction, we understand that JavaScript is a programing language that runs in browsers or another software called &lt;a href="https://nodejs.org/en/"&gt;node.js&lt;/a&gt;.&lt;br&gt;
Well, if you have a browser running in your PC, you should be able to use JavaScript from that single browser. &lt;br&gt;
I recommend that you use a text editor to write code, then run the code from your browser. Here are a few simple steps that you can use to have everything set.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Install a text editor&lt;/strong&gt;
There are different text editors out there that can be used to write code. Examples include VsCode, Atom, Sublime text and also notepad. In this work I recommend that you get VsCode because of its many advantages in ease of writing code&lt;/li&gt;
&lt;/ol&gt;

&lt;ul&gt;
&lt;li&gt;Head out to &lt;a href="https://code.visualstudio.com/download"&gt;VsCode &lt;/a&gt; and get the version of VsCode that best runs in your machine
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZIQdSlmn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/etsf425ko4wf2p6qyg1c.PNG" alt="versions" width="880" height="438"&gt;
&lt;/li&gt;
&lt;li&gt;once your download is complete, just go ahead and install!!.
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--yUVY_w_t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9q9bvlz7tmx9lo1slnzq.jpg" alt="download and install" width="880" height="495"&gt;
&lt;/li&gt;
&lt;li&gt;After installing your vscode, open it. Then click on the last icon in the leftmost navigation pane. this is where you get extensions. 
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--R5YBPjoF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/05mbp2wnd6w5wcvcydfk.png" alt="installations" width="880" height="628"&gt;
&lt;/li&gt;
&lt;li&gt;Search for live server and click install. &lt;strong&gt;Here you need some internet connection&lt;/strong&gt;
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--J9N0xPgb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ntr9muqei5olpyq8bg74.png" alt="live server" width="880" height="396"&gt;
Once you are done, everything is set for now, lets write some code, shall we??&lt;/li&gt;
&lt;/ul&gt;

&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Create your project folder.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;In your desktop create a folder and give it &lt;strong&gt;any name&lt;/strong&gt; you want. &lt;/li&gt;
&lt;li&gt;open that folder and on the route path, type &lt;strong&gt;cmd&lt;/strong&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wAnIFRnD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hr4dkn0nay4k6m0yrv3e.PNG" alt="route changing" width="880" height="382"&gt;
&lt;/li&gt;
&lt;li&gt;In the terminal, type &lt;strong&gt;code .&lt;/strong&gt; to open the folder in vs code. 
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2iuFsXHo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/557nyfl3zyh7gqj1nqlu.PNG" alt="terminal command" width="386" height="111"&gt;
&lt;/li&gt;
&lt;li&gt;In the vs code window, click on new file and save it as index.html
-Type html:5 and hit tab button to create your first html file in this folder&lt;/li&gt;
&lt;li&gt;just above the closing tag of the &lt;strong&gt;body&lt;/strong&gt; tag, type script:src to link the html file to the JavaScript file. in between the "" marks, type index.js
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YrX9v_ym--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bs1llulr3ao8lqyn4qcg.PNG" alt="js file" width="880" height="660"&gt; &lt;/li&gt;
&lt;li&gt;&lt;p&gt;create a new file and name it index.js&lt;br&gt;
&lt;strong&gt;All is set now and we are ready to code in javascript&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Create your First JavaScript file.&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;In your index.js file, type the following: &lt;code&gt;alert("hello world");&lt;/code&gt; and save your work&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;In your &lt;strong&gt;index.html&lt;/strong&gt; file, right click and click &lt;strong&gt;open with live server&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Once in your browser, you should be able to see the alert pop up with the message that you typed in&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ruERu8_F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/feapmf3p7qbxtapx9ii4.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ruERu8_F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/feapmf3p7qbxtapx9ii4.PNG" alt="pop up" width="880" height="353"&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;click okay and then right click this page and inspect it. go for the console tab and once again type the following: &lt;code&gt;alert("hello world");&lt;/code&gt;. The alert should pop up again.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Up to that point, you have everything set and you are ready to go. you have all files set and congratulations for writing your first JavaScript code&lt;/em&gt;&lt;/strong&gt;&lt;br&gt;
Next on in this series we shall look at the basics of JavaScript and the data types in JavaScript.&lt;br&gt;
Happy coding and keep practicing.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--HPkaae-V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/robn2cwr20a4042w2hib.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--HPkaae-V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/robn2cwr20a4042w2hib.gif" alt="Happy coding" width="480" height="268"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
    </item>
  </channel>
</rss>
