<?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>Forem: Anas Khan</title>
    <description>The latest articles on Forem by Anas Khan (@anascann).</description>
    <link>https://forem.com/anascann</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%2F247102%2Ff56b7f0e-c896-4ba8-a46d-94b2688faf71.png</url>
      <title>Forem: Anas Khan</title>
      <link>https://forem.com/anascann</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/anascann"/>
    <language>en</language>
    <item>
      <title>Learning JavaScript #Day-03</title>
      <dc:creator>Anas Khan</dc:creator>
      <pubDate>Sat, 26 Oct 2019 09:32:23 +0000</pubDate>
      <link>https://forem.com/anascann/learning-javascript-day-03-3fm0</link>
      <guid>https://forem.com/anascann/learning-javascript-day-03-3fm0</guid>
      <description>&lt;p&gt;Struggled with inconsistency regarding my JS learning, was running short on some Deadlines, Well let's not get into excuses. After this 4 day gap and with my lost momentum, finally got the pace again and balanced the imbalanced. &lt;/p&gt;

&lt;p&gt;Started with the 'LOOPING', and here comes my favourite loop called 'FOR LOOP'. The syntax is all the same, so nothing much to invest time in it.&lt;/p&gt;

&lt;p&gt;Then comes the objects: pretty much interesting. It is said that JavaScript always revolves around the objects. To put objects in simpler term- "objects are collections of the variables on which the programmer is going to play with".&lt;br&gt;
Below is an example of how to implement objects in javascript:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F7zdtnnxz9i5c2xnyhh2e.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F7zdtnnxz9i5c2xnyhh2e.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Objects also hold functions, you can define them inside the objects and if that function want to access the properties of objects then, JS gives you a Keyword known as &lt;strong&gt;THIS&lt;/strong&gt; keyword. &lt;/p&gt;

&lt;p&gt;THIS keyword refers to the object it belongs to. Below is the implementation of the same.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fk29hryddr6z9spsm4lut.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fk29hryddr6z9spsm4lut.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Also learned some string manipulation by using some methods like:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;em&gt;includes()&lt;/em&gt;- which checks the given string if it has included your provided parameter or not.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;em&gt;UpperCase() / Lowercase()&lt;/em&gt;-- This converts your given string into uppercase or lower case.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Also learned Math function and random() which gives you the random no. between 0 and 1.&lt;/p&gt;

&lt;p&gt;There are lots of functions and kinds of stuff to play with and it really improves your blueprint of coding in javascript. So practising on your desired programs will really help you to sharpen your JS skills. &lt;br&gt;
Below is a program which I implemented by using a few concepts that I learned.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fl5r9cli0m84l6xxq5f5l.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fl5r9cli0m84l6xxq5f5l.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;so again I am keeping up with the momentum and will focus on being consistent and keeping the blog up to date. It's really dun coding in JS.&lt;/p&gt;

&lt;p&gt;Your suggestions and tips are always welcomed :)&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Happy Coding!!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Anas Khan&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>webdev</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Learning JavaScript #Day-02</title>
      <dc:creator>Anas Khan</dc:creator>
      <pubDate>Mon, 21 Oct 2019 00:15:31 +0000</pubDate>
      <link>https://forem.com/anascann/learning-javascript-day-02-59i5</link>
      <guid>https://forem.com/anascann/learning-javascript-day-02-59i5</guid>
      <description>&lt;p&gt;Hello folks!&lt;/p&gt;

&lt;p&gt;So keeping the excitement intact, spent another few hours of my day in learning JavaScript. I must mention here the fact that this language has seriously got me into its fandom especially after meeting with Arrays.&lt;/p&gt;

&lt;p&gt;Being a c++ and a Java guy, the definition of Arrays for me was " kiddo! It's a fixed size container which can hold up certain elements of the same data type".&lt;br&gt;
But, JavaScript got me stunned. No more dealing with data types just declare it and do your thing.&lt;/p&gt;

&lt;p&gt;" var Example=['baa','bee', 12, 45] " // That's How you declare your Array in JS, with no higgle-haggle in data types, Pretty amazing.&lt;/p&gt;

