<?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: Rawan Amr Abdelsattar</title>
    <description>The latest articles on Forem by Rawan Amr Abdelsattar (@rawan_amr_abdulsattar).</description>
    <link>https://forem.com/rawan_amr_abdulsattar</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%2F727639%2Fd1c923c9-ce44-4011-8871-7e72f749d57c.jpeg</url>
      <title>Forem: Rawan Amr Abdelsattar</title>
      <link>https://forem.com/rawan_amr_abdulsattar</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/rawan_amr_abdulsattar"/>
    <language>en</language>
    <item>
      <title>You decide the topic and I will write about it for you😇💜</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Fri, 21 Jan 2022 17:14:55 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/you-decide-the-topic-and-i-will-write-about-it-for-you-13ob</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/you-decide-the-topic-and-i-will-write-about-it-for-you-13ob</guid>
      <description>&lt;p&gt;I am writing a new tutorial , but this time you will decide the topic 😉 .&lt;/p&gt;

&lt;p&gt;Let me know in the comment section below and most important repeated topics will be chosen for me to write about . It can be something difficult you don't understand or any knowledge you want to refresh. &lt;/p&gt;

&lt;p&gt;Follow me to see the topics you chose and thanks for reading.&lt;br&gt;
For all my followers : you are amazing and supportive. I love u all. 💜&lt;/p&gt;

</description>
      <category>tutorial</category>
      <category>programming</category>
      <category>beginners</category>
      <category>discuss</category>
    </item>
    <item>
      <title>A young programmer's story 👩‍💻 : Yes, it's just me 😄😇</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Sun, 16 Jan 2022 07:42:40 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/a-young-programmers-story-yes-its-just-me-4nej</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/a-young-programmers-story-yes-its-just-me-4nej</guid>
      <description>&lt;h2&gt;
  
  
  Hi !
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;I am Rawan Amr Abdulsattar , a 15-year-old girl intermediate software engineer, mobile app developer, and blogger.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;My story is long, despite my age. There are a lot of stages that I have passed before being the last version of me.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;The story begins...&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;I was in elementary school. The first time modern educational methods began to appear. It was very amazing for me - as a child - to watch my lessons on youtube or interactive lessons on Windows programs, especially for science and  &lt;strong&gt;mathematics&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;I was a fan of cartoons and the most character I was I love them 3 types: the scientist, the inventor, and the programmer (they often considered him a  &lt;strong&gt;hacker&lt;/strong&gt;).&lt;/p&gt;

&lt;p&gt;So I loved technology very much and in the vacation, before the first grade of middle school, I knew that the computer and information technology curriculum would be added to the curriculum and I was happy and opened a video and discovered that the first lesson was about  &lt;strong&gt;Scratch&lt;/strong&gt;, and from here I knew what a  &lt;strong&gt;programming language&lt;/strong&gt; means.&lt;/p&gt;

&lt;p&gt;But I felt that scratch would not allow me to do a lot of things, so I searched the Internet, and do not remember what happened exactly. I learned python and HTML and my first resource was an application called  &lt;strong&gt;Sololearn&lt;/strong&gt;  and I was very happy when I got the  &lt;strong&gt;Python&lt;/strong&gt;  certificate and other certificates from the  &lt;strong&gt;programming hero&lt;/strong&gt;  application and two certificates from the  &lt;strong&gt;Grasshopper&lt;/strong&gt;  application. It was an achievement .&lt;/p&gt;

&lt;p&gt;Then I learned from  &lt;strong&gt;youtube&lt;/strong&gt;  (at that time the Arabic content was very little and not of high quality, so I had to learn English, and this affected my listening skill, praise be to God) and it was one of the most important sources are two channels  &lt;a href="https://www.youtube.com/c/TechWithTim"&gt;Tech with Tim&lt;/a&gt; and  &lt;a href="https://www.youtube.com/c/Freecodecamp"&gt;Freecodecamp&lt;/a&gt;  and I downloaded many videos for  &lt;strong&gt;javascript, python, java, C#, HTML, CSS&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;My  &lt;strong&gt;problem&lt;/strong&gt;  was that I didn't know which field to enter, so I tried a lot. I liked the field of  &lt;strong&gt;AI&lt;/strong&gt;  and  &lt;strong&gt;ML&lt;/strong&gt;, but my mathematical knowledge was little that I was learning specific mathematics (along with the school's curicullum), but it was difficult and I only understood some simple  &lt;strong&gt;algorithms.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I transferred and in the end, I settled on javascript and took  &lt;strong&gt;mobile app development&lt;/strong&gt;  videos and courses, because even if there are many programmers, only a few will work, those who are really well educated and who have the determination. I&lt;/p&gt;

&lt;p&gt;I decided to learn  &lt;strong&gt;React&lt;/strong&gt;  and then  &lt;strong&gt;React native&lt;/strong&gt;, but I found  &lt;strong&gt;Flutter&lt;/strong&gt;  more widespread and I started this year learning  &lt;strong&gt;Dart&lt;/strong&gt;  and  &lt;strong&gt;Flutter&lt;/strong&gt;,.&lt;/p&gt;

&lt;h2&gt;
  
  
  My admission of my inexperience
&lt;/h2&gt;

&lt;p&gt;But so far I do not recognize myself as a  &lt;strong&gt;programmer&lt;/strong&gt;  because the projects that I have done are very few and simple, and there is no one to help me learn or advise me to take  &lt;strong&gt;algorithms and data structures courses&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Therefore, there are some concepts that I don't understand. The only thing that I benefited from is praise I have a background in most fields and an understanding of basic concepts in  &lt;strong&gt;programming languages&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;My decision&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;But this year will be a big transformation in my life, God willing, and I will learn most or all of the list that I wrote in this  &lt;a href="https://codewithrona.blogspot.com/2022/01/my-roadmap-2022-from-beginner-to.html"&gt;post&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Any Advice
&lt;/h2&gt;

&lt;p&gt;Be kind and give me an advice to be a better developer, it won't take you a minute. &lt;/p&gt;

&lt;p&gt;Put them in the comment section below and if there is much I may put them in an article on their own so many people can benefit from them.&lt;/p&gt;

&lt;p&gt;Encourage me to write more by following me here and also in my &lt;a href="https://codewithrona.blogspot.com/"&gt;blog&lt;/a&gt;, give me a thumbs up . if you have any comments let me know in the comment section below. Thanks for reading!&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>programming</category>
      <category>newbie</category>
      <category>beginners</category>
    </item>
    <item>
      <title>My Roadmap 2022 : you are not a real developer yet 😅</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Sat, 01 Jan 2022 11:38:49 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/my-roadmap-2022-from-a-beginner-to-advanced-developer-1cp4</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/my-roadmap-2022-from-a-beginner-to-advanced-developer-1cp4</guid>
      <description>&lt;p&gt;At the end of &lt;strong&gt;2021&lt;/strong&gt; I found myself a programmer who only knows about some programming languages and some frameworks but with no real programming experience,no projects and no achievements. &lt;/p&gt;

&lt;h2&gt;
  
  
  Why ?
&lt;/h2&gt;

&lt;p&gt;It was because I didn't start with the &lt;strong&gt;fundamentals&lt;/strong&gt;, I didn't learn about algorithms, data structures or anything important as Big O.&lt;/p&gt;

&lt;h2&gt;
  
  
  My Decision
&lt;/h2&gt;

