{"id":9062,"date":"2021-08-23T18:44:05","date_gmt":"2021-08-23T18:44:05","guid":{"rendered":"https:\/\/exceptionly.com\/?p=9062"},"modified":"2022-06-29T16:41:24","modified_gmt":"2022-06-29T16:41:24","slug":"how-to-start-coding-javascript-in-60-minutes","status":"publish","type":"post","link":"https:\/\/exceptionly.com\/ar\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/","title":{"rendered":"How to start coding JavaScript in 60 minutes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9062\" class=\"elementor elementor-9062\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b4871d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b4871d6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c33f37a\" data-id=\"c33f37a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b25af18 elementor-widget elementor-widget-text-editor\" data-id=\"b25af18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Web development is moving fast, and I wouldn\u2019t be wrong in saying that we were born in frameworks! There are 20+ JS frameworks and 80+ JavaScript libraries out there.\u00a0<\/p><p>With all those fancy frameworks &amp; libraries, we may forget to focus on basics and instead jump into frameworks directly like ReactJS or Angular.<\/p><p>Basics are always needed, so this tutorial aims to give an introduction to JavaScript without any distractions.<\/p><h2>What is JavaScript?<\/h2><p>JavaScript is a powerful programming language initially invented for front-end development and nowadays in the act for the server-side and game development and Mobile application development. JavaScript enables you to have dynamic interaction with end-users. It has the ability to manipulate HTML, CSS, and data. All major web browsers have a dedicated JavaScript engine that will run the JavaScript code.\u00a0<\/p><h2>A Simple JavaScript Program<\/h2><p>To run a JavaScript program, you need to have a browser and a text editor. Almost all modern web browsers such as Internet Explorer [ \ud83d\ude42 ], Google Chrome, Firefox, or any other browser support JavaScript, so when you run an HTML page along with some JavaScript code on a browser, the execution engine on the browser will detect the JS code within<script> tags and execute the code.<\/p>\n<p>\n<\/p>\n<h3>Writing your first JavaScript program<\/h3>\n<p>\n<\/p>\n<p>Use your favourite text editor to write the JavaScript code.\u00a0<\/p>\n<p>\n<\/p>\n<p>In the following code, the value property of the DOM input is used to get the text field content.\u00a0<\/p>\n<p>\n<\/p>\n<p>The JS function showName()\u00a0 is bound to the onClick event of a button. Clicking the button will display the text you just entered in the name input.\u00a0<\/p>\n<p>\n<\/script><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f0cb864 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f0cb864\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c90b960\" data-id=\"c90b960\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b427e31 elementor-widget elementor-widget-code-highlight\" data-id=\"b427e31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-dark copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><html>\n<head>\n   <title>How to start coding JavaScript in 60 minutes<\/title>\n   <script>\n       function showName() {\n           \/\/ get the name input element value\n           var name = document.getElementById(\"nameInput\").value;\n\n           \/\/ Displaying the name value\n           alert(name);\n       }\n   <\/script>\n<\/head>\n<body>\n<input type=\"text\" placeholder=\"Type your name...\" id=\"nameInput\">\n<button type=\"button\" onclick=\"showName();\">Show My Name<\/button>\n<\/body>\n<\/html>\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-63cca20 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63cca20\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6492975\" data-id=\"6492975\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af68d55 elementor-widget elementor-widget-text-editor\" data-id=\"af68d55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Save the HTML page with the name \u201cMyFirstJavaScriptProgram.html.\u201d Then, open the saved HTML file in your browser from the hard drive (double click on the file, or right-click and choose the &#8220;Open with&#8221; option).<\/p><p>The result will look like this:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-746f3e8 elementor-widget elementor-widget-image\" data-id=\"746f3e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"241\" src=\"https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-23-at-19.44.33-768x241.png\" class=\"attachment-medium_large size-medium_large wp-image-9066\" alt=\"\" srcset=\"https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-23-at-19.44.33-768x241.png 768w, https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-23-at-19.44.33-300x94.png 300w, https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-23-at-19.44.33-1024x322.png 1024w, https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/Screenshot-2021-08-23-at-19.44.33.png 1274w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6e47520 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6e47520\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8d37f9b\" data-id=\"8d37f9b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bcdc5cb elementor-widget elementor-widget-text-editor\" data-id=\"bcdc5cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>What if we need an iteration? Let&#8217;s try to calculate the factorial of an integer by using arithmetic operators in JavaScript.<\/p><p>Factorial is the product of all positive integers less than or equal to the number you want to calculate.<\/p><p>So, if we have the integer 4, the factorial will be the product of 1, 2, 3, and 4.\u00a0Below is the full function code to calculate the factorial of the number we type to the input:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f3fc50 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7f3fc50\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-87df207\" data-id=\"87df207\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1e5ea7c elementor-widget elementor-widget-code-highlight\" data-id=\"1e5ea7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-dark copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><html>\n<head>\n\t<title>How to start coding JavaScript in 60 minutes<\/title>\n\t<script>\n\t\tfunction calculateFactorial(){\n\t\t\tvar number = document.getElementById(\"factorialInput\").value;\n\n\t\t\tlet factorial = 1;\n\n\t\t\tfor(let i = 1; i <= number; i++) {\n\t\t\t\tfactorial *= i;\n\t\t\t}\n            alert(factorial);\n\t\t}\n    <\/script>\n<\/head>\n<body>\n\t<input type=\"number\" placeholder=\"Type a number to calculate factorial...\" id=\"factorialInput\">\n    <button type=\"button\" onclick=\"calculateFactorial();\">Show Factorial<\/button>\n<\/body>\n<\/html><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c2b2dcb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c2b2dcb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f5eefde\" data-id=\"f5eefde\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd59467 elementor-widget elementor-widget-text-editor\" data-id=\"bd59467\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>JavaScript is the power of the web for 26+ years and is the most commonly used programming language, according to the <a href=\"https:\/\/insights.stackoverflow.com\/survey\/2021#section-most-popular-technologies-programming-scripting-and-markup-languages\">StackOverflow 2021 insights<\/a>. Before filtering JavaScript codes through the shiny frameworks, I strongly suggest you learn some JavaScript features I mentioned below;<\/p><ul><li aria-level=\"1\">Light Weight<\/li><li aria-level=\"1\">Dynamic Typing<\/li><li aria-level=\"1\">Platform Independent<\/li><li aria-level=\"1\">Prototype-based<\/li><li aria-level=\"1\">Async Processing<\/li><li aria-level=\"1\">Object-oriented programming support<\/li><\/ul><p>Once you learn JavaScript&#8217;s basic features, you will understand how JavaScript frameworks are working and how they differentiate from each other.\u00a0<\/p><p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/First_steps\">Mozilla\u2019s first steps tutorial<\/a> may help you to improve yourself through the basics.<\/p><p>Enjoyed starting coding in 60 minutes and want to challenge other languages? It\u2019s time to give a try to my other posts then! Check out <a href=\"https:\/\/exceptionly.com\/2021\/07\/21\/how-to-start-coding-python-in-60-minutes\/\">Python in 60 minutes<\/a>, <a href=\"https:\/\/exceptionly.com\/2021\/08\/07\/how-to-start-coding-react-in-60-minutes\/\">ReactJS in 60 minutes<\/a>, or <a href=\"https:\/\/exceptionly.com\/2021\/07\/07\/how-to-start-coding-java-in-60-minutes\/\">Java in 60 minutes<\/a>!<\/p><p><a style=\"background-color: #ffffff;\" href=\"https:\/\/exercism.io\/tracks\/java\" target=\"_blank\" rel=\"noopener\">Exercism.io<\/a>\u00a0has lots of free, gamified examples for you to improve your JavaScript skills. So keep rocking there until our next post!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web development is moving fast, and I wouldn\u2019t be wrong in saying that we were born in frameworks! There are 20+ JS frameworks and 80+ JavaScript libraries out there.&nbsp; With all those fancy frameworks &amp; libraries, we may forget to focus on basics and instead jump into frameworks directly like ReactJS or Angular. Basics are [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":9202,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[82],"tags":[115,114,105,213,220,25,113,107,101,11,104],"class_list":["post-9062","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-angular","tag-front","tag-front-end-development","tag-frontend","tag-fullstack","tag-how-to","tag-javascript","tag-modern-js-frameworks","tag-reactjs","tag-software-engineering","tag-vuejs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to start coding JavaScript in 60 minutes - Exceptionly<\/title>\n<meta name=\"description\" content=\"JavaScript is a powerful programming language initially invented for front-end development and nowadays in the act for the server-side as well as game development and Mobile application development.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/exceptionly.com\/ar\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to start coding JavaScript in 60 minutes\" \/>\n<meta property=\"og:description\" content=\"Web development is moving fast, and I wouldn\u2019t be wrong in saying that we were born in frameworks! There are 20+ JS frameworks and 80+ JavaScript\" \/>\n<meta property=\"og:url\" content=\"https:\/\/exceptionly.com\/ar\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/\" \/>\n<meta property=\"og:site_name\" content=\"Exceptionly\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/exceptionly\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-23T18:44:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-29T16:41:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/how-to-start-coding-javascript-in-60-minutes.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1930\" \/>\n\t<meta property=\"og:image:height\" content=\"766\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Fatma Elverir\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@exceptionly\" \/>\n<meta name=\"twitter:site\" content=\"@exceptionly\" \/>\n<meta name=\"twitter:label1\" content=\"\u0643\u064f\u062a\u0628 \u0628\u0648\u0627\u0633\u0637\u0629\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatma Elverir\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u062f\u0642\u0627\u0626\u0642\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/\"},\"author\":{\"name\":\"Fatma Elverir\",\"@id\":\"https:\\\/\\\/exceptionly.com\\\/#\\\/schema\\\/person\\\/a2600170dfb4513350affede916c0ccf\"},\"headline\":\"How to start coding JavaScript in 60 minutes\",\"datePublished\":\"2021-08-23T18:44:05+00:00\",\"dateModified\":\"2022-06-29T16:41:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/\"},\"wordCount\":467,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/exceptionly.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/exceptionly.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/how-to-start-coding-javascript-in-60-minutes.jpg\",\"keywords\":[\"Angular\",\"Front\",\"front-end development\",\"Frontend\",\"Fullstack\",\"How to\",\"JavaScript\",\"Modern JS Frameworks\",\"ReactJS\",\"Software Engineering\",\"VueJS\"],\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/\",\"url\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/\",\"name\":\"How to start coding JavaScript in 60 minutes - Exceptionly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/exceptionly.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/exceptionly.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/how-to-start-coding-javascript-in-60-minutes.jpg\",\"datePublished\":\"2021-08-23T18:44:05+00:00\",\"dateModified\":\"2022-06-29T16:41:24+00:00\",\"description\":\"JavaScript is a powerful programming language initially invented for front-end development and nowadays in the act for the server-side as well as game development and Mobile application development.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/exceptionly.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/how-to-start-coding-javascript-in-60-minutes.jpg\",\"contentUrl\":\"https:\\\/\\\/exceptionly.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/how-to-start-coding-javascript-in-60-minutes.jpg\",\"width\":1930,\"height\":766,\"caption\":\"How to start coding JavaScript in 60 minutes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/exceptionly.com\\\/2021\\\/08\\\/23\\\/how-to-start-coding-javascript-in-60-minutes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/exceptionly.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to start coding JavaScript in 60 minutes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/exceptionly.com\\\/#website\",\"url\":\"https:\\\/\\\/exceptionly.com\\\/\",\"name\":\"Exceptionly\",\"description\":\"Remote software talent acquisition at scale\",\"publisher\":{\"@id\":\"https:\\\/\\\/exceptionly.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/exceptionly.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/exceptionly.com\\\/#organization\",\"name\":\"Exceptionly\",\"url\":\"https:\\\/\\\/exceptionly.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/exceptionly.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/exceptionly.com\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/exceptionly-search-logo.png\",\"contentUrl\":\"https:\\\/\\\/exceptionly.com\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/exceptionly-search-logo.png\",\"width\":400,\"height\":400,\"caption\":\"Exceptionly\"},\"image\":{\"@id\":\"https:\\\/\\\/exceptionly.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/exceptionly\\\/\",\"https:\\\/\\\/x.com\\\/exceptionly\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/exceptionly\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCet5wATTyif6knI0h4vUkNA\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/exceptionly.com\\\/#\\\/schema\\\/person\\\/a2600170dfb4513350affede916c0ccf\",\"name\":\"Fatma Elverir\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93179e5b3e943c5bcda6ea20d6b37723c01dedb150ab7724bb4fb9af22eb3de6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93179e5b3e943c5bcda6ea20d6b37723c01dedb150ab7724bb4fb9af22eb3de6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93179e5b3e943c5bcda6ea20d6b37723c01dedb150ab7724bb4fb9af22eb3de6?s=96&d=mm&r=g\",\"caption\":\"Fatma Elverir\"},\"sameAs\":[\"https:\\\/\\\/exceptionly.com\"],\"url\":\"https:\\\/\\\/exceptionly.com\\\/ar\\\/author\\\/fatmaelverir\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to start coding JavaScript in 60 minutes - Exceptionly","description":"JavaScript is a powerful programming language initially invented for front-end development and nowadays in the act for the server-side as well as game development and Mobile application development.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/exceptionly.com\/ar\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/","og_locale":"ar_AR","og_type":"article","og_title":"How to start coding JavaScript in 60 minutes","og_description":"Web development is moving fast, and I wouldn\u2019t be wrong in saying that we were born in frameworks! There are 20+ JS frameworks and 80+ JavaScript","og_url":"https:\/\/exceptionly.com\/ar\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/","og_site_name":"Exceptionly","article_publisher":"https:\/\/www.facebook.com\/exceptionly\/","article_published_time":"2021-08-23T18:44:05+00:00","article_modified_time":"2022-06-29T16:41:24+00:00","og_image":[{"width":1930,"height":766,"url":"https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/how-to-start-coding-javascript-in-60-minutes.jpg","type":"image\/jpeg"}],"author":"Fatma Elverir","twitter_card":"summary_large_image","twitter_creator":"@exceptionly","twitter_site":"@exceptionly","twitter_misc":{"\u0643\u064f\u062a\u0628 \u0628\u0648\u0627\u0633\u0637\u0629":"Fatma Elverir","\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"3 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/#article","isPartOf":{"@id":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/"},"author":{"name":"Fatma Elverir","@id":"https:\/\/exceptionly.com\/#\/schema\/person\/a2600170dfb4513350affede916c0ccf"},"headline":"How to start coding JavaScript in 60 minutes","datePublished":"2021-08-23T18:44:05+00:00","dateModified":"2022-06-29T16:41:24+00:00","mainEntityOfPage":{"@id":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/"},"wordCount":467,"commentCount":2,"publisher":{"@id":"https:\/\/exceptionly.com\/#organization"},"image":{"@id":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/#primaryimage"},"thumbnailUrl":"https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/how-to-start-coding-javascript-in-60-minutes.jpg","keywords":["Angular","Front","front-end development","Frontend","Fullstack","How to","JavaScript","Modern JS Frameworks","ReactJS","Software Engineering","VueJS"],"articleSection":["Tutorials"],"inLanguage":"ar","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/","url":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/","name":"How to start coding JavaScript in 60 minutes - Exceptionly","isPartOf":{"@id":"https:\/\/exceptionly.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/#primaryimage"},"image":{"@id":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/#primaryimage"},"thumbnailUrl":"https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/how-to-start-coding-javascript-in-60-minutes.jpg","datePublished":"2021-08-23T18:44:05+00:00","dateModified":"2022-06-29T16:41:24+00:00","description":"JavaScript is a powerful programming language initially invented for front-end development and nowadays in the act for the server-side as well as game development and Mobile application development.","breadcrumb":{"@id":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/#primaryimage","url":"https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/how-to-start-coding-javascript-in-60-minutes.jpg","contentUrl":"https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/08\/how-to-start-coding-javascript-in-60-minutes.jpg","width":1930,"height":766,"caption":"How to start coding JavaScript in 60 minutes"},{"@type":"BreadcrumbList","@id":"https:\/\/exceptionly.com\/2021\/08\/23\/how-to-start-coding-javascript-in-60-minutes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/exceptionly.com\/"},{"@type":"ListItem","position":2,"name":"How to start coding JavaScript in 60 minutes"}]},{"@type":"WebSite","@id":"https:\/\/exceptionly.com\/#website","url":"https:\/\/exceptionly.com\/","name":"Exceptionly","description":"Remote software talent acquisition at scale","publisher":{"@id":"https:\/\/exceptionly.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/exceptionly.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/exceptionly.com\/#organization","name":"Exceptionly","url":"https:\/\/exceptionly.com\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/exceptionly.com\/#\/schema\/logo\/image\/","url":"https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/05\/exceptionly-search-logo.png","contentUrl":"https:\/\/exceptionly.com\/wp-content\/uploads\/2021\/05\/exceptionly-search-logo.png","width":400,"height":400,"caption":"Exceptionly"},"image":{"@id":"https:\/\/exceptionly.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/exceptionly\/","https:\/\/x.com\/exceptionly","https:\/\/www.linkedin.com\/company\/exceptionly\/","https:\/\/www.youtube.com\/channel\/UCet5wATTyif6knI0h4vUkNA"]},{"@type":"Person","@id":"https:\/\/exceptionly.com\/#\/schema\/person\/a2600170dfb4513350affede916c0ccf","name":"Fatma Elverir","image":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/secure.gravatar.com\/avatar\/93179e5b3e943c5bcda6ea20d6b37723c01dedb150ab7724bb4fb9af22eb3de6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/93179e5b3e943c5bcda6ea20d6b37723c01dedb150ab7724bb4fb9af22eb3de6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93179e5b3e943c5bcda6ea20d6b37723c01dedb150ab7724bb4fb9af22eb3de6?s=96&d=mm&r=g","caption":"Fatma Elverir"},"sameAs":["https:\/\/exceptionly.com"],"url":"https:\/\/exceptionly.com\/ar\/author\/fatmaelverir\/"}]}},"_links":{"self":[{"href":"https:\/\/exceptionly.com\/ar\/wp-json\/wp\/v2\/posts\/9062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exceptionly.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/exceptionly.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/exceptionly.com\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/exceptionly.com\/ar\/wp-json\/wp\/v2\/comments?post=9062"}],"version-history":[{"count":0,"href":"https:\/\/exceptionly.com\/ar\/wp-json\/wp\/v2\/posts\/9062\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/exceptionly.com\/ar\/wp-json\/wp\/v2\/media\/9202"}],"wp:attachment":[{"href":"https:\/\/exceptionly.com\/ar\/wp-json\/wp\/v2\/media?parent=9062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/exceptionly.com\/ar\/wp-json\/wp\/v2\/categories?post=9062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/exceptionly.com\/ar\/wp-json\/wp\/v2\/tags?post=9062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}