{"componentChunkName":"component---node-modules-rocketseat-gatsby-theme-docs-core-src-templates-docs-query-js","path":"/prework/contents","result":{"data":{"mdx":{"id":"e4c978cc-1743-5d0d-a966-39eec4c0e7d6","excerpt":"In the Prework you won't have to do any exercises at the end of each topic, however you will find a test at the end that we need you to answer (you will find…","fields":{"slug":"/prework/contents/"},"frontmatter":{"title":"Contents","description":"Contents | Prework | RefugeesCode","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 = {\n  \"title\": \"Contents\",\n  \"description\": \"Contents | Prework | RefugeesCode\"\n};\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(\"p\", null, \"In the Prework you won't have to do any exercises at the end of each topic, however you will find a test at the end that we need you to answer (you will find more information once you get to that part).\"), mdx(\"h3\", {\n    \"id\": \"code-of-conduct\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#code-of-conduct\",\n    \"aria-label\": \"code of conduct 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  }))), \"Code Of Conduct\"), mdx(\"p\", null, \"Please, read our Code of Conduct. It is very important to us that you know what we expect from you and what we require everyone involved in this course. At the beginning of the course we will ask you to sign it.\"), mdx(\"p\", null, \"\\uD83D\\uDC49  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://drive.google.com/file/d/1MbFSibSXIbTeSl94Oyf7IDDWiAmpoBH2/view?usp=sharing\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Code of Conduct\"))), mdx(\"h3\", {\n    \"id\": \"how-the-web-works\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#how-the-web-works\",\n    \"aria-label\": \"how the web works 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  }))), \"How the web works\"), mdx(\"p\", null, \"By now we should all have realized that the Internet has affected almost every aspect of our lives as a society. It is present in the businesses, in the health system, in the educational entities, in the services... But it is still a bit mysterious how it works behind the scenes for most of the people using it. Since you are willing to be part of the Doers of the Internet, let's discover a bit closer how it works :)\"), mdx(\"p\", null, \"\\uD83D\\uDCFD  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.youtube.com/watch?v=Dxcc6ycZ73M\"\n  }, \"What is the Internet?\")), mdx(\"p\", null, \"\\uD83D\\uDCD6  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works\"\n  }, \"How the Web works?\")), mdx(\"h3\", {\n    \"id\": \"front-end-developer\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#front-end-developer\",\n    \"aria-label\": \"front end developer 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  }))), \"Front-end developer\"), mdx(\"p\", null, \"The purpose of this bootcamp is to help you become a Front-end developer, but, do you really know what it does mean? Take a minute to think about it.\"), mdx(\"p\", null, \"The following resources have been selected to give you more context on what a Front-end developer does, the resources they can make use of and in summary, a bit more of what you can expect to start understanding during this bootcamp!\"), mdx(\"p\", null, \"Please, \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"read from this summary the chapters 1 and 2.1\"), \". Do not worry about the rest, because you don't need them now :)\"), mdx(\"p\", null, \"\\uD83D\\uDCD6  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://frontendmasters.com/books/front-end-handbook/2019/#2\"\n  }, \"What Is a Front-end Developer?\")), mdx(\"p\", null, \"\\uD83D\\uDCD6 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://frontendmasters.com/books/front-end-handbook/2019/#3.3\"\n  }, \"Baseline Web Technologies Employed by Front-End Developers\")), mdx(\"p\", null, \"\\uD83D\\uDCD6 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://frontendmasters.com/books/front-end-handbook/2019/#3.6\"\n  }, \"Front-End on a Team\")), mdx(\"p\", null, \"Do not worry if you don't understand it all... What makes a developer, is learning! Read about it in the next post!\"), mdx(\"p\", null, \"\\uD83D\\uDCD6  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://css-tricks.com/learning-to-learn/\"\n  }, \"Learning to Learn\")), mdx(\"h3\", {\n    \"id\": \"filesystem\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#filesystem\",\n    \"aria-label\": \"filesystem 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  }))), \"Filesystem\"), mdx(\"p\", null, \"These are basic introductory videos to what files and folders - also called directories - are and how we can use them. If you already have experience with them, feel free to skip this part, but we encourage you to take a look at them!\"), mdx(\"p\", null, \"\\uD83D\\uDCFD  \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, mdx(\"a\", {\n    parentName: \"strong\",\n    \"href\": \"https://www.youtube.com/watch?v=k-EID5_2D9U\"\n  }, \"Basic file management system - Pt 1 - Concepts & Extensions\"))), mdx(\"p\", null, \"\\uD83D\\uDCFD  \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, mdx(\"a\", {\n    parentName: \"strong\",\n    \"href\": \"https://www.youtube.com/watch?v=DGd48PGbnBs\"\n  }, \"Basic file management system - Pt 2 - Nesting & Sorting\"))), mdx(\"p\", null, \"The look and feel of what you'll see in these videos might not be exactly the same you'll find in your computer. Don't worry, the idea is the same :)\"), mdx(\"h3\", {\n    \"id\": \"ubuntu\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#ubuntu\",\n    \"aria-label\": \"ubuntu 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  }))), \"Ubuntu\"), mdx(\"p\", null, \"Ubuntu is the operating system (OS) you are going to use in RefugeesCode course. It is widely used in the technical scene and very flexible. Get to know it a little more!\"), mdx(\"p\", null, \"Again, it is not needed you understand everything that here is mentioned, but try to get familiar with its concepts and possibilities.\"), mdx(\"p\", null, \"\\uD83D\\uDCD6  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://thesecmaster.com/introduction-to-ubuntu/\"\n  }, \"An Introduction to Ubuntu\"), \". You can skip installation part if you want ;)\"), mdx(\"p\", null, \"\\uD83D\\uDCD6  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.youtube.com/watch?v=lmeDvSgN6zY\"\n  }, \"How to use Ubuntu\")), mdx(\"h3\", {\n    \"id\": \"terminal\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#terminal\",\n    \"aria-label\": \"terminal 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  }))), \"Terminal\"), mdx(\"p\", null, \"Prepare to get used to this powerful tool because it is one of the most spread among developers and as soon as you start using it you will understand why! With very few commands you will be able to do HUGE things across many operating systems, in your computer or in a remote server.\"), mdx(\"p\", null, \"The following resources will give you a summary of what the terminal is and some commands you can get the most of!\"), mdx(\"p\", null, \"\\uD83D\\uDCD6  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://medium.com/@grace.m.nolan/terminal-for-beginners-e492ba10902a\"\n  }, \"Terminal for beginners\")), mdx(\"p\", null, \"\\uD83D\\uDCD6  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line\"\n  }, \"Command line crash course\")), mdx(\"p\", null, \"Finally, if you want to try it and do not have Linux distribution, you can check an \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.tutorialspoint.com/linux_terminal_online.php\"\n  }, \"online Terminal here\")), mdx(\"h3\", {\n    \"id\": \"visual-studio-code\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#visual-studio-code\",\n    \"aria-label\": \"visual studio code 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  }))), \"Visual Studio Code\"), mdx(\"p\", null, \"Visual Studio Code is a text editor specifically created to be used with programming languages. It is easy to integrate with other tools we will use, as git.\"), mdx(\"p\", null, \"Take a a first look to its appearance and the potential it has:\"), mdx(\"p\", null, \"\\uD83D\\uDCFD  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://code.visualstudio.com/docs/introvideos/basics\"\n  }, \"Getting started with Visual Studio Code\")), mdx(\"p\", null, \"And if you want to dig a bit deeper:\"), mdx(\"p\", null, \"\\uD83D\\uDCFD  \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.youtube.com/watch?v=VqCgcpAypFQ\"\n  }, \"Visual Studio Code tutorial for beginners\")));\n}\n;\nMDXContent.isMDXComponent = true;","headings":[{"depth":3,"value":"Code Of Conduct"},{"depth":3,"value":"How the web works"},{"depth":3,"value":"Front-end developer"},{"depth":3,"value":"Filesystem"},{"depth":3,"value":"Ubuntu"},{"depth":3,"value":"Terminal"},{"depth":3,"value":"Visual Studio Code"}]}},"pageContext":{"slug":"/prework/contents/","prev":{"label":"Introduction","link":"/prework/introduction"},"next":{"label":"Prework test","link":"/prework/prework-test"},"repositoryEditUrl":"https://github.com/rocketseat/gatsby-themes/tree/main/examples/gatsby-theme-docs/src/docs/prework/contents.mdx","repositoryProvider":"GitHub"}},"staticQueryHashes":["1954253342","2328931024","2501019404","973074209"]}