&lt;p&gt;I decided to start from the beginning as if I learnt nothing before, and then wrote my goals of 2022, &lt;strong&gt;a modified roadmap every beginner should use.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;My Roadmap 2022:&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  1- Introduction to programming:
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F27fm0ravp7i1pmwjzi4i.jpg" 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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F27fm0ravp7i1pmwjzi4i.jpg" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Programming is writing computer code to create a program, to solve a problem. Programs are created to implement algorithms . Algorithms can be represented as pseudocode or a flowchart , and programming is the translation of these into a computer program.&lt;br&gt;
&lt;a href="https://www.youtube.com/watch?v=zOjov-2OZ0E&amp;amp;t=378s" rel="noopener noreferrer"&gt;Freecodecamp video&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2-Algorithms and data structures
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw00hhh69j0sbv5ravlhp.jpeg" 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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw00hhh69j0sbv5ravlhp.jpeg" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
A data structure is a named location that can be used to store and organize data. And, an algorithm is a collection of steps to solve a particular problem. Learning data structures and algorithms allow us to write efficient and optimized computer programs.&lt;br&gt;
Freecodecamp videos:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;First video : &lt;a href="https://www.youtube.com/watch?v=RBSGKlAvoiM&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=4" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=RBSGKlAvoiM&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=4&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Second video: &lt;a href="https://www.youtube.com/watch?v=zg9ih6SVACc&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=5" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=zg9ih6SVACc&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=5&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Third video: &lt;a href="https://www.youtube.com/watch?v=BBpAmxU_NQo&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=8" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=BBpAmxU_NQo&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=8&lt;/a&gt;&lt;br&gt;
)&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  3- Learn dynamic programming
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffkx4hhs9tplp1rabydj1.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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffkx4hhs9tplp1rabydj1.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Dynamic programming is both a mathematical optimization method and a computer programming method. &lt;br&gt;
Freecodecamp dynamic programming video: &lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=oBt53YbR9Kk&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=7" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=oBt53YbR9Kk&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=7&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4- Take CS50 Course:
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq41284kkcsupetnz4uai.jpg" 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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq41284kkcsupetnz4uai.jpg" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
CS50 is an on-campus and online introductory course on computer science taught at Harvard University and Yale University. In 2016, CS50 became available to high school students as an Advanced Placement Computer Science course&lt;/p&gt;

&lt;p&gt;Most Important lectures in my opinion are :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=tI_tIZFyKBw&amp;amp;list=PLzHzhIMAxNqybs6a-CaQ_ClV2BhKpWtjj&amp;amp;index=3" rel="noopener noreferrer"&gt;Arrays&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=gR6nycuZKlM&amp;amp;list=PLzHzhIMAxNqybs6a-CaQ_ClV2BhKpWtjj&amp;amp;index=4" rel="noopener noreferrer"&gt;Algorithms&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=NKTfNv2T0FE&amp;amp;list=PLzHzhIMAxNqybs6a-CaQ_ClV2BhKpWtjj&amp;amp;index=5" rel="noopener noreferrer"&gt;Memory&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=2T-A_GFuoTo&amp;amp;list=PLzHzhIMAxNqybs6a-CaQ_ClV2BhKpWtjj&amp;amp;index=6" rel="noopener noreferrer"&gt;Data structures&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=ZEQh45W_UDo&amp;amp;list=PLzHzhIMAxNqybs6a-CaQ_ClV2BhKpWtjj&amp;amp;index=7" rel="noopener noreferrer"&gt;Python&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=Wb0DM9I8RDo&amp;amp;list=PLzHzhIMAxNqybs6a-CaQ_ClV2BhKpWtjj&amp;amp;index=8" rel="noopener noreferrer"&gt;SQL&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  5- learn about BIG O notation:
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj80rkuszey1qiyrhq9ey.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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj80rkuszey1qiyrhq9ey.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Big O notation is a mathematical notation that describes the limiting behavior of a function when the argument tends towards a particular value or infinity.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Freecodecamp : &lt;a href="https://www.youtube.com/watch?v=Mo4vesaut8g&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=1" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=Mo4vesaut8g&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=1&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;CS dojo: &lt;a href="https://www.youtube.com/watch?v=D6xkbGLQesk&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=2" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=D6xkbGLQesk&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=2&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Hacker rank: &lt;a href="https://www.youtube.com/watch?v=v4cd1O4zkGw&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=3" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=v4cd1O4zkGw&amp;amp;list=PLFHhlerk7ViiaNgD65WA0LhdILaxPbOcx&amp;amp;index=3&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  6- Learn Dart and flutter:
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftdp7atz4s3th5g09hw9h.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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftdp7atz4s3th5g09hw9h.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Flutter is a cross-platform software development framework that was presented by Google in 2015 and received its first release in May of 2017. Flutter nowadays has steadily grown and provided possibilities not only for iOS and Android mobile development but also for web and desktop applications as well.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Freecodecamp : &lt;a href="https://www.youtube.com/watch?v=pTJJsmejUOQ&amp;amp;t=35s" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=pTJJsmejUOQ&amp;amp;t=35s&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Acadmind: &lt;a href="https://www.youtube.com/watch?v=x0uinJvhNxI&amp;amp;t=272s" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=x0uinJvhNxI&amp;amp;t=272s&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The net ninja : &lt;a href="https://www.youtube.com/watch?v=1ukSR1GRtMU&amp;amp;list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=1ukSR1GRtMU&amp;amp;list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  7-Program projects on your own
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fabl1vpwux2mmq7xewcha.jpg" 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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fabl1vpwux2mmq7xewcha.jpg" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
After you practice projects in the coursesyou should make at least 4-6 projects on your own from scratch and upload them on GitHub&lt;/p&gt;

&lt;p&gt;project ideas:&lt;/p&gt;

&lt;p&gt;👉 Uber Clone with Flutter. ...&lt;br&gt;
👉 E-Commerce App using Flutter. ...&lt;br&gt;
👉 Clubhouse Clone UI using Flutter. ...&lt;br&gt;
👉 SpaceX Go - Launch Tracker using Flutter. ...&lt;br&gt;
👉 Tetris Game using Flutter. ...&lt;br&gt;
👉 Build a Beautiful Pokedex (Pokemon) App using Flutter. ...&lt;br&gt;
👉 Game Store using Flutter. ...&lt;br&gt;
👉 Proximity - Flutter Widgets App.&lt;/p&gt;

&lt;p&gt;Read this &lt;a href="https://www.theinsaneapp.com/2021/06/flutter-projects-with-source-code.html" rel="noopener noreferrer"&gt;article&lt;/a&gt; for more project ideas&lt;/p&gt;

&lt;h2&gt;
  
  
  8- Read books
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F52j1s7dofierl8m8qg7j.jpeg" 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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F52j1s7dofierl8m8qg7j.jpeg" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
You must read one book at least about programming and it will help you.&lt;/p&gt;

&lt;p&gt;Books about flutter:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Beginning App Development with Flutter.&lt;/li&gt;
&lt;li&gt;Beginning Flutter: A Hands On Guide to App Development.&lt;/li&gt;
&lt;li&gt;Flutter Apprentice.&lt;/li&gt;
&lt;li&gt;Flutter Complete Reference.&lt;/li&gt;
&lt;li&gt;Flutter: Développez vos applications mobiles multiplateformes avec Dart.&lt;/li&gt;
&lt;li&gt;Flutter for Beginners.&lt;/li&gt;
&lt;li&gt;Flutter in Action.&lt;/li&gt;
&lt;li&gt;Flutter Libraries We Love.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  9- Build your resume
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn0kglli3mrvr1nflk319.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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn0kglli3mrvr1nflk319.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Build a nice resume to land your first job, and it should include :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Your name, email address, and social media accounts&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;skills with the percentage of experience&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;project links on GitHub&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;your education level and degree if you have one&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;course certifications if present&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;languages you speak and mention your mother language&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  So,
&lt;/h2&gt;

&lt;p&gt;That was it for this post , follow me , like ,share if you like it and if you have any comments type them in the comment section below and thanks for reading.&lt;/p&gt;

&lt;h2&gt;
  
  
  Information about me :
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Name: Rawan Amr Abdulsattar&lt;/li&gt;
&lt;li&gt;Gender: female&lt;/li&gt;
&lt;li&gt;Nationality: Egyptian&lt;/li&gt;
&lt;li&gt;Blog: &lt;a href="https://codewithrona.blogspot.com/" rel="noopener noreferrer"&gt;https://codewithrona.blogspot.com/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Email address: &lt;a href="mailto:rawanamrabdulsattar@gmail.com"&gt;rawanamrabdulsattar@gmail.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Dev.To account: &lt;a href="https://dev.to/rawan_amr_abdulsattar"&gt;https://dev.to/rawan_amr_abdulsattar&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Twitter : &lt;a href="https://twitter.com/RawanAmr1552006" rel="noopener noreferrer"&gt;https://twitter.com/RawanAmr1552006&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Instagram : &lt;a href="https://www.instagram.com/rawanamr1552006/" rel="noopener noreferrer"&gt;https://www.instagram.com/rawanamr1552006/&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>beginners</category>
      <category>android</category>
      <category>flutter</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>Python variables and datatypes : even a kid can understand my explanation!</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Tue, 28 Dec 2021 16:29:50 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/python-variables-and-datatypes-even-a-kid-can-understand-my-explanation-81k</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/python-variables-and-datatypes-even-a-kid-can-understand-my-explanation-81k</guid>
      <description>&lt;h2&gt;
  
  
  Before getting started:
