
{"id":4680,"date":"2021-04-19T12:00:00","date_gmt":"2021-04-19T10:00:00","guid":{"rendered":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/uncategorized\/how-long-does-it-take-to-learn-javascript\/"},"modified":"2022-12-02T13:09:24","modified_gmt":"2022-12-02T12:09:24","slug":"how-long-does-it-take-to-learn-javascript","status":"publish","type":"post","link":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/how-long-does-it-take-to-learn-javascript\/","title":{"rendered":"How Long Does It Take To Learn JavaScript? Advice From A Senior Developer"},"content":{"rendered":"<p><strong>Can I learn JavaScript in a couple of weeks? How long it does it take to get to an advanced level?<\/strong><\/p>\n<p>Whether you&#8217;re looking to <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/how-to-become-a-frontend-developer\/\" target=\"_blank\" rel=\"noopener\">become a frontend developer<\/a>, or simply to dabble in a bit of code, these might be the first questions that pop into your mind.<\/p>\n<p>Like many other topics in programming, there is no single right answer to these questions. However, JavaScript is a relatively easy programming language. So, the amount of time needed to learn JS is directly tied to the amount of time you are willing to invest in learning it.<\/p>\n<p>Today, we\u2019ll go over a few strategies to get you started on your path to becoming a fantastic frontend developer. I\u2019ll also attempt to give you a realistic idea of how long it takes to learn a new programming language.<\/p>\n<p>I\u2019ve divided this guide into the following sections:<\/p>\n<ol>\n<li><a href=\"#javascript-and-frameworks\">An introduction to JavaScript and frameworks<\/a><\/li>\n<li><a href=\"#getting-started-with-javascript\">How to get started with learning JavaScript<\/a><\/li>\n<li><a href=\"#the-importance-of-learning-vanilla-javascript\">The importance of learning Vanilla JavaScript<\/a><\/li>\n<li><a href=\"#how-long-does-it-take-to-learn-javascript-final-words\">Final thoughts<\/a><\/li>\n<\/ol>\n<p>So, how long does it take to learn JavaScript? Let\u2019s find out!<\/p>\n<h2 id=\"javascript-and-frameworks\"><strong>1.<\/strong> JavaScript and frameworks<\/h2>\n<p>Along with HTML and CSS, JavaScript is one of the three cornerstone technologies of the web. <a href=\"\/en\/blog\/web-development\/what-is-html-a-beginners-guide\/\" target=\"_blank\" rel=\"noopener\">HTML<\/a> structures the page, <a href=\"\/en\/blog\/web-development\/what-is-css\/\" target=\"_blank\" rel=\"noopener\">CSS styles it<\/a>, and JavaScript adds interactivity. The vast majority of websites use JavaScript, and major web browsers have a dedicated engine to execute it.<\/p>\n<p><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/javascript-frameworks\/\" target=\"_blank\" rel=\"noopener\">JavaScript frameworks<\/a> are collections of JavaScript code libraries that provide pre-written JS code ready to use for routine programming features and tasks. They expedite the development process, and they do a good job of separating responsibilities in the code.<\/p>\n<p>There are plenty of frameworks, including <strong>Angular<\/strong>, <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/what-is-reactjs\/\" target=\"_blank\" rel=\"noopener\"><strong>React<\/strong><\/a>, <strong>Vue<\/strong>, and <strong>MeteorJS<\/strong>. If you\u2019ve been mucking about in code for a while, you\u2019ve likely heard of them. If you want to learn more about these in general, then check out <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/responsiveness-with-a-front-end-framework\/\" target=\"_blank\" rel=\"noopener\">our beginner&#8217;s guide to web frameworks<\/a>.<\/p>\n<p>Now, how to kick off your JavaScript journey?<\/p>\n<h2 id=\"getting-started-with-javascript\"><strong>2.<\/strong> Getting started with JavaScript<\/h2>\n<p>To start learning this or <a href=\"\/en\/blog\/web-development\/a-beginners-guide-to-the-10-most-popular-programming-languages\/\" target=\"_blank\" rel=\"noopener\">any other programming language<\/a>, it\u2019s essential to understand the syntax of the language first. Learn what the following are:<\/p>\n<ul>\n<li><strong>Variable Declaration:<\/strong> JavaScript variables are containers for storing data values.<\/li>\n<li><strong>Statements:<\/strong> JS statements are \u201cinstructions\u201d to be \u201cexecuted\u201d by the web browser.<\/li>\n<li><strong>Keywords:<\/strong> Keywords are tokens that have special meaning in JavaScript: break, case, catch, continue, debugger, default, delete, do, else, finally, for, function, if, in, instanceof, new, return, switch, this, throw, try, typeof, var, void, while, and with.<\/li>\n<li><strong>Comments:<\/strong> To create a single line comment, you place two slashes \u201c\/\/\u201d in front of the code or text you wish to have the JS interpreter ignore.<\/li>\n<li><strong>Functions:<\/strong> Functions are one of the fundamental building blocks in JavaScript. A function is a JavaScript procedure\u2014a set of statements that performs a task or calculates a value.<\/li>\n<li><strong>Objects:<\/strong> In JavaScript, just as in many other programming languages, objects can be compared to objects in real life. All JavaScript values, except primitives, are objects.<\/li>\n<\/ul>\n<p>Once you\u2019re familiar with these, try building something! Write a \u201chello world\u201d webpage or create a contact form to submit basic information. Both of these exercises will help you appreciate the big picture and put newly acquired skills to use.<\/p>\n<p>To help you along, we created a <strong><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/short-courses\/become-a-web-developer\/\" target=\"_blank\" rel=\"noopener\">free 5-day coding course<\/a> <\/strong>which gets you building exactly this\u2014your own interactive website, with HTML, CSS, and JavaScript.<\/p>\n<p>Get a sneak-peek at one of the JavaScript tutorials, as Abhi shows you the ropes:<\/p>\n<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style>\n<div class=\"embed-container\"><iframe src=\"https:\/\/www.youtube.com\/embed\/-4jokJpvFwc\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>When it comes to playing around with JavaScript code, try to solve problems for topics you\u2019re good at.<\/p>\n<p>If, for example, you&#8217;re good at math, create a calculator app. If you&#8217;re good at marketing, create a landing page for lead generation. The main goal is solving a real-world problem.<\/p>\n<h2 id=\"the-importance-of-learning-vanilla-javascript\">3. The important of learning Vanilla JavaScript<\/h2>\n<p>First things first\u2014an important note.<\/p>\n<p><strong>Don\u2019t start off trying to learn a framework.<\/strong><\/p>\n<p>Don\u2019t get me wrong, it\u2019s not that you shouldn\u2019t learn them\u2014they do wonders for developers all over! However, your time will be better spent making sure you are proficient in HTML, CSS, and JavaScript.<\/p>\n<p>These foundational web development languages are the building blocks of every JS framework around. Learning them will make it easier for you to learn about frameworks and harness all the awesomeness they provide.<\/p>\n<p>Many individuals who start off learning JavaScript within a framework have a hard time shifting gears. This is largely because what they know of HTML, CSS, and JavaScript comes from the context of the particular framework. If, however, you start outside of frameworks, you can jump into any framework and start figuring out how to work with them once you\u2019ve got JavaScript covered.<\/p>\n<p>More problems arise for those who learn JS via frameworks when the time comes to update. JavaScript within a framework is subject to frequent updates that can make everything you know about that framework irrelevant.<\/p>\n<p>Angular has changed so drastically over the past few years that Angular 1.x has almost nothing in common with Angular 6. Libraries and tools come and go, but your capabilities and the skills you develop are here to stay.<\/p>\n<h3 id=\"dont-waste-your-time\"><strong>Don\u2019t waste your time<\/strong><\/h3>\n<p>When I was a young frontend developer making websites for small and medium enterprises, <strong>jQuery<\/strong> was the best! All websites and animations were made with jQuery. If you didn\u2019t use it, your website was old and didn\u2019t offer much to the user. Naturally, developers who knew it made more money than those who didn\u2019t.<\/p>\n<p>So, I made my very first coding purchase: a book titled <a href=\"https:\/\/www.manning.com\/books\/jquery-in-action\" target=\"_blank\" rel=\"noopener\">jQuery in Action<\/a>. This book taught me everything about the jQuery world, from selecting an element from the DOM to creating complex AJAX calls to REST APIs. I felt like I was a ninja in the coding arts. But guess what? jQuery was replaced by <strong>HTML5<\/strong> and <strong>ES2015<\/strong> and modern browsers\u2019 support of a new set of native APIs that soon will render jQuery useless.<\/p>\n<p>The moral of the story is: invest 80% of your time in learning fundamentals like clean code, design patterns, domain-driven design, and <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/what-is-object-oriented-programming\/\" target=\"_blank\" rel=\"noopener\">object-oriented architecture<\/a>. Like frameworks, technologies come and go, but these fundamentals will remain. What you learn will be portable across companies, teams, and domains, and your knowledge will be less likely to be rendered irrelevant.<\/p>\n<p>What about the other 20% of my time? Leave it for frameworks, libraries, and tools such as <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/what-is-npm\/\" target=\"_blank\" rel=\"noopener\">package managers like npm<\/a>. Be smart about it: <strong>the longer a technology is on the market, the safer the investment it is<\/strong>. Don\u2019t rush to learn new technology\u2014we don\u2019t know its lifespan. Let time show you which technology is worth investing in. Time is your best advisor. Learn to wait.<\/p>\n<h2 id=\"how-long-does-it-take-to-learn-javascript-final-words\"><strong>4. Final thoughts<\/strong><\/h2>\n<p>There is no set time frame for learning JavaScript; it all depends on your level of experience and how much time you can spare. However, with the tips and strategies set out in this guide, you can streamline your approach to learning this key programming language.<\/p>\n<p><strong>Goal-setting<\/strong> can be a powerful tool to help you make headway on your path towards learning JavaScript. Set goals around exercises, like creating a simple landing page, to help you practice and move forward. This will help you stay on track and, shared with the right person, can help you stay accountable.<\/p>\n<p>Build your exercises around real-world problems to gain an understanding of the language and its applications.<\/p>\n<p>Be patient and don\u2019t give up! Learning any new skill takes time and dedication.<\/p>\n<p>This approach definitely works\u2014our graduates are the proof. Before taking the CareerFoundry Full-Stack Web Development Program, <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/magazine\/high-performing-web-developer-job-application\/\">Julio was trying to study by himself<\/a>:<\/p>\n<blockquote><p>I did a lot of self-studying, which involved a lot of guesswork from tutorials. When I started trying to do my own thing, I found myself wondering: \u2018What if there is another way of doing this, and I\u2019m doing it the wrong way?\u2019<\/p>\n<p>So having one-on-one support from a tutor and mentor at CareerFoundry\u2014actual programmers with experience, was great. Having someone look at my code and say \u2018Yes, it\u2019s right\u2019 gave me a huge feeling of relief, knowing that I was doing it right.<\/p><\/blockquote>\n<p>After graduating, Julio worked with his career specialist and created a high-quality JavaScript developer job application, which soon landed him not one but three job offers! So it can definitely be done.<\/p>\n<p>If you\u2019d like to learn more about becoming a frontend developer, check out these guides:<\/p>\n<ul>\n<li><a href=\"\/en\/blog\/web-development\/what-does-it-take-to-become-a-web-developer-everything-you-need-to-know-before-getting-started\/\">What Does It Take To Become A Web Developer? Everything You Need To Know Before Getting Started<\/a><\/li>\n<li><a href=\"\/en\/blog\/web-development\/introduction-to-es6-javascript\/\">An Introduction To ES6 And Its Successors: What\u2019s So Great About The Latest Versions Of JavaScript?<\/a><\/li>\n<li><a href=\"\/en\/blog\/web-development\/7-essential-tools-for-front-end-development\/\">The 7 Essential Tools For Frontend Web Development<\/a><\/li>\n<li><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/how-to-get-your-first-web-developer-job-the-ultimate-guide-for-junior-developers\/\">A Guide To Landing Your First Job As A Junior Web Developer<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript is one of the three cornerstone technologies of the web\u2014but how long does it take to learn this programming language? Find out here.<\/p>\n","protected":false},"author":73,"featured_media":698,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_lmt_disableupdate":"yes","_lmt_disable":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-4680","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"acf":{"homepage_category_featured":false,"cards_inner_programs_lists_left":"","cards_inner_programs_lists_right":"","related_plan_cards":""},"modified_by":"Rash SEO","_links":{"self":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/4680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/comments?post=4680"}],"version-history":[{"count":2,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/4680\/revisions"}],"predecessor-version":[{"id":29027,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/4680\/revisions\/29027"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media\/698"}],"wp:attachment":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media?parent=4680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/categories?post=4680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/tags?post=4680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}