{"id":4531,"date":"2019-07-15T00:54:28","date_gmt":"2019-07-15T07:54:28","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=4531"},"modified":"2022-08-21T11:30:44","modified_gmt":"2022-08-21T18:30:44","slug":"what-can-i-make-with-javascript","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/","title":{"rendered":"What Can I Make With Javascript?"},"content":{"rendered":"\n

Project-based learning is arguably the best way to approach programming. Unlike a field like history or philosophy where you can learn through reading and reflection, coding is something that has to be tinkered with, explored, and approached actively. <\/p>\n\n\n\n

This is especially true if you\u2019re looking to switch into a technology career.<\/a> What is more important to employers is not credentials or degrees, it is whether or not you can produce functioning code and know types of programming languages. The top echelons of every technology field are peppered with coders who are entirely self-taught.  <\/p>\n\n\n\n

They had to start somewhere. With our guide, now you can too. 
<\/p>\n\n\n\n

What Is JavaScript And Why Should I Learn It?<\/strong><\/h2>\n\n\n\n
\"
Pictured: you, after you finish your javascript joke machine.<\/figcaption><\/figure>\n\n\n\n

Javascript is a general-purpose language which has found widespread use in making web pages responsive and dynamic. It\u2019s used for things like error-checking input fields in real time or writing a personalized greeting based on the time of the day. Other forms of Javascript, like Node.js, have even made their way into web development backends. <\/p>\n\n\n\n

There are hundreds of online JavaScript courses<\/a> available to teach you this programming language. Many of these courses even provide projects to practice with. Many of the projects related below, therefore, focus on Front End and Back End web development. But there\u2019s no reason you can\u2019t do something more ambitious like, say, coding a neural network<\/a> in Javascript.\u00a0 <\/p>\n\n\n\n

Javascript Project Ideas <\/strong><\/h2>\n\n\n\n

With the introduction out of the way, let\u2019s take a look at some projects you can do right now to build Javascript expertise:<\/p>\n\n\n\n

  1. Make a web browser game. Because of its role in making web pages dynamic, it should come as no surprise that you can make games in Javascript. Here\u2019s a tutorial<\/a> for building a platformer with Javascript. <\/li>
  2. Learn to code mouseover effects. You\u2019ve no doubt been to a website where hovering the mouse over an element causes a description or menu of options to pop up. These interactive elements can be done in JavaScript, and this<\/a> will teach you how to do it, too. <\/li>
  3. While reading an article like Top Coding Challenges For Javascript Junkies<\/a>, you\u2019ll notice buttons at the bottom that allow you to directly share the article to various social media platforms. This can be done in javascript and would be an excellent skill to develop if you\u2019re interested in web development. <\/li>
  4. Security is paramount today, especially with so much of our lives happening online. Learn to use Javascript to make your applications safe with this source code<\/a> for building a javascript-based login authenticator. <\/li>
  5. One of the best things about learning to code is that you can automate tasks and make yourself more productive. Javascript to-do lists<\/a> can help you accomplish this. <\/li>
  6. How about a simple word counter? Being able to parse text is a surprisingly useful skill in coding, especially if you can extend the project by having it read in websites from a URL. <\/li><\/ol>\n\n\n\n

    If these don\u2019t interest you– or if you learn best by seeing others do things first, there are lots of ways to find other Javascript challenges. Javascript30<\/a> has you build 30 applications in 30 days using plain Javascript and Udemy has a course<\/a> walking you through 17 complete Javascript projects, step by step. 
    <\/p>\n\n\n\n

    You\u2019re sure to find something that intrigues you! <\/p>\n","protected":false},"excerpt":{"rendered":"Project-based learning is arguably the best way to approach programming. Unlike a field like history or philosophy where you can learn through reading and reflection, coding is something that has to be tinkered with, explored, and approached actively. This is especially true if you\u2019re looking to switch into a technology career. What is more important…","protected":false},"author":35,"featured_media":2043,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11933],"tags":[12688],"class_list":{"0":"post-4531","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript","8":"tag-coding-resources"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"JavaScript","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"\nWhat Can I Make With Javascript? | Career Karma<\/title>\n<meta name=\"description\" content=\"You probably use Javascript every day without realizing it. Learn about some amazing Javascript projects to beef up your portfolio and land a better job.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Can I Make With Javascript?\" \/>\n<meta property=\"og:description\" content=\"You probably use Javascript every day without realizing it. Learn about some amazing Javascript projects to beef up your portfolio and land a better job.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-15T07:54:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-21T18:30:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/charles-456501-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Trent Fowler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Trent Fowler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/\"},\"author\":{\"name\":\"Trent Fowler\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba\"},\"headline\":\"What Can I Make With Javascript?\",\"datePublished\":\"2019-07-15T07:54:28+00:00\",\"dateModified\":\"2022-08-21T18:30:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/\"},\"wordCount\":576,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/charles-456501-unsplash.jpg\",\"keywords\":[\"coding resources\"],\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/\",\"name\":\"What Can I Make With Javascript? | Career Karma\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/charles-456501-unsplash.jpg\",\"datePublished\":\"2019-07-15T07:54:28+00:00\",\"dateModified\":\"2022-08-21T18:30:44+00:00\",\"author\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba\"},\"description\":\"You probably use Javascript every day without realizing it. Learn about some amazing Javascript projects to beef up your portfolio and land a better job.\",\"breadcrumb\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#primaryimage\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/charles-456501-unsplash.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/charles-456501-unsplash.jpg\",\"width\":1200,\"height\":800,\"caption\":\"[Image of a person looking at code on a computer screen.]\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/careerkarma.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\/\/careerkarma.com\/blog\/javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"What Can I Make With Javascript?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\",\"url\":\"https:\/\/careerkarma.com\/blog\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News & Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/careerkarma.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba\",\"name\":\"Trent Fowler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/11\/Screen-Shot-2019-11-16-at-3.07.12-PM.png\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/11\/Screen-Shot-2019-11-16-at-3.07.12-PM.png\",\"caption\":\"Trent Fowler\"},\"description\":\"Trent Fowler is a data scientist and writer with an interest in machine learning, blockchain technologies, and futurism.\",\"url\":\"https:\/\/careerkarma.com\/blog\/author\/trent-fowler\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What Can I Make With Javascript? | Career Karma","description":"You probably use Javascript every day without realizing it. Learn about some amazing Javascript projects to beef up your portfolio and land a better job.","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:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/","og_locale":"en_US","og_type":"article","og_title":"What Can I Make With Javascript?","og_description":"You probably use Javascript every day without realizing it. Learn about some amazing Javascript projects to beef up your portfolio and land a better job.","og_url":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2019-07-15T07:54:28+00:00","article_modified_time":"2022-08-21T18:30:44+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/charles-456501-unsplash.jpg","type":"image\/jpeg"}],"author":"Trent Fowler","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Trent Fowler","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/"},"author":{"name":"Trent Fowler","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba"},"headline":"What Can I Make With Javascript?","datePublished":"2019-07-15T07:54:28+00:00","dateModified":"2022-08-21T18:30:44+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/"},"wordCount":576,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/charles-456501-unsplash.jpg","keywords":["coding resources"],"articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/","url":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/","name":"What Can I Make With Javascript? | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/charles-456501-unsplash.jpg","datePublished":"2019-07-15T07:54:28+00:00","dateModified":"2022-08-21T18:30:44+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba"},"description":"You probably use Javascript every day without realizing it. Learn about some amazing Javascript projects to beef up your portfolio and land a better job.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/charles-456501-unsplash.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/05\/charles-456501-unsplash.jpg","width":1200,"height":800,"caption":"[Image of a person looking at code on a computer screen.]"},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/what-can-i-make-with-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/careerkarma.com\/blog\/javascript\/"},{"@type":"ListItem","position":3,"name":"What Can I Make With Javascript?"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News & Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/768fb9a38d2c1b146588954736f79aba","name":"Trent Fowler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/11\/Screen-Shot-2019-11-16-at-3.07.12-PM.png","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/11\/Screen-Shot-2019-11-16-at-3.07.12-PM.png","caption":"Trent Fowler"},"description":"Trent Fowler is a data scientist and writer with an interest in machine learning, blockchain technologies, and futurism.","url":"https:\/\/careerkarma.com\/blog\/author\/trent-fowler\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/4531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=4531"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/4531\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/2043"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=4531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=4531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=4531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}