&lt;/h2&gt;

&lt;p&gt;To write python code you will need some sort of a text editor or an IDE (&lt;u&gt;I&lt;/u&gt;ntegrated &lt;u&gt;D&lt;/u&gt;evelopment &lt;u&gt;E&lt;/u&gt;nvironment ) to highlight and execute the code you write,  when you install python it comes with its own &lt;strong&gt;IDLE&lt;/strong&gt;, it contains &lt;strong&gt;two main components&lt;/strong&gt;: the shell and the text editor. The shell appears when you run the code, you can also type a code that you want and it will be executed immediately, for now, we want to use the text editor. you can search for it and double-click it to open it, if you are done, you are ready to go and continue the tutorial. open a new file from the file menu.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--yZIgrn-z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dx7pa1kbtfrea5m096v9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--yZIgrn-z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dx7pa1kbtfrea5m096v9.png" alt="IDLE" width="640" height="360"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What is a Variable?
&lt;/h2&gt;

&lt;p&gt;A Variable is nothing but a container where you can store a certain value. Variables can store different types of data(We will talk about data types later). To declare a variable you have to give it a name and assign it to a value using the &lt;strong&gt;assignment operator " = "&lt;/strong&gt;. A valid variable name has certain conditions :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;it must start with a letter or underscore character " _ ".&lt;/li&gt;
&lt;li&gt;it can't start with a number.&lt;/li&gt;
&lt;li&gt;it can contain only alpha-numeric characters and underscores(A-Z, 0-9, " _ ").&lt;/li&gt;
&lt;li&gt;variables in python are case-sensitive(variable isn't the same as VARIABlE and not as Variable).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;*&lt;em&gt;you can declare a variable as below: &lt;br&gt;
*&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;
&lt;span class="n"&gt;variable_name&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"value"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;to show things on the screen you can use &lt;code&gt;print()&lt;/code&gt; and type the thing you want to show or the variable name:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;
&lt;span class="n"&gt;variable&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;
&lt;span class="k"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;variable&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="c1"&gt;# the output : 1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Main Datatypes :
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;Int&lt;/code&gt; : integer numbers &lt;/li&gt;
&lt;li&gt;
&lt;code&gt;float&lt;/code&gt; : number with decimal point.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Str&lt;/code&gt;: string, any series of characters included between quotes (double quotes " " or single quotes ' ' ).&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Bool&lt;/code&gt;: boolean value, has one of the two values &lt;code&gt;True&lt;/code&gt; or &lt;code&gt;False&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;None&lt;/code&gt;: means null, undefined variables and objects.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;list&lt;/code&gt; : can store more than one piece of data.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;dict&lt;/code&gt;: dictionary , used to store key-value pairs( each property associated with its own value).
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="n"&gt;age&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;15&lt;/span&gt; &lt;span class="c1"&gt;# int
&lt;/span&gt;&lt;span class="n"&gt;pi&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mf"&gt;3.14&lt;/span&gt; &lt;span class="c1"&gt;# float
&lt;/span&gt;&lt;span class="n"&gt;name&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Rawan Amr"&lt;/span&gt; &lt;span class="c1"&gt;# String
&lt;/span&gt;&lt;span class="n"&gt;isProgrammer&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="bp"&gt;True&lt;/span&gt; &lt;span class="c1"&gt;# Boolean
&lt;/span&gt;&lt;span class="n"&gt;Nothing&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="bp"&gt;None&lt;/span&gt; &lt;span class="c1"&gt;# none, we usually don't declare None variables this way , we will learn about it later
&lt;/span&gt;&lt;span class="n"&gt;fruits&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s"&gt;"apple"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s"&gt;"strawberry"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s"&gt;"bananas"&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="c1"&gt;# list
&lt;/span&gt;&lt;span class="n"&gt;phoneBook&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
   &lt;span class="s"&gt;"Rawan"&lt;/span&gt; &lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s"&gt;"123456"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="s"&gt;"Amr"&lt;/span&gt; &lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s"&gt;"678910"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="s"&gt;"Abdulsattar"&lt;/span&gt; &lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s"&gt;"2468"&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="c1"&gt;# Dictionary
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Notes :
&lt;/h2&gt;

&lt;p&gt;1 . Everything greyed out (not highlighted) after " #" is called a comment, you write them to explain to yourself and others what the code does.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="c1"&gt;# I am an comment
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;2 . In Python we don't put a semicolon "; " after the end of each line, you don't have to do it as you do in many other languages as Dart for example.&lt;/p&gt;

&lt;h2&gt;
  
  
  So,
&lt;/h2&gt;

&lt;p&gt;That was it for this post , follow me , like ,share if you like it and if you have any comments type them in the comment section below and thanks for reading.&lt;/p&gt;

&lt;p&gt;Information about me :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Name: Rawan Amr Abdulsattar&lt;/li&gt;
&lt;li&gt;Gender: female&lt;/li&gt;
&lt;li&gt;Nationality: Egyptian&lt;/li&gt;
&lt;li&gt;Blog: &lt;a href="https://codewithrona.blogspot.com/"&gt;https://codewithrona.blogspot.com/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Email address: &lt;a href="mailto:rawanamrabdulsattar@gmail.com"&gt;rawanamrabdulsattar@gmail.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Dev.To account: &lt;a href="https://dev.to/rawan_amr_abdulsattar"&gt;https://dev.to/rawan_amr_abdulsattar&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Twitter : &lt;a href="https://twitter.com/RawanAmr1552006"&gt;https://twitter.com/RawanAmr1552006&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Instagram : &lt;a href="https://www.instagram.com/rawanamr1552006/"&gt;https://www.instagram.com/rawanamr1552006/&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>python</category>
      <category>basics</category>
      <category>programming</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Algorithms in a nutshell ; )</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Sat, 27 Nov 2021 21:16:44 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/algorithms-in-a-nutshell--4pm1</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/algorithms-in-a-nutshell--4pm1</guid>
      <description>&lt;h1&gt;
  
  
  So what on Earth are the Algorithms...?
&lt;/h1&gt;

&lt;p&gt;An Algorithm is a set of ordered instructions to reach an objective or output or complete a specific task or do a calculation.&lt;/p&gt;

&lt;p&gt;We use Algorithms in problems, but wait a second , Do you really know what a problem is?&lt;/p&gt;

&lt;h1&gt;
  
  
  A Problem
&lt;/h1&gt;

&lt;p&gt;A problem is the objective or the output we want to reach, or the task we want to complete . I think it is easy and straight forward , Right ;)  ?&lt;/p&gt;

&lt;p&gt;Making a cake is an example of a problem.&lt;/p&gt;

&lt;h1&gt;
  
  
  Problem Solving
&lt;/h1&gt;

&lt;p&gt;and to solve a problem we do &lt;strong&gt;problem solving&lt;/strong&gt; that can be done  through 5 main &lt;strong&gt;steps&lt;/strong&gt; which are:&lt;/p&gt;

&lt;p&gt;1) Problem definition&lt;br&gt;
2) Writing the algorithm&lt;br&gt;
3) Implementation&lt;br&gt;
4) Testing&lt;br&gt;
5) Program documentation (a programming-specific step)&lt;/p&gt;

&lt;p&gt;So by &lt;strong&gt;Applying&lt;/strong&gt; this to our problem in the last example(Making a cake) then it will be like this :&lt;/p&gt;

&lt;h2&gt;
  
  
  Problem definition :
&lt;/h2&gt;

&lt;p&gt;we want to make a cake and the :&lt;br&gt;
1) output should be : a delicious cake&lt;br&gt;
2) Input is : flour, milk, eggs, sugar and so on.&lt;/p&gt;

&lt;h2&gt;
  
  
  Writing the Algorithm
&lt;/h2&gt;

