{"componentChunkName":"component---node-modules-rocketseat-gatsby-theme-docs-core-src-templates-docs-query-js","path":"/basic-js/basic-js-section-project","result":{"data":{"mdx":{"id":"55e7563a-cce5-5180-95db-1ada738283b7","excerpt":"Basic JS Section project 💡 Oh my! You're halfway through already! You should be proud of yourself. We're not kidding. Programming is a tough task and you…","fields":{"slug":"/basic-js/basic-js-section-project/"},"frontmatter":{"title":"","description":null,"image":null,"disableTableOfContents":null},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", {\n    \"id\": \"basic-js-section-project\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#basic-js-section-project\",\n    \"aria-label\": \"basic js section project permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Basic JS Section project\"), mdx(\"p\", null, \"\\uD83D\\uDCA1 Oh my! You're halfway through already! You should be proud of yourself. We're not kidding. Programming is a tough task and you should treasure all the effort you've put into this course. We're sure that if you look back now, you won't believe what you've achieved in this little time. But there's so much more!\"), mdx(\"p\", null, \"In this section we're going to do something different. We're going to propose two exercises instead of just one. One of them will be mandatory to complete the course, the other one (the exercise marked as bonus) will be optional. We encourage you to do it since it will teach you how to think in a logical way, something that can be very useful sometimes. However, since it's not the main focus of this course, we'll let you decide whether you want to complete it or not. If you feel like you want to do it but you're not sure how, ask any of the stuff and we'll be thrilled to help you!\"), mdx(\"p\", null, \"The mandatory exercise merges all you have learnt throughout the course, having to apply your knowledge in HTML, CSS and JS. Remember that if you get stuck, you can ask as at any point and we'll help you gladly. Good luck!\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://www.freecodecamp.org/learn/front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine\"\n  }, \"Build a random quote machine\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker\"\n  }, \"Palindrome Checker\"), \"(Bonus)\")));\n}\n;\nMDXContent.isMDXComponent = true;","headings":[{"depth":2,"value":"Basic JS Section project"}]}},"pageContext":{"slug":"/basic-js/basic-js-section-project/","prev":{"label":"Contents","link":"/basic-js/contents"},"next":{"label":"Further reading","link":"/basic-js/further-reading"},"repositoryEditUrl":"https://github.com/rocketseat/gatsby-themes/tree/main/examples/gatsby-theme-docs/src/docs/basic-js/basic-js-section-project.mdx","repositoryProvider":"GitHub"}},"staticQueryHashes":["1954253342","2328931024","2501019404","973074209"]}