--- title: I Made A JavaScript Single Page Application And This Is... description: John Troutman created a single page application with JavaScript handling the frontend and Rails used as an API for the backend. He explains how to use the... canonical: https://daily.dev/posts/i-made-a-javascript-single-page-application-and-this-is-what-i-learned-1ic86rgqb twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: I Made A JavaScript Single Page Application And This Is What I Learned | daily.dev og:description: John Troutman created a single page application with JavaScript handling the frontend and Rails used as an API for the backend. He explains how to use the... og:url: https://daily.dev/posts/i-made-a-javascript-single-page-application-and-this-is-what-i-learned-1ic86rgqb og:image: https://api.daily.dev/og/posts/1IC86RGqb.png og:image:alt: I Made A JavaScript Single Page Application And This Is What I Learned og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # I Made A JavaScript Single Page Application And This Is What I Learned **[JavaScript in Plain English](https://daily.dev/sources/jsPlainEnglish)** · 6 min read · 15 upvotes · 0 comments ## Summary John Troutman created a single page application with JavaScript handling the frontend and Rails used as an API for the backend. He explains how to use the fetch() method to create a new list and multiple items for that list with input from the user on the front end. Troutman also explains the importance of knowing how mass assignment works for sending information from the JavaScript frontend to the Rails backend. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#rails](https://daily.dev/tags/rails) [View this post on daily.dev](https://daily.dev/posts/i-made-a-javascript-single-page-application-and-this-is-what-i-learned-1ic86rgqb) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"I Made A JavaScript Single Page Application And This Is What I Learned","url":"https://daily.dev/posts/i-made-a-javascript-single-page-application-and-this-is-what-i-learned-1ic86rgqb","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/i-made-a-javascript-single-page-application-and-this-is-what-i-learned-1ic86rgqb"},"datePublished":"2021-07-10T06:32:53.882Z","dateModified":"2021-10-07T14:17:10.317Z","description":"John Troutman created a single page application with JavaScript handling the frontend and Rails used as an API for the backend. He explains how to use the...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6651907ad2789b194b9418e7ec7858ec","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6651907ad2789b194b9418e7ec7858ec","isAccessibleForFree":true,"articleSection":"JavaScript in Plain English","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"JavaScript in Plain English","logo":"https://media.daily.dev/image/upload/s--Dg5QTRuI--/f_auto,q_auto/v1686665538/logos/pe","url":"https://daily.dev/sources/jsPlainEnglish"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/i-made-a-javascript-single-page-application-and-this-is-what-i-learned-1ic86rgqb","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":15},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,javascript,rails","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"JavaScript in Plain English","item":"https://daily.dev/sources/jsPlainEnglish"},{"@type":"ListItem","position":3,"name":"I Made A JavaScript Single Page Application And This Is What I Learned"}]} ```