&lt;p&gt;Steps are :&lt;br&gt;
1) Mix all dry ingredients together lightly to distribute. (Flour, sugar, baking powder, salt).&lt;br&gt;
2) Add in milk, butter, and vanilla. Stir until well mixed. &lt;br&gt;
3) Beat in eggs. &lt;br&gt;
4) Bake 20 mins or until toothpick comes out clean.&lt;/p&gt;

&lt;p&gt;And so on (I won't write the complete reciepe It's a programming blog not your grandma's cookbook ;) !&lt;/p&gt;

&lt;h2&gt;
  
  
  Implemetation
&lt;/h2&gt;

&lt;p&gt;In programming it means to choose a programming language and implement the Algorithm through code.&lt;/p&gt;

&lt;p&gt;But in our last example it means implementing the instructions in real world not only on paper like writing the algorithm ( you got it , didn't you ? ).&lt;/p&gt;

&lt;h2&gt;
  
  
  Testing
&lt;/h2&gt;

&lt;p&gt;Testing means to check if everything works right no unexpected syntax or locigal errors and if the program works right, you do this by doing trials with prepared outputs and check if your program behaviour meets the expected one.&lt;/p&gt;

&lt;p&gt;In our case (making a cake) it means to check if the output is a cake not something else as a pie or something :) .&lt;/p&gt;

&lt;h2&gt;
  
  
  Program documentation
&lt;/h2&gt;

&lt;p&gt;All steps taken for solving the problem that include: given Input, output, plan for solving the problem, drawn flowchart, programming language used for coding and, instructions, date of last modification of the program and, people who contribute to the program development process, to have the program documented to go back for feedback and correction.&lt;/p&gt;

&lt;p&gt;The documentation is beneficial when more than one person participate in writing or modifying the program. &lt;/p&gt;

&lt;h1&gt;
  
  
  Conclusion
&lt;/h1&gt;

&lt;p&gt;1) Algorithm is one of the essential steps to solve a problem&lt;br&gt;
2) A problem is the computation we want to do , the task we need to complete, the output or objective we want to reach&lt;br&gt;
3) Problem solving includes problem definition, algorithm preparation, implementation, testing and program documentation.&lt;/p&gt;

&lt;p&gt;So that was it for this post , follow me if you want to see the rest of the series, if you like it react , and let me know in the comment section below.&lt;/p&gt;

</description>
      <category>algorithms</category>
      <category>beginners</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Flutter and Dart beginner to Study together ; )</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Fri, 26 Nov 2021 13:20:28 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/flutter-and-dart-beginner-to-study-together--3g8g</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/flutter-and-dart-beginner-to-study-together--3g8g</guid>
      <description>&lt;p&gt;I began to learn dart and flutter mobile development, I thought it will be better if I had Someone to learn with me, help me and study together , we can also build some projects after we learn some basics . Anyone there to study together ? &lt;br&gt;
If so , tell me in the comments below !&lt;/p&gt;

&lt;p&gt;If someone has good resource to learn from , also tell me in the comments. &lt;/p&gt;

&lt;p&gt;Note : I don't study more than once a week (but sometimes I do more), because I have alot of school work these days as I am a preparatory 3 student and my exams drew near. &lt;/p&gt;

&lt;p&gt;Go to see some of my posts (written totally be me) and encourage me to write more by following me , react and comment.&lt;/p&gt;

&lt;p&gt;Thanks for reading 💜💜💜 !&lt;/p&gt;

&lt;p&gt;My blog : &lt;a href="https://codewithrona.blogspot.com/"&gt;https://codewithrona.blogspot.com/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>flutter</category>
      <category>dart</category>
      <category>discuss</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Introduction to Python</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Sun, 17 Oct 2021 11:24:40 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/introduction-to-python-41do</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/introduction-to-python-41do</guid>
      <description>&lt;h1&gt;
&lt;br&gt;
&lt;a href="https://1.bp.blogspot.com/-FONWjVyQEos/YCaC6dwQyZI/AAAAAAAAAJI/OOMupmQGpSwv5PjrFZFlEsb1zreFRmNFQCLcBGAsYHQ/s532/python2.png"&gt;&lt;img alt="python programming" src="https://res.cloudinary.com/practicaldev/image/fetch/s--P5atyp2V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://1.bp.blogspot.com/-FONWjVyQEos/YCaC6dwQyZI/AAAAAAAAAJI/OOMupmQGpSwv5PjrFZFlEsb1zreFRmNFQCLcBGAsYHQ/w400-h186/python2.png" title="python logo"&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;span&gt;What is Python?&lt;/span&gt;&lt;br&gt;
&lt;/h1&gt;
&lt;p&gt;&lt;span&gt;Python is an interpreted, high-level, general-purpose, and human-readable programming language.&lt;/span&gt;&lt;/p&gt;
&lt;h4&gt;&lt;span&gt;Python is a powerful programming language that has a&lt;br&gt; lot of applications like :&lt;/span&gt;&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span&gt; Web and internet development &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt; Scientific and numeric computing&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt; Artificial intelligence and machine learning&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt; Education&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt; Desktop GUIs&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt; Software development&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt; Business applications&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt; Game development&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
&lt;br&gt;
&lt;span&gt;Why learn Python?&lt;br&gt;&lt;/span&gt;&lt;a href="https://1.bp.blogspot.com/-hsg_dVV8hQs/YCBS1p84ZuI/AAAAAAAAAHs/RsFZNsly2eIPTLQvoIDXK-KUJmAnSEYQgCLcBGAsYHQ/s1280/7-Reasons-Why-You-Should-Learn-Python-Right-Now.png"&gt;&lt;img alt="7 reasons to learn python right now" src="https://res.cloudinary.com/practicaldev/image/fetch/s--tRvQTocA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://1.bp.blogspot.com/-hsg_dVV8hQs/YCBS1p84ZuI/AAAAAAAAAHs/RsFZNsly2eIPTLQvoIDXK-KUJmAnSEYQgCLcBGAsYHQ/w640-h360/7-Reasons-Why-You-Should-Learn-Python-Right-Now.png" title="reasons to learn python"&gt;&lt;/a&gt;&lt;br&gt;
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;span&gt;Python is easy, simple, and human-readable. So it's the best programming language to start with as a beginner.&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Python has an incredibly supportive community.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Python is a general-purpose language and has a lot of uses and applications.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Python is both an object-oriented and functional programming language.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt; Python has an excellent selection of libraries. &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Python developers' jobs are the highest-paying jobs. Python is associated with an average global salary of $56,670.90.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;span&gt;Python is cross-platform.&lt;/span&gt;&lt;br&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;&lt;b&gt;&lt;span&gt;Now you have a basic understanding of what Python is..., You have to know what  is the content of our Python For Beginners course :&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;span&gt;Variables and Datatypes.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Basic operators and Input.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Conditions.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;IF, ELSE, ELIF statements.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Chained conditionals and nested statements.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Loops.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Containers.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;String Methods.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Functions.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Files IO.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Error Handling.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Introduction to Modular Programming.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Global vs. Local.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Classes and Objects.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;&lt;b&gt;&lt;span&gt;Prerequisites:&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;h4&gt;&lt;span&gt;&lt;b&gt;NO EXPERIENCE REQUIRED...!&lt;/b&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;p&gt;&lt;span&gt;If you are an absolute beginner, this course is for you, even if you don't understand programming concepts, this will be simple and easy for you. All that you need to start is :&lt;/span&gt;&lt;/p&gt;

&lt;ul&gt;&lt;li&gt;&lt;span&gt;A computer.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;

&lt;br&gt;

</description>
      <category>pyhton</category>
      <category>beginners</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Javascript : Dealing with strings</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Sun, 17 Oct 2021 11:18:20 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/javascript-dealing-with-strings-33dj</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/javascript-dealing-with-strings-33dj</guid>
      <description>&lt;h1&gt;
