{"data":{"site":{"siteMetadata":{"title":"Design & Pizza","author":"Christopher Andersson"}},"markdownRemark":{"id":"76d865c1-a257-58e3-8f03-d090a890f3ef","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"What. The. Fuck. JavaScript. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Seriously."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The last time I was writing code full-time was in 2005. I was using "},{"type":"element","tagName":"a","properties":{"href":"https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest"},"children":[{"type":"text","value":"XMLHttpRequest"}]},{"type":"text","value":" to build interfaces that were inspired by "},{"type":"element","tagName":"a","properties":{"href":"https://basecamp.com/retired/tadalist"},"children":[{"type":"text","value":"37 Signal’s Ta-da list"}]},{"type":"text","value":" app. If you are unfamiliar with the Ta-da list app, you should know that at the time it was a game changer. Not that Ta-da list changed the world of to-do lists, but it introduced an entirely new way of thinking about designing and building on the web."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"\n  "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/static/tadalist-d673d683ec1293c307dd734eb6aee4d5-2b0a9.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n  \n  "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; ; max-width: 590px; margin-left: auto; margin-right: auto;"},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 79.62226640159045%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAACXBIWXMAABYlAAAWJQFJUiTwAAABy0lEQVQ4y51UXY+bMBDM//9bfe9jVPUu0QVIMB8GbGyMATPdNbq0TY/cqZZG2JgdzczaHIAVL9cbhJTQvYPSPZTqYJXCwNA6Yp5nrOsaweP9+TgOYV3w7fwdr2WGSk6oG4WqLOHqGl4IeJqPVfVX0R5ZJCSByK9XnF9PyLIEaZogSRK8nGid57ikKa70PNH6eDzCWvtcIW+IskKapRCiQJ4LXC4X1KSwJ6uaLQ8D+r6Pc7b+CSHQdBqSMmQSRbk9s/Sp5UCbkghzslUURST03sM5dwcrXJbl3pRnjYmWWaGgBrBCawwMgUkYnBmvmfArKiPhNC9UEDbQyyWs/2CmPf6OEcJvhY848EbZavw4U3dFjalpMY8+EuzhWcKR0E8zDFt0I5aRQJ1ki4GwKQxx/Se4248I9F20LOsK+S1DIynDYcswHhOC6SSspptjtzz3wDVMeuCrlxctfp4F3lKJW6FQ0rls6BhZsu6LNwRV4qsjWqacyfY71igdHya1RnzUjHtTuNgNNloy1qE3dCsM/yRsnHd6RKs8NL3TZoLq560xVBx2Cd1AeY2o2glV4+mg00+i9ZSnQ6eY1FFGA9y4YBjD/djsWv6fsWf5F8Pg4ik1t2ApAAAAAElFTkSuQmCC'); background-size: cover; display: block;"},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"style":"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;","alt":"Image of Ta-da list by 37 Signals","title":"","src":"/static/tadalist-d673d683ec1293c307dd734eb6aee4d5-fb8a0.png","srcSet":["/static/tadalist-d673d683ec1293c307dd734eb6aee4d5-1a291.png 148w","/static/tadalist-d673d683ec1293c307dd734eb6aee4d5-2bc4a.png 295w","/static/tadalist-d673d683ec1293c307dd734eb6aee4d5-fb8a0.png 590w","/static/tadalist-d673d683ec1293c307dd734eb6aee4d5-526de.png 885w","/static/tadalist-d673d683ec1293c307dd734eb6aee4d5-fa2eb.png 1180w","/static/tadalist-d673d683ec1293c307dd734eb6aee4d5-08f6a.png 1770w","/static/tadalist-d673d683ec1293c307dd734eb6aee4d5-2b0a9.png 2012w"],"sizes":["(max-width:","590px)","100vw,","590px"]},"children":[]},{"type":"text","value":"\n    "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n  \n  "}]},{"type":"text","value":"\n    "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It was a special time that was filled with excitement, and we were calling it "},{"type":"element","tagName":"a","properties":{"href":"https://en.wikipedia.org/wiki/Web_2.0"},"children":[{"type":"text","value":"Web 2.0"}]},{"type":"text","value":"! That was a stupid name, but it sure was an awesome time for creativity on the web."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"JavaScript was at the heart of enabling these awesome new experiences. Fast forward to 2018, and I guess it’s no surprise that JavaScript is at the heart of web development."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"JS EVERYTHING"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"JavaScript used to be a tool to help make our UI’s a bit more interactive and friendly. Now it’s the "},{"type":"element","tagName":"a","properties":{"href":"https://reactjs.org/"},"children":[{"type":"text","value":"building blocks for constructing UI’s"}]},{"type":"text","value":", plus our "},{"type":"element","tagName":"a","properties":{"href":"https://nodejs.org/en/"},"children":[{"type":"text","value":"back end"}]},{"type":"text","value":", plus our "},{"type":"element","tagName":"a","properties":{"href":"https://www.mongodb.com/"},"children":[{"type":"text","value":"data layer"}]},{"type":"text","value":", plus our "},{"type":"element","tagName":"a","properties":{"href":"https://webpack.js.org/"},"children":[{"type":"text","value":"build tools"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I remember having a dream one night around 2004 where I solved cancer with JavaScript. Maybe that is where we are heading."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"I should RTFM"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I am pretty productive building web apps, but I’m the type of dev that hacks around using different features of a language trying to get something done quick…when I should probably sit back, and "},{"type":"element","tagName":"a","properties":{"href":"https://en.wikipedia.org/wiki/RTFM"},"children":[{"type":"text","value":"RTFM"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I am in the middle of building a few of my own products, and while I learn JavaScript all over again I thought I would go about it a bit more methodical than I have in the past and then share what I learn with anyone who is interested."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"What’s going on here?"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Exploring technology, and sharing thoughts about it is what inspired "},{"type":"element","tagName":"a","properties":{"href":"https://designand.pizza"},"children":[{"type":"text","value":"Design Pizza"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://designand.pizza"},"children":[{"type":"text","value":"Design Pizza"}]},{"type":"text","value":" has been designed to structure its content in the following way:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Topics → Series → Articles"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I am starting with the topic that I call "},{"type":"element","tagName":"a","properties":{"href":"https://designand.pizza/wtfjs"},"children":[{"type":"text","value":"WTF JavaScript"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I am going to read the "},{"type":"element","tagName":"a","properties":{"href":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference"},"children":[{"type":"text","value":"entire fucking JavaScript manual"}]},{"type":"text","value":", and I am going to write about every part of it."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I am going to use every feature available in JavaScript, no matter how small and I am going to write about it."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"I hope you will follow along, and if you want to be notified when I post new content give me a "},{"type":"element","tagName":"a","properties":{"href":"https://twitter.com/chrisanderss0n"},"children":[{"type":"text","value":"follow on Twitter"}]},{"type":"text","value":" or subscribe to my newsletter at the bottom of the page."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"On to the first series: "},{"type":"element","tagName":"a","properties":{"href":"starting-from-the-top"},"children":[{"type":"text","value":"Starting from the top"}]}]}],"data":{"quirksMode":false}},"frontmatter":{"title":"WTF JavaScript (Introduction)","date":"September 11, 2018","summary":"A deep journey into JavaScript to become a better designer","posttype":"topic","topicname":"WTF JavaScript","seriesname":null,"topicurl":null,"seriesurl":null}},"allMarkdownRemark":{"edges":[{"node":{"id":"5ebb9985-cd23-547b-8b09-eb7512a97e02","fields":{"slug":"/wtfjs/starting-from-the-top/"},"frontmatter":{"title":"Starting from the top","date":"September 12, 2018","posttype":"series","topicname":"WTF JavaScript","seriesname":"Starting from the top"}}}]}},"pageContext":{"slug":"/wtfjs/","previous":{"fields":{"slug":"/welcome/"},"frontmatter":{"title":"Welcome to Design Pizza","date":"2018-09-10","posttype":"topic","topicname":"Welcome to Design Pizza","seriesname":null}},"next":{"fields":{"slug":"/wtfjs/starting-from-the-top/"},"frontmatter":{"title":"Starting from the top","date":"2018-09-12","posttype":"series","topicname":"WTF JavaScript","seriesname":"Starting from the top"}},"seriesname":null,"topicname":"WTF JavaScript"}}