&lt;p&gt;Well let's not just drool over the Arrays, another thing I first used was the backtick ( &lt;code&gt;&lt;/code&gt;) when using the template string.&lt;/p&gt;

&lt;p&gt;Template strings are the string literals which can allow you to add embedded expressions. Syntax-&amp;gt; &lt;code&gt;//any string// ${your expression} //string&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;I was so dead confused, took it as a single quote and kicked my brains put on the errors. so GOOGLE helped me out. Template strings are pretty amazing to work with.&lt;/p&gt;

&lt;p&gt;Now Functions, Functions are pretty the same as former languages so nothing to scratch my that part of my mind, Just made few programs which include functions, conditionals and arrays to make the "JavaScript" blueprint in my mind.&lt;/p&gt;

&lt;p&gt;Also Gone through the 3 important array functions which can be used mainly:-&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Shift() and Unshift():&lt;br&gt;
This Array function gives you the functionality to return the first element of &lt;br&gt;
the array and insert the element on the start of the index.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Pop() and Push():&lt;br&gt;
You might know them if you are into Data Structures Stack, well Their function is to Pop up or remove the Last element on the array present and insert on the last index of an Array.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Splice(); &lt;br&gt;
This function is most interesting amongst its two brothers, it adds an element in the middle, and takes 3 parameters.Splice(start, delete count,'your element').&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;So another interesting day with JS, hoping this dating will go well in the future :)&lt;/p&gt;

&lt;p&gt;note- Please give your suggestions on additional information, study materials and different learning approach, please drop in the comment box. Your help will be highly appreciated :)&lt;/p&gt;

&lt;p&gt;Thank You.&lt;br&gt;
Adios.&lt;br&gt;
Anas Khan. &lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Learning Javascript #DAY-01 (my journey to full-stack web dev)</title>
      <dc:creator>Anas Khan</dc:creator>
      <pubDate>Sat, 19 Oct 2019 18:18:51 +0000</pubDate>
      <link>https://forem.com/anascann/learning-javascript-day-01-my-journey-to-full-stack-web-dev-mg3</link>
      <guid>https://forem.com/anascann/learning-javascript-day-01-my-journey-to-full-stack-web-dev-mg3</guid>
      <description>&lt;p&gt;Hello developers, this is my first ever post on this community channel and will try to pin down all the needed. :)&lt;/p&gt;

&lt;p&gt;After trying my hands and getting done with C++, Core Java and some parts of Data Structures now looking ahead to take a dip in the waters of Full-Stack Web development as I am quite familiar with the basics of frontend i.e html+css and having a firm programming background, so now is the time to go for it.&lt;/p&gt;

&lt;p&gt;No matter how much Ace-programmer you are, one will start a new language with a simple Hello world program. because we are programmars we start at 0.&lt;/p&gt;

&lt;p&gt;I am a c++ guy and after such a long term romance with c++, declaring the variable's type was the only thing I know but javascript shot me blank, I was flabbergasted by the fact that javascript doesn't require any data type you just go and declare that guy ( var name='abcd') or (var age=12) you are done.&lt;/p&gt;

&lt;p&gt;I was happy and sad both happy because no dealing with those headaches of declaring the types and sad because will miss my old friends. &lt;/p&gt;

&lt;p&gt;Also, learnt about the basics of concatenation and printing the value out.&lt;br&gt;
made some programs on temperature converter, simple interest. &lt;/p&gt;

&lt;p&gt;Conditionals are quite similar to the previous languages so no new stuff in that.&lt;br&gt;
I found javascript pretty amazing language but yes just, for now, also I have heard about the horrors of it. nevertheless, we as a programmers just keep incrementing :).&lt;/p&gt;

&lt;p&gt;Note- any suggestions on learning javascript on getting on full-stack  would be highly welcomed and appreciated&lt;/p&gt;

&lt;p&gt;Adios.&lt;br&gt;
Anas Khan.&lt;/p&gt;

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