&lt;a href="https://1.bp.blogspot.com/-a-E_F0KGEic/YMCyd4lhaYI/AAAAAAAAAMc/n1TzAbYdmXc30ZrdLGvRg67cd8R-mdBqQCLcBGAsYHQ/s800/javascript4.png"&gt;&lt;img alt="Javascript : #4 Dealing with strings" src="https://res.cloudinary.com/practicaldev/image/fetch/s--bmbIGv0v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://1.bp.blogspot.com/-a-E_F0KGEic/YMCyd4lhaYI/AAAAAAAAAMc/n1TzAbYdmXc30ZrdLGvRg67cd8R-mdBqQCLcBGAsYHQ/s16000/javascript4.png" title="Javascript : #4 Dealing with strings"&gt;&lt;/a&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;
&lt;/h1&gt;
&lt;h1&gt;&lt;span&gt;Declaring string variables&lt;/span&gt;&lt;/h1&gt;
&lt;span&gt;To declare a &lt;b&gt;string variable&lt;/b&gt; you use any of the keywords (var, let, const) and the &lt;b&gt;equal operator&lt;/b&gt;, and the value you assign to it must be between &lt;b&gt;quotes&lt;/b&gt; (double " " or single ' ').&lt;/span&gt;&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;I am a string !&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;br&gt;&lt;h1&gt;&lt;span&gt;Concatenating strings&lt;/span&gt;&lt;/h1&gt;
&lt;span&gt;To concatenate strings is to add them together creating one long string.&lt;/span&gt;&lt;span&gt;The first method is to use the &lt;b&gt;plus operator &lt;/b&gt;" &lt;b&gt;+&lt;/b&gt; "&lt;/span&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;concatenatedStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;I am a string. &lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt; I am another string added to it .&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;The second method is to use the &lt;b&gt;plus equals operator&lt;/b&gt; " &lt;b&gt;+=&lt;/b&gt; " to &lt;b&gt;append&lt;/b&gt; a string or a string variable to the end of another string variable.&lt;/span&gt;&lt;/p&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;I am a string. &lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;+=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;I am another string appended to its end.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;  &lt;span class="c1"&gt;// output : "I am a string. I am another string appended to its end."&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;&lt;span&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;Another example&lt;/span&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;mySentence&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Javascript is &lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myAdjective&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;amazing!&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;mySentence&lt;/span&gt; &lt;span class="o"&gt;+=&lt;/span&gt; &lt;span class="nx"&gt;myAdjective&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;mySentence&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// output : "Javascript is amazing!"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;




&lt;h1&gt;&lt;br&gt;&lt;/h1&gt;
&lt;h1&gt;&lt;span&gt;Constructing strings using variables&lt;/span&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span&gt;you can construct a string using variables to make it &lt;b&gt;dynamic&lt;/b&gt; and easy to change without having to change the whole string.&lt;/span&gt;&lt;/p&gt;
&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myName&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Rawan&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myAge&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;15&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;mySentence&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;My name is &lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="nx"&gt;myName&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt; and i am &lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="nx"&gt;myAge&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt; years old ! &lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;mySentence&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;  &lt;span class="c1"&gt;// output : "My name is Rawan and i am 15 years old !"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h1&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;h1&gt;&lt;span&gt;Bracket Notation&lt;/span&gt;&lt;/h1&gt;
&lt;span&gt;Sometimes you want to get a character at a certain &lt;b&gt;index &lt;/b&gt;in a string, you can do this using bracket notation (which is done using &lt;b&gt;square brackets&lt;/b&gt; &lt;b&gt;[]&lt;/b&gt; ), indexing starts at zero (&lt;b&gt;zero-based indexing&lt;/b&gt;), which means that the first character is at the index &lt;b&gt;zero&lt;/b&gt;.&lt;/span&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;span&gt;&lt;b&gt;Finding the nth character&lt;/b&gt;&lt;/span&gt;&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Hello World !&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;thirdCharacter&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;];&lt;/span&gt; &lt;span class="c1"&gt;// getting the third character &lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;thirdCharacter&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// output : "l"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;span&gt;&lt;b&gt;Finding the last character&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Hello World !&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
 &lt;span class="c1"&gt;// getting the last character by subtracting one from the length of the string(since indexing starts at zero)&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;lastCharacter&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;length&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;];&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;lastCharacter&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// output : "!"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;span&gt;&lt;b&gt;Finding the nth-to-last character&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Hello World !&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
 &lt;span class="c1"&gt;// getting the fifth-to -last character&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;fifthToLastCharacter&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;length&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt;&lt;span class="p"&gt;];&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;fifthToLastCharacter&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// output : "r"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h1&gt;&lt;span&gt;Some String Methods And Properties&lt;/span&gt;&lt;/h1&gt;
&lt;a href="https://ecomputernotes.com/images/javascript-string-methods.jpg"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--bysyYioN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://ecomputernotes.com/images/javascript-string-methods.jpg"&gt;&lt;/a&gt;&lt;br&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;h2&gt;&lt;span&gt;Finding the length of a String&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span&gt;To find the number of characters in a string you can use the &lt;b&gt;.length&lt;/b&gt; &lt;b&gt;property&lt;/b&gt; ( note: even spaces are treated as characters).&lt;/span&gt;&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Hi there&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; 
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;lengthOfMyStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;length&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;lengthOfMyStr&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="c1"&gt;// output : 8&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;h1&gt;&lt;span&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;h2&gt;&lt;span&gt;&lt;span&gt;Changing the letter case of a String&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;span&gt;You can convert a string to be Uppercase using the &lt;b&gt;.toUpperCase()&lt;/b&gt;&lt;/span&gt;&lt;span&gt;&lt;b&gt;method &lt;/b&gt;and convert it to be all Lowercase using the &lt;b&gt;.toLowerCase() &lt;/b&gt;&lt;/span&gt;&lt;span&gt;&lt;b&gt;method.&lt;/b&gt;&lt;/span&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myYear&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Middle School&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myYearInCaps&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;myYear&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;toUpperCase&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myYearInSmallLetters&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;myYear&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;toLowerCase&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myYearInCaps&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;myYearInSmallLetters&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="c1"&gt;// output : "MIDDLE SCHOOL" , "middle school"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;




&lt;h2&gt;&lt;span&gt;&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;h2&gt;&lt;span&gt;&lt;b&gt;Getting a substring from a String&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;span&gt;To get a substring from a string you use the&lt;b&gt; .substring(start, end) method&lt;/b&gt;&lt;/span&gt;&lt;span&gt;or the &lt;b&gt;.slice(start, end)&lt;/b&gt; or the &lt;b&gt;.substr(start, length)&lt;/b&gt; methods.&lt;/span&gt;&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Hello World&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;hello&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;substring&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;4&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;hello&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// output : 'Hello'&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;h2&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;h2&gt;&lt;span&gt;Replacing String parts&lt;/span&gt;&lt;/h2&gt;
&lt;span&gt;To replace any part of the string with another one we use &lt;/span&gt;&lt;span&gt;the &lt;b&gt;.replace(old string, new string)&lt;/b&gt; method that takes the string&lt;/span&gt;&lt;span&gt;you want to replace as the first argument and the the string &lt;/span&gt;&lt;span&gt;you want to use it instead as the second argument.&lt;/span&gt;&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Jello world&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;replace&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;J&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;H&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// output : "Hello world"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;h1&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;h1&gt;&lt;span&gt;Escaping special characters in a String&lt;/span&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span&gt;Sometimes you want to &lt;b&gt;escape a character&lt;/b&gt; in your strings as a tab , &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;a forward slash a double or single quote or a new line. here&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;is a table of the &lt;b&gt;shortcuts &lt;/b&gt;you should use and their functions(uses).&lt;/span&gt;&lt;/p&gt;

&lt;br&gt;&lt;a href="https://miro.medium.com/max/1518/0*EROX6jTOAMi7ITwn.jpg"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--evAjIXmb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com/max/1518/0%2AEROX6jTOAMi7ITwn.jpg"&gt;&lt;/a&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;span&gt;&lt;b&gt;Example code:&lt;/b&gt;&lt;/span&gt;&amp;lt;&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;First : do something &lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="s2"&gt; &lt;/span&gt;&lt;span class="se"&gt;\t&lt;/span&gt;&lt;span class="s2"&gt; Do another thing&lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="s2"&gt; Do another &lt;/span&gt;&lt;span class="se"&gt;\"&lt;/span&gt;&lt;span class="s2"&gt;other &lt;/span&gt;&lt;span class="se"&gt;\"&lt;/span&gt;&lt;span class="s2"&gt; thing.&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; 
&lt;span class="c1"&gt;// output : &lt;/span&gt;
&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;First : do something 
    Do another thing
    Do another "other" thing.&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h1&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;h1&gt;&lt;span&gt;Understanding Strings immutability&lt;/span&gt;&lt;/h1&gt;
