{"componentChunkName":"component---src-templates-blog-post-jsx","path":"/blogs/learnJavascript","result":{"data":{"blog":{"frontmatter":{"title":"LEARN JAVASCRIPT","thumbnail":"blog07","date":"August 18, 2020","dsaCppCodeFile":null},"excerpt":"
\n

Introduction

\n
\n

\n JavaScript is a programming language commonly used in\n web development. JS is a scripting language used for creating\n web pages and is commonly known as programming language of\n Web. (JS can also be used in Mobile and Desktop Development.)\n

\n

\n It is a stand alone language developed in Netscape. JavaScript\n is very easy to learn. Don't confuse Java and JavaScript, they\n are just like car and carpet. Both the languages have\n different syntax, semantic and uses.\n

\n

\n JS can be used in both Frontend and Backend Dev but is mainly\n used in Frontend Dev to make web pages dynamic. There are many\n other programming languages for Backend Dev but for Frontend\n Dev, JS is the only choice.\n

\n
\n
\n
\n
\n

\n Let's see what topics you need to cover and my favourite\n resources for learning JS.\n

\n
\n
\n
Topics to cover:
\n
\n

Basics

\n
    \n
  • Data Types
    • \n
  • Functions
    • \n
  • Loops
    • \n
  • Conditional statements
    • \n
\n

Intermediate

\n
    \n
  • DOM Manipulation
    • \n
  • Events
    • \n
  • \n ES6+ Features such as Arrow Functions, Destructuring,\n Template Strings, Promises, Async/Await etc.\n
    • \n
  • this keyword
    • \n
  • Hoisting, Closure and Currying
    • \n
  • try, catch and throw
    • \n
  • \n Higher order functions such as filter, map, reduce,\n forEach\n
    • \n
\n

Advanced

\n
    \n
  • Classes & Objects
    • \n
  • Prototype
    • \n
  • Local Storage, Session Storage and Cookies.
    • \n
  • Fetch API and JSON
    • \n
  • Module System - import/ export & default export
    • \n
  • jQuery & jQueryUI Library
    • \n
\n
\n
\n
\n
Resources:
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n

\nClick here for projects\non JAVASCRIPT.\n

\n
\n","html":"
\n

Introduction

\n
\n

\n JavaScript is a programming language commonly used in\n web development. JS is a scripting language used for creating\n web pages and is commonly known as programming language of\n Web. (JS can also be used in Mobile and Desktop Development.)\n

\n

\n It is a stand alone language developed in Netscape. JavaScript\n is very easy to learn. Don't confuse Java and JavaScript, they\n are just like car and carpet. Both the languages have\n different syntax, semantic and uses.\n

\n

\n JS can be used in both Frontend and Backend Dev but is mainly\n used in Frontend Dev to make web pages dynamic. There are many\n other programming languages for Backend Dev but for Frontend\n Dev, JS is the only choice.\n

\n
\n
\n
\n
\n

\n Let's see what topics you need to cover and my favourite\n resources for learning JS.\n

\n
\n
\n
Topics to cover:
\n
\n

Basics

\n
    \n
  • Data Types
    • \n
  • Functions
    • \n
  • Loops
    • \n
  • Conditional statements
    • \n
\n

Intermediate

\n
    \n
  • DOM Manipulation
    • \n
  • Events
    • \n
  • \n ES6+ Features such as Arrow Functions, Destructuring,\n Template Strings, Promises, Async/Await etc.\n
    • \n
  • this keyword
    • \n
  • Hoisting, Closure and Currying
    • \n
  • try, catch and throw
    • \n
  • \n Higher order functions such as filter, map, reduce,\n forEach\n
    • \n
\n

Advanced

\n
    \n
  • Classes & Objects
    • \n
  • Prototype
    • \n
  • Local Storage, Session Storage and Cookies.
    • \n
  • Fetch API and JSON
    • \n
  • Module System - import/ export & default export
    • \n
  • jQuery & jQueryUI Library
    • \n
\n
\n
\n
\n
Resources:
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n

\nClick here for projects\non JAVASCRIPT.\n

\n
"},"thumbnail":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20113v112h401V0h-72l54%2048%2017%2015v6c0%205%200%206-4%202-1-1-2-1-4%202l-2%202%203%204%205%204%202%202h-2c-2-3-4-2-7%201-4%205-4%205%203%2012l6%206-4-2c-5-5-5-5-9%200s-4%204%201%208c4%205%205%205%209%200l3-3v29l-19%2023c-49%2058-48%2057-54%2056a1182%201182%200%2001-84-71c2%201%202%201%200%204v7h-7c-7%201-11-5-7-9%201-1%202-2%201-4l2-4%203-3-4-3c-5-5-6-6-8-6l-24-19-23-19%202%202v3c-3%200-3%2010-1%2012%201%200%202%201%201%202-2%203-4%200-5-7l-1-7v-3l1-3c1-2-1-4-12-13a94%2094%200%2001-15-15c0%204-2%202-3-3-1-3-1-4-2-3h-2c-2-3-3-1-3%202%200%205%200%207-1%206v-1l-1-1-2%202h-1l-1-1-2-1-2-1%201%202c2%200%201%202-1%202-4%200-7%201-7%203l-1%201-4%201c-2%201-4-1-3-3l-2-1c-1%201-2%200-2-2-1-1-1-2-2-1v4l-2-2c-1-3-1-3-2-2%200%201-1%201-2-2l-1-3%201-1-4-2v3c0%202%200%203-1%202l-1-2v2l-1%201-1-3c-1-2-1-2-1%201v6c-1%200-2-10-1-14l-2-1v5l-1%203c-1%202-1%201-1-2a68%2068%200%2000-1-9h-1c-1%201-2%203-1%204l-1%202v2l-1%201-1-8v-7l-1-2-1-1v3l-1%202-1-2c-1-1-1%200-1%202%200%2010-2%206-2-5V22c-1-2-1%201-1%204l-1%202-1%202c2%204%202%206%201%205l-1%201-1%202-1-7-1-9h-1v1l-1%202-1-6-1-5-1-1-1-2c-1-1-2%200-3%202l-1%201-1-1%201-7%201-6H0v113M251%203c-4%203-4%203%202%208%204%203%207%203%207%200h-1c-2%201-2%201-1-2s4-4%204-2h1c1-2-4-7-7-7-2%200-4%201-5%203m15-1c0%201%206%208%208%208s7-7%207-9c-1-2-14-2-15%201m27%201c-3%204-3%204%202%208s5%204%209-1l3-4-3-3c-3-4-8-4-11%200m-13%204c-4%205-4%206%201%2010l4%203%204-4c4-5%204-5-1-9s-4-4-8%200m-16%203c-5%206-5%206-1%209%204%205%205%205%209%200%204-4%204-4%200-7-5-5-5-5-8-2m41%201c-4%205-4%205%201%209s5%204%209-1l3-4-4-3c-4-5-6-5-9-1m-57%206c-4%205-4%205%201%209%204%203%206%203%205%200%200-2%203-5%204-3%200%201%202%200%202-2l-8-8-4%204m43%200l-4%204%204%204c4%205%205%205%209%201s4-5-1-9c-5-5-4-5-8%200m-18%204c-4%205-3%206%203%2010l3%202%204-4c4-5%204-5-1-9s-5-4-9%201m43%200c-4%204-4%205%201%209l4%203%204-4%204-4-4-4c-5-5-5-5-9%200m-81%206l-4%204%204%204c6%205%205%205%2010-1l4-5-4-3c-5-5-6-5-10%201m24-1c-4%205-4%206%201%2010l4%203%204-4%204-4-4-4c-5-5-6-5-9-1m42%201c-4%205-4%204%202%209l4%203%203-4c5-5%205-5%200-9s-5-4-9%201m-17%203c-4%205-4%205%201%209s5%204%209-1l3-4-4-4c-5-5-5-5-9%200m43%200l-4%205%204%203c4%205%205%205%209%201s4-5-1-9c-5-5-4-5-8%200m-81%206l-4%204%202%203%206%205%204%203%204-4c5-6%205-7-1-11-6-6-6-6-11%200m24%200l-4%205%204%203c5%205%205%205%209%200%204-4%204-5-1-9s-4-4-8%201m42%200c-4%205-4%204%201%208%205%205%205%205%209%200l3-4-4-4c-5-5-5-5-9%200m-17%204c-4%204-4%204%201%208l4%204%203-3c6-5%206-6%201-10s-5-4-9%201m42%200c-4%205-4%204%202%209l4%203%204-4c4-5%204-5-1-9s-5-4-9%201m-56%205l-4%205%204%204c5%205%205%205%209%200s4-5%200-8c-6-5-5-5-9-1m42%201c-4%204-4%204%201%208l4%204%203-3c5-5%206-6%201-10-4-4-5-4-9%201m-63%202l-4%205c1%201%2051%2045%2053%2045l7-9c1-2-50-46-51-46l-5%205m46%201c-4%205-4%205%201%209s5%204%209-1l3-4-4-4c-5-5-5-5-9%200m42%200c-4%205-4%205%201%209s5%204%209-1l3-4-4-4c-5-5-5-5-9%200m-57%206l-3%204%203%203c5%206%206%206%2010%201%204-4%204-5-1-9s-5-4-9%201m43%200c-4%204-4%205%201%209s5%204%209-1l3-4-4-4c-5-5-5-5-9%200m-17%203c-4%205-4%205%201%2010l4%203%204-4%204-4-3-4c-5-5-6-5-10-1m42%200c-4%205-4%205%201%2010l4%204%204-5%204-4-4-4c-4-5-6-5-9-1m-56%206c-5%205-5%205%200%209l5%204%203-4c5-4%205-5%201-8-6-5-5-5-9-1m42%200l-4%205%205%204%204%204%204-4c4-5%204-5-1-9-5-5-4-5-8%200m-18%204l-3%204%204%204c5%205%205%205%209%200%204-4%204-5-1-9s-4-4-9%201m42%200l-3%204%204%204c5%205%205%205%209%200%204-4%204-5-1-9s-5-4-9%201m-56%206l-3%204%204%204c4%205%205%205%209%200s4-5-1-9-5-4-9%201m42%200l-3%204%203%203c5%206%206%206%2010%201s4-5-1-9-5-4-9%201m-16%203c-5%205-5%205%200%209l5%204%203-4c5-5%205-5%200-9-5-5-4-5-8%200m41%200c-4%205-4%205%201%209l5%204%202-3c6-5%206-6%201-10-5-5-5-5-9%200m-56%206c-4%205-4%205%201%209s5%204%209-1l3-4-4-4c-5-5-5-5-9%200m42%200c-4%205-4%205%201%209s5%204%209-1l3-4-4-4c-5-5-5-5-9%200M52%2097v15h30V83l-15-1H52v15m76-12c-3%202-2%206%201%2012l3%206c0%202-2%202-3%200%200-2-4-3-4-1%200%203%203%206%205%206%206%200%207-6%203-13-3-4-4-10-2-7s4%202%204%200c0-4-5-6-7-3m221%202l-3%204%204%204c4%205%205%205%209%200s4-5-1-9-5-4-9%201m-232%204l-2%203h5l-2%204c-5%205-4%2010%202%2010h4v-8c0-10-3-13-7-9m22%200c-2%202-3%2014-1%2016s6%201%207-2%201-4-1-4l-2%202-1%202-1-7%201-5%201%202%202%201%202-1c0-2-3-6-5-6l-2%202m196%201c-4%205-4%206%201%2010l4%203%204-4%204-4-4-4c-4-5-6-5-9-1m42%200c-4%205-4%206%201%2010l4%203%202-2c5-5%206-7%202-11s-6-4-9%200M96%2092l-1%202c0%202%204%201%204%200h1l-2%204c-5%205-4%2010%202%2010h4v-8l-1-9c-2-2-6-1-7%201m9-1l3%2017h2c2-1%205-17%204-18-2-1-4%201-4%205l-1%205v-5c0-4%200-5-2-5l-2%201m56%2011c0%2011%200%2012%202%2012s2-1%202-3c0-3%200-4%202-3%202%200%203-2%203-11v-6l-5-1h-4v12m153-7l-4%205%206%205%206%205%208-10-11-10-5%205m46%201c-4%205-4%205%201%209%204%204%205%204%209-1l3-4-4-4c-5-5-5-5-9%200m-14%206l-4%204%204%204c4%205%205%205%209%200%204-4%204-5-1-9s-4-4-8%201m24%204l-3%204%204%204%209%208%204%203%203-4c5-5%205-5-3-12-10-9-9-9-14-3m-42%200c-5%206-5%206%200%2010s5%204%209-1c5-6%205-6%200-10s-5-4-9%201m29%205l-4%205%2022%2019%207-8-9-10c-14-11-12-11-16-6m-8%2014l-4%206%204%203c5%205%205%205%2010-1l4-5-4-4-5-4-5%205M28%20135c-5%202-7%2014-2%2019s10%200%2011-9c0-6%200-7-3-9s-3-2-6-1m91%201c-5%205-4%2017%201%2019%206%202%2011-4%2010-13-1-7-6-10-11-6m42-1c-8%204-6%2023%202%2020%207-2%2010-13%205-18-3-3-5-4-7-2M8%20136l-1%203c0%202%200%202%203%202l2-1v8c0%208%200%208%202%208s3-1%203-8%200-8%202-8%203-1%203-3%200-2-7-2l-7%201m33%200c-2%200-2%201-2%209-1%2010-1%2011%202%2011%201%200%202-1%202-3%200-3%201-4%204-4%205-2%208-7%204-12-1-2-4-2-10-1m14%203v10c0%206%200%207%202%207s3-1%203-11%200-10-2-10-3%201-3%204m9-1c-6%207-2%2019%204%2017%204-1%207-5%206-7-1-1-2-1-4%201-3%203-4%201-3-4%200-5%203-8%203-4s4%204%206%201c2-7-8-10-12-4m16-1c-3%202-3%207%201%2010s4%204%200%204c-5-1-5%202-1%204%209%203%2013-5%206-11-3-2-3-3-2-4h1c0%201%201%202%203%202l2-2c0-5-5-7-10-3m20%201c0%203%200%203%202%203s2%200%202%207%201%208%203%208%202%200%203-8c0-7%200-8%202-8s3-1%203-3%200-2-7-2h-8v3m44-1c-5%205-5%2013-2%2017l4%202c2%200%208-5%208-7s-2-2-4%200c-2%203-4%203-4-2%200-4%201-8%203-8v3c0%202%200%202%203%202%203-1%204-4%201-7-2-3-7-3-9%200m27%200l3%2010c1%208%202%209%205%209%202-1%208-19%206-20-2-2-4%200-5%205-1%202-1%204-2%203a552%20552%200%2001-5-9c-2%200-2%200-2%202m18-1l-1%2010c0%209%200%2010%202%2010l6-1c5%200%205%200%205-2%200-3%200-3-4-3s-5-1-2-2l3-1c2%200%202-1%202-2%200-2-1-2-4-2l-3-1c0-1%202-2%205-2%204%200%204%200%204-3%200-2%200-2-6-2l-7%201m16%200l-2%2010v9h2c3%200%203%200%203-3l1-3%202%203c2%203%203%203%205%202v-4c-1-2-1-3%201-6%202-5%200-8-7-9l-5%201M62%20177c-3%200-3%200-3%207-1%2012-1%2013%202%2013%202%200%202%200%202-3%200-4%202-4%204%200%201%203%201%203%203%202s2-1%201-4v-6c2-4%201-8-2-9l-3-1-4%201m17%200c-4%200-4%200-4%205l-1%2010v5h7c6%200%207-1%207-3s-1-2-4-2c-4%200-6-2-1-3%204%200%205-5%200-5-4%200-4-1%201-3%204%200%205-1%205-2%200-3-2-3-10-2m16%200c-6%202-6%209-1%2012l3%203h-4c-2-1-2-1-3%201s-1%202%202%203c9%203%2014-3%208-9-4-4-5-6-3-6l1%202c0%202%204%201%205-1%201-3-4-6-8-5m13%200c-6%204-5%2020%202%2020s11-14%205-19c-1-2-5-2-7-1m31%200c-3%200-4%202-4%2013%200%207%200%207%202%207s3-1%203-3c0-4%201-4%203%200%201%203%202%204%204%202s2-2%201-5c-2-2-2-3%200-4%203-3%200-12-4-11l-5%201m16%202c-7%207-5%2018%203%2018%202%200%207-4%207-6s-2-2-4%200l-3%201v-9c1-3%203-2%202%200%200%202%200%202%203%202%205-1%203-7-2-9-3%200-4%200-6%203m17-2c-5%200-5%201-5%2012v8h7c6%200%207-1%207-3s-1-2-5-2c-5%200-6-3-1-3%205-1%206-5%201-5s-4-2%201-2c3-1%204-1%204-4%200-2%200-2-9-1m16%200c-6%201-7%208-1%2012%203%202%203%205-1%203-2-1-2-1-3%201s1%204%206%204c6%200%208-7%203-11-3-2-4-5-2-5l1%202c0%201%204%202%204%200%202-3-2-7-7-6m-68%204c-2%2011-1%2016%205%2016s8-3%208-12l1-8h-2c-3%200-3%201-4%2012l-2%203-1-8c0-7%200-7-2-7s-3%201-3%204'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7699115044247788,"src":"/static/267dfb73b0470781dfc1db78808df199/ee604/blog07.png","srcSet":"/static/267dfb73b0470781dfc1db78808df199/69585/blog07.png 200w,\n/static/267dfb73b0470781dfc1db78808df199/497c6/blog07.png 400w,\n/static/267dfb73b0470781dfc1db78808df199/ee604/blog07.png 800w,\n/static/267dfb73b0470781dfc1db78808df199/f3583/blog07.png 1200w,\n/static/267dfb73b0470781dfc1db78808df199/e4d72/blog07.png 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"pageContext":{"blog":"learnJavascript","thumbnail":"thumbnails/blog07.png"}},"staticQueryHashes":["2987289216","63159454"]}