&lt;span&gt;You may think you can change a character by getting its index and assigning it to another character or string, but unfortunately, you can't (Sorry, you can't have everything you want in this hard world ! 😕).&lt;/span&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;span&gt;Instead, you can &lt;b&gt;re-assign&lt;/b&gt; the whole variable to the value you want (by changing the &lt;b&gt;whole&lt;/b&gt; string not only a &lt;b&gt;character&lt;/b&gt;).&lt;/span&gt;&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;yello world&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;myStr&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;H&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// Outputs an error ,do the following instead&lt;/span&gt;
&lt;span class="nx"&gt;myStr&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Hello world&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// works and is perfectly fine&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Javascript : Dealing with numbers</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Sun, 17 Oct 2021 11:07:59 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/javascript-dealing-with-numbers-2el4</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/javascript-dealing-with-numbers-2el4</guid>
      <description>&lt;a href="https://1.bp.blogspot.com/-8q6l5LEx6yI/YKwQTp6UYbI/AAAAAAAAALg/AqnlJEak6Rkzbm4MJLq8TEDBuKJ7Nz5LACLcBGAsYHQ/s800/javascript%25233.png"&gt;&lt;img alt="Javascript : #3 Dealing with numbers" src="https://res.cloudinary.com/practicaldev/image/fetch/s--HJnpnkBF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://1.bp.blogspot.com/-8q6l5LEx6yI/YKwQTp6UYbI/AAAAAAAAALg/AqnlJEak6Rkzbm4MJLq8TEDBuKJ7Nz5LACLcBGAsYHQ/s16000/javascript%2525233.png" title="Javascript : #3 Dealing with numbers"&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;
&lt;p&gt;&lt;span&gt;In Javascript , you can do &lt;b&gt;operations&lt;/b&gt; on numbers to help you do &lt;b&gt;calculations&lt;/b&gt; and make things easier.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h1&gt;&lt;span&gt;Basic operations on numbers&lt;/span&gt;&lt;/h1&gt;
&lt;ul&gt;&lt;li&gt;&lt;span&gt;Addition : using " + " operator &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;pre&gt;&lt;code&gt;var sum ;&lt;br&gt;&lt;br&gt;
sum = 10 + 5 ;&lt;br&gt;&lt;br&gt;
console.log(sum); // output : 15&lt;/code&gt;&lt;/pre&gt;
&lt;ul&gt;&lt;li&gt;&lt;span&gt;Subtraction : using " - " operator&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;pre&gt;&lt;code&gt;var difference ;&lt;br&gt;&lt;br&gt;
difference = 22 - 10 ;&lt;br&gt;&lt;br&gt;
console.log(difference); // output : 12&lt;/code&gt;&lt;/pre&gt;
&lt;ul&gt;&lt;li&gt;&lt;span&gt;Division : using " / " operator&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;pre&gt;&lt;code&gt;var quotient ;&lt;br&gt;&lt;br&gt;
quotient = 50 / 5 ;&lt;br&gt;&lt;br&gt;
console.log(quotient); // output : 10&lt;/code&gt;&lt;/pre&gt;
&lt;ul&gt;&lt;li&gt;&lt;span&gt;Multiplication : using " * " operator&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;pre&gt;&lt;code&gt;var product ;&lt;br&gt;&lt;br&gt;
product = 7 * 2;&lt;br&gt;&lt;br&gt;
console.log(product); // output : 14&lt;/code&gt;&lt;/pre&gt;
&lt;ul&gt;&lt;li&gt;&lt;span&gt;Getting remainder of division : using " % " operator&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;pre&gt;&lt;code&gt;var remainder ;&lt;br&gt;&lt;br&gt;
remainder = 10 % 4;&lt;br&gt;&lt;br&gt;
console.log(remainder); // output : 2&lt;/code&gt;&lt;/pre&gt;
&lt;ul&gt;&lt;li&gt;&lt;span&gt;Raising a number to a power : using the " ** " operator&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;pre&gt;&lt;code&gt;var num = 3;&lt;br&gt;&lt;br&gt;
squaredNum = num ** 2;&lt;br&gt;&lt;br&gt;
console.log(squaredNum) // output : 9&lt;br&gt;&lt;br&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;span&gt;&lt;h1&gt;Augmented operations on numbers&lt;/h1&gt;&lt;/span&gt;&lt;span&gt;Sometimes , you want to &lt;b&gt;update &lt;/b&gt;a variable storing a &lt;b&gt;numeric value&lt;/b&gt; by doing any of the operations (like : adding to it , subtraction from it , dividing or multiplying it by something).&lt;/span&gt;class="javascript"&amp;gt;&lt;span&gt;But you don't have to use the long form like the following one.&lt;/span&gt;&lt;pre&gt;&lt;code&gt;var num = 2 ;&lt;br&gt;&lt;br&gt;
// adding 3 to the value of num and assigning this value (5) to the variable num&lt;br&gt;&lt;br&gt;
num = num + 3 ; &lt;br&gt;&lt;br&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;span&gt;You can shorten it to be as the following example&lt;/span&gt;&lt;pre&gt;&lt;code&gt;var num = 2;&lt;br&gt;&lt;br&gt;
 // adding 3 to the value of num and assigning this value (5) to the variable num&lt;br&gt;&lt;br&gt;
num += 3 ;&lt;br&gt;&lt;br&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;span&gt;&lt;span&gt;In the previous example , we used the plus equals &lt;/span&gt;&lt;span&gt;operator " += " &lt;br&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;which does the same thing as the &lt;/span&gt;&lt;span&gt;code example&lt;/span&gt;&lt;span&gt; before it.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;span&gt;This can be used in &lt;/span&gt;&lt;span&gt;the &lt;/span&gt;&lt;span&gt;operations (+, -, &lt;em&gt;, /).&lt;/em&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;var num = 20 ;&lt;br&gt;&lt;br&gt;
// examples of augmented operations that can be done&lt;br&gt;&lt;br&gt;
num += 2 ;&lt;br&gt;&lt;br&gt;&lt;br&gt;
num -= 3 ;&lt;br&gt;&lt;br&gt;
num *= 5 ; &lt;br&gt;&lt;br&gt;
num /= 11 ;&lt;br&gt;&lt;br&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;You can replace the value you use to &lt;b&gt;update&lt;/b&gt; your variable by another &lt;/span&gt;&lt;span&gt;&lt;b&gt;variable&lt;/b&gt; as in the following example&lt;/span&gt;&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;var salary = 1500;&lt;br&gt;&lt;br&gt;
var bonus = 250;&lt;br&gt;&lt;br&gt;
console.log(salary); // output : 1500&lt;br&gt;&lt;br&gt;
salary += bonus;&lt;br&gt;&lt;br&gt;
console.log(salary); // output : 1750&lt;br&gt;&lt;br&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;span&gt;Another example&lt;/span&gt;&lt;br&gt;&lt;br&gt;
&lt;pre&gt;&lt;code&gt;var maxTemperature = 32;&lt;br&gt;&lt;br&gt;
var minTemperature = 24;&lt;br&gt;&lt;br&gt;
var averageTemperature =  ( maxTemperature + minTemperature ) / 2 ;&lt;br&gt;&lt;br&gt;
console.log(averageTemperature); // output : 28&lt;span&gt;&lt;br&gt;&lt;br&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;h1&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;h1&gt;&lt;span&gt;Incrementing and decrementing by one&lt;/span&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span&gt;Sometimes you want to update variables by incrementing or decrementing them by one, instead of using (num += 1 or num -= 1) , you can use a shorter way using " ++ " and " -- " operators.&lt;/span&gt;/p&amp;gt;&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;&lt;span&gt;var num = 6;&lt;br&gt;&lt;br&gt;
num++; // increases it by one to be 7&lt;br&gt;&lt;br&gt;
num--;  // decreases it by one to be 6 again&lt;br&gt;&lt;br&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;h1&gt;&lt;span&gt;Order of operations &lt;/span&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span&gt;If you have a more &lt;b&gt;complex calculation&lt;/b&gt; you have to know what is calculated first , the &lt;b&gt;order of operations&lt;/b&gt; that the computer follows is the same as the one you studied in your math's classes, which is &lt;b&gt;PEDMAS &lt;/b&gt;(from left to right) :&lt;/span&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;&lt;u&gt;P&lt;/u&gt;&lt;/b&gt;arenthesis (Brackets)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;&lt;u&gt;E&lt;/u&gt;&lt;/b&gt;xponents ( powers )&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;u&gt;&lt;b&gt;D&lt;/b&gt;&lt;/u&gt;ivision and &lt;u&gt;&lt;b&gt;M&lt;/b&gt;&lt;/u&gt;ultiplication&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;&lt;u&gt;A&lt;/u&gt;&lt;/b&gt;ddition and &lt;u&gt;&lt;b&gt;S&lt;/b&gt;&lt;/u&gt;ubtraction&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;Some people make it funnier and easier to remember by saying it like : " &lt;b&gt;&lt;u&gt;p&lt;/u&gt;&lt;/b&gt;lease &lt;b&gt;&lt;u&gt;e&lt;/u&gt;&lt;/b&gt;xcuse &lt;b&gt;&lt;u&gt;m&lt;/u&gt;&lt;/b&gt;y &lt;u&gt;&lt;b&gt;d&lt;/b&gt;&lt;/u&gt;ear &lt;u&gt;&lt;b&gt;a&lt;/b&gt;&lt;/u&gt;unt &lt;u&gt;&lt;b&gt;S&lt;/b&gt;&lt;/u&gt;ally ! "&lt;/span&gt;
&lt;span&gt;&lt;b&gt;Example&lt;/b&gt; : &lt;/span&gt;&lt;span&gt;in ( 2 * (4 + 6) * 2 / 5 - 1) :&lt;/span&gt;&lt;ul&gt;
&lt;li&gt;&lt;span&gt;&lt;span&gt;&lt;b&gt;first&lt;/b&gt; ( 4 + 6 ) &lt;/span&gt;&lt;span&gt; is calculated &lt;/span&gt;&lt;span&gt;to be 10 , &lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;then&lt;/b&gt; it's raised to the second power to be 100 ,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;then&lt;/b&gt; it's multiplied by 2 to be 200 , &lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;after that,&lt;/b&gt; it's divided by 5 to be 40 ,&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;and finally,&lt;/b&gt; 1 is subtracted from it to be 39.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Javascript : Variables and Datatypes</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Sat, 16 Oct 2021 20:25:12 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/javascript-variables-and-datatypes-532o</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/javascript-variables-and-datatypes-532o</guid>
      <description>&lt;p&gt; &lt;/p&gt;
&lt;a href="https://1.bp.blogspot.com/-lK1OKYFOHs8/YKVj2ENCprI/AAAAAAAAALE/PdZANMJSTfsXDa61pGg46tjV4B0x-aMfQCLcBGAsYHQ/s800/javascript%25232.png"&gt;&lt;img alt="Javascript : #2 Variables and Data types" src="https://res.cloudinary.com/practicaldev/image/fetch/s--9jmP_AX7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://1.bp.blogspot.com/-lK1OKYFOHs8/YKVj2ENCprI/AAAAAAAAALE/PdZANMJSTfsXDa61pGg46tjV4B0x-aMfQCLcBGAsYHQ/s16000/javascript%2525232.png" title="Javascript : #2 Variables and Data types"&gt;&lt;/a&gt;&lt;br&gt;
&lt;h1&gt;What is a Variable?!&lt;/h1&gt;
&lt;span&gt;A &lt;b&gt;variable&lt;/b&gt; is a container with a label (name) where you store a certain value ( a piece of data ) to use it in your code.&lt;/span&gt;&lt;h1&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;h1&gt;&lt;span&gt;Declaring variables and assigning values to them&lt;/span&gt;&lt;/h1&gt;
&lt;h4&gt;&lt;span&gt;To declare a variable is to give it a name, you have to use one of these keywords:&lt;/span&gt;&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;var &lt;/b&gt;: most common key to declare variables.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;let &lt;/b&gt;: only visible within the block where it's declared.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;const&lt;/b&gt; : used for constant values and cannot be changed , it will cause an error if you tried to do so.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span&gt;&lt;b&gt; To declare a variable, use one of the keywords followed by the variable name (which has to be meaningful)&lt;/b&gt;&lt;/span&gt;&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;myVariable&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myName&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;pi&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h1&gt;&lt;span&gt;Variable naming conventions &lt;/span&gt;&lt;/h1&gt;
&lt;span&gt;&lt;b&gt;To name a variable in javascript , you should follow some rules:&lt;/b&gt;&lt;/span&gt;&lt;ul&gt;
&lt;li&gt;&lt;span&gt;javascript is &lt;b&gt;case sensitive&lt;/b&gt; which means that the letters' case matters (VARIABLE isn't the same as Variable and also not as variable).&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;you have to use &lt;b&gt;camelCase&lt;/b&gt; (example: myName, schoolYear, etc.)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;You can add &lt;b&gt;numbers&lt;/b&gt; but not at the beginning (whatever , who will name a variable 2myVarName, this won't satisfy the rule n.o. 2)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;you cannot use &lt;b&gt;hyphens&lt;/b&gt; " - " or &lt;b&gt;spaces&lt;/b&gt; but you can use &lt;b&gt;underscores&lt;/b&gt; " _ " instead (note : underscores can be used as the first character in a variable name).&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;You cannot use any of the &lt;b&gt;reserved keywords&lt;/b&gt; (like : var, let, const, if, while, for and so on) . don't worry if you don't know a lot of keywords , if you tried to use one it will be highlighted as a keyword and results in an error.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h1&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;h1&gt;&lt;span&gt;Assigning values to variables&lt;/span&gt;&lt;/h1&gt;
&lt;span&gt;&lt;b&gt;To assign a value to a variable, use the assignment operator  " = " (equal sign).&lt;/b&gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Declaring variables&lt;/span&gt;
&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;myVariable&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt; 
&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;myName&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;pi&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="c1"&gt;// assigning values to variables&lt;/span&gt;
&lt;span class="nx"&gt;myVariable&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;25&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; 
&lt;span class="nx"&gt;myName&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Rawan&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;pi&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mf"&gt;3.14&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;&lt;span&gt;&lt;b&gt;&lt;span&gt;&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/span&gt;Note&lt;/b&gt; : you can declare variables and assign values to them on the same line.&lt;/span&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// Declaring a variable and assigning a value to it on one line&lt;/span&gt;
&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;myAge&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;15&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;




&lt;h1&gt;&lt;span&gt;Datatypes&lt;/span&gt;&lt;/h1&gt;
&lt;span&gt;In Javascript there are a lot of data types, we will discuss the most important and basic ones.&lt;/span&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;h3&gt;&lt;span&gt;Main Datatypes :&lt;/span&gt;&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;Numbers&lt;/b&gt; : they can be integer numbers or floats( numbers with decimal points).&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;Strings &lt;/b&gt;: any series of characters included between quotes (double quotes " " or single quotes ' ' ).&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;Boolean value &lt;/b&gt;: has one of the two values &lt;b&gt;true&lt;/b&gt; or &lt;b&gt;false&lt;/b&gt; .&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;null &lt;/b&gt;: means nothing.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;undefined &lt;/b&gt;: something that hasn't been defined.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;Arrays &lt;/b&gt;: can store more than one piece of data.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;Objects &lt;/b&gt;: used to store key-value pairs( each property associated with its own value).&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h1&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;h1&gt;&lt;span&gt;Getting output in Javascript &lt;/span&gt;&lt;/h1&gt;
&lt;span&gt;You can output values to the console using &lt;b&gt;console.log()&lt;/b&gt; , inside the parenthesis put a &lt;b&gt;variable name&lt;/b&gt; or any piece of &lt;b&gt;data&lt;/b&gt; to be shown in the console.&lt;/span&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Hello World !&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// output : Hello World !&lt;/span&gt;
&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;myScore&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;320&lt;/span&gt; &lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myScore&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// output : 320&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h1&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;h1&gt;&lt;span&gt;Notes , Again...&lt;/span&gt;&lt;/h1&gt;
&lt;span&gt;1 . Everything greyed out (not highlighted) after " // " is called a &lt;b&gt;comment &lt;/b&gt;, you write them to explain to yourself and others what your code does , you write them using : &lt;/span&gt; &lt;br&gt;&lt;ul&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;//&lt;/b&gt; : for inline comments&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;b&gt;/*  */&lt;/b&gt; : for multi-line comments&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br&gt;&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// I am an inline comment&lt;/span&gt;

&lt;span class="cm"&gt;/* I am a 
multi-line
comment */&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;span&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;2 .  In Javascript we put a &lt;b&gt;semicolon &lt;/b&gt;"&lt;b&gt;; &lt;/b&gt;" after the end of each line, you don't have to do it all the time, but it's a good practice to do so.&lt;/span&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/p&gt;
&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;span&gt;3 . Variables that are declared but not assigned to store any values are called " &lt;b&gt;Uninitialized variables&lt;/b&gt; " and have a default value of &lt;b&gt;undefined&lt;/b&gt; .&lt;/span&gt;

&lt;h4&gt; That was all for this tutorial , if you like it &lt;b&gt;leave a comment&lt;/b&gt; , like the tutorial and &lt;b&gt;follow me&lt;/b&gt; to receive notifications when I post new tutorials&lt;/h4&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Introduction to javascript</title>
      <dc:creator>Rawan Amr Abdelsattar</dc:creator>
      <pubDate>Sat, 16 Oct 2021 20:13:44 +0000</pubDate>
      <link>https://forem.com/rawan_amr_abdulsattar/introduction-to-javascript-oej</link>
      <guid>https://forem.com/rawan_amr_abdulsattar/introduction-to-javascript-oej</guid>
      <description>&lt;p&gt;&lt;a href="https://1.bp.blogspot.com/-oCGUWYP1Hzg/YKVif_s7OtI/AAAAAAAAAK8/sxTJ6ylxzJQOhyLgfbTlsEKB_gRGfCu3ACLcBGAsYHQ/s800/javascript.png"&gt;&lt;img alt="Javascript : #1 Introduction to javascript" src="https://res.cloudinary.com/practicaldev/image/fetch/s--NgeHz8r5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://1.bp.blogspot.com/-oCGUWYP1Hzg/YKVif_s7OtI/AAAAAAAAAK8/sxTJ6ylxzJQOhyLgfbTlsEKB_gRGfCu3ACLcBGAsYHQ/s16000/javascript.png" title="Javascript : #1 Introduction to javascript"&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/p&gt;
&lt;h1&gt;&lt;span&gt;So , What  is Javascript ?!&lt;/span&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;Javascript is one of the most popular programming languages in the world. It has a lot of &lt;b&gt;features&lt;/b&gt; as  :&lt;/span&gt;&lt;/p&gt;
&lt;h4&gt;

&lt;ul&gt;&lt;li&gt;
&lt;span&gt;it's &lt;/span&gt;&lt;span&gt;high-level&lt;/span&gt;&lt;span&gt; and easy to learn as a beginner.&lt;/span&gt;
&lt;/li&gt;&lt;/ul&gt;

&lt;ul&gt;&lt;li&gt;
&lt;span&gt;it's light-weight , &lt;/span&gt;&lt;span&gt;interpreted&lt;/span&gt;&lt;span&gt; or &lt;/span&gt;&lt;span&gt;just-in-time&lt;/span&gt;&lt;span&gt;( Just In Time Compilation, JIT, or Dynamic Translation, is compilation that is being done during the execution of a program )&lt;/span&gt;
&lt;/li&gt;&lt;/ul&gt;

&lt;ul&gt;&lt;li&gt;
&lt;span&gt;It can by written in any of the &lt;/span&gt;&lt;span&gt;object-oriented&lt;/span&gt;&lt;span&gt; (OOP) or &lt;/span&gt;&lt;span&gt;functional&lt;/span&gt;&lt;span&gt; style in programming ( It's your own choice 😉).&lt;/span&gt;
&lt;/li&gt;&lt;/ul&gt;

&lt;ul&gt;&lt;li&gt;
&lt;span&gt;It has a &lt;/span&gt;&lt;span&gt;large community&lt;/span&gt;&lt;span&gt; and a &lt;/span&gt;&lt;span&gt;ton of libraries&lt;/span&gt;&lt;span&gt; and &lt;/span&gt;&lt;span&gt;frameworks&lt;/span&gt;&lt;span&gt; to work with and to help you in your projects. &lt;/span&gt;
&lt;/li&gt;&lt;/ul&gt;

&lt;ul&gt;&lt;li&gt;
&lt;span&gt;It's used in the most popular&lt;/span&gt;&lt;span&gt; tech companies&lt;/span&gt;&lt;span&gt; like Google, Facebook, Twitter, Apple and Microsoft.&lt;/span&gt;
&lt;/li&gt;&lt;/ul&gt;

&lt;ul&gt;&lt;li&gt;&lt;span&gt;A lot of the world's most popular applications are built using javascript as Uber, LinkedIn, Netfilx and much more.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;

&lt;/h4&gt;

&lt;h3&gt;&lt;span&gt;Uses of Javascript&lt;/span&gt;&lt;/h3&gt;
&lt;a href="https://cdn.educba.com/academy/wp-content/uploads/2018/09/Top-Uses-Of-JavaScript.jpg"&gt;&lt;img alt="Top uses of Javascript" src="https://res.cloudinary.com/practicaldev/image/fetch/s--2SrNC_00--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.educba.com/academy/wp-content/uploads/2018/09/Top-Uses-Of-JavaScript.jpg" title="Top uses of Javascript"&gt;&lt;/a&gt;&lt;br&gt;&lt;p&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;span&gt;Although javascript is mostly used for building web applications and for web development purposes, it can be used a s a &lt;b&gt;multi-purpose programming language&lt;/b&gt;, as it can be used in :&lt;/span&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span&gt;Frontend Web development&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Backend Web development&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Game development&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Mobile application development&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;Artificial intelligence and Machine learning&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h1&gt;&lt;span&gt;Average Salary for javascript dev jobs&lt;/span&gt;&lt;/h1&gt;
&lt;a href="https://1.bp.blogspot.com/-YLAoZet71eQ/YKLQBaFAmhI/AAAAAAAAAK0/lteJgyNPSV4tea9nS4ZXNEpJoZxU6HeBQCLcBGAsYHQ/s1105/Screenshot%2B%2528218%2529.png"&gt;&lt;img alt="Javascript dev average salaries" src="https://res.cloudinary.com/practicaldev/image/fetch/s--sS36TO97--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://1.bp.blogspot.com/-YLAoZet71eQ/YKLQBaFAmhI/AAAAAAAAAK0/lteJgyNPSV4tea9nS4ZXNEpJoZxU6HeBQCLcBGAsYHQ/s16000/Screenshot%252B%252528218%252529.png" title="Javascript dev average salaries"&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;span&gt;The &lt;b&gt;average salary&lt;/b&gt; for a javascript developer is &lt;b&gt;$112152&lt;/b&gt; per year in the US.&lt;/span&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;h1&gt;&lt;span&gt;Prerequisites&lt;/span&gt;&lt;/h1&gt;
&lt;h4&gt;&lt;span&gt;No prior experience required ... !!!&lt;/span&gt;&lt;/h4&gt;
&lt;span&gt;&lt;span&gt;If you are an absolute beginner, this course is for you, programming concepts will be discussed in details through the course .&lt;/span&gt;&lt;/span&gt;&lt;span&gt;All what you need is :&lt;/span&gt;&lt;ul&gt;&lt;li&gt;&lt;span&gt;A computer&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;span&gt;&lt;span&gt;&lt;br&gt;&lt;/span&gt;&lt;/span&gt;&lt;h2&gt;&lt;span&gt;&lt;span&gt;Sources &lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;span&gt;&lt;span&gt;I used a &lt;b&gt;little information&lt;/b&gt; from some sources to make the tutorial perfect and complete as:&lt;/span&gt;&lt;/span&gt;&lt;ul&gt;
&lt;li&gt;&lt;span&gt;&lt;span&gt;freecodecamp (for JIT definition)&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;span&gt;indeed (for average salary for JS dev jobs)&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span&gt;&lt;span&gt;Quora and tweekyourbiz (for companies and apps that used and is bulit using JS)&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span&gt;&lt;br&gt;&lt;/span&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
