{"componentChunkName":"component---node-modules-rocketseat-gatsby-theme-docs-core-src-templates-docs-query-js","path":"/prework/introduction","result":{"data":{"mdx":{"id":"75b3b60a-ddeb-582b-af92-89c9043ea0a1","excerpt":"Introduction Welcome to  Refugees Code !  From now on we'll try to guide you through the fundamentals of web development with the main and only purpose that…","fields":{"slug":"/prework/introduction/"},"frontmatter":{"title":"Refugees Code Prework","description":"Introduction | 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\": \"Refugees Code Prework\",\n  \"description\": \"Introduction | 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(\"h2\", {\n    \"id\": \"introduction\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#introduction\",\n    \"aria-label\": \"introduction 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  }))), \"Introduction\"), mdx(\"p\", null, \"Welcome to \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://refugeescode.org/\"\n  }, \"Refugees Code\"), \"!  From now on we'll try to guide you through the fundamentals of web development with the main and only purpose that \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"you can land a job in the IT industry\"), \". We'll do our best to help you get a job, but it will also require a lot of work from your side. Bear in mind that we are here to help you, but \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"it depends on your work and motivation\"), \".\"), mdx(\"p\", null, \"With the intention that you don't begin the course with no knowledge at all, we've prepared this\\nshort introduction to the technologies you'll be using throughout the classes. If through the course of these slides, exercises and explanations you don't understand something, \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"PLEASE\"), \" \\uD83D\\uDE4F\\uD83C\\uDFFC ask your teacher or mentor, they will be glad to help you on our \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://refugeescode.slack.com/\"\n  }, \"Slack Channel\"), \".\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"You can find \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"all the teachers and mentors\"), \", together with your classmates at the class channel in Slack, \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"#class-<starting_month>-<starting_year>\"), \" (eg:\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"#class-nov-2022\"), \").\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"If you don't know how to use Slack, here is a short introduction:\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Introduction to Slack\"), \": \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://www.youtube.com/watch?v=m2JuAa6-ors\"\n  }, \"https://www.youtube.com/watch?v=m2JuAa6-ors\")))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"We recommend you \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"downloading the Slack application\"), \" for your laptop OS. Here's how:\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://www.youtube.com/watch?v=Uh7fmnVUWaY\"\n  }, \"Ubuntu\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://www.youtube.com/watch?v=m25ugT3_BNI\"\n  }, \"Windows\"))))), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"We expect you to follow the lessons with care\"), \". Try to be creative doing the work you are assigned to ensure that you fully understand what you just read. We expect you to be curious and a little daring. Nobody will get hurt if you try something to see what happens. You will gain many new insights if you do.\"), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Don't be scared to ask questions\"), \". We encourage you to be creative trying to find answers to problems. We are also here to dispel any doubts you may get stuck with. Get used to the idea of asking questions when you are stumped.\"), mdx(\"p\", null, \"Every module will have a page looking similar to this one:\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"There will be a short \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Introduction\"), \" summarizing the scope of the module.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"It will be followed by a \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Goals\"), \" section listing more precisely the skills and concepts we expect to have covered at the end of it.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"A \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Basic Tools\"), \" section will enumerate the different technologies / applications / tools that will be needed for the success of the module.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Then, there will be \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"some content sections,\"), \" particular to the module you are in. You must read and watch its resources and respond to questions related to what it has been explained.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"To keep you in shape, there will be some \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Exercises\"), \" proposed for you to accomplish, that your teacher will ask you to do.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Finally, there will be a \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Further Reading\"), \" section, where you will find some more advanced contents that can be interesting for you to read, but are not mandatory.\")), mdx(\"p\", null, \"We will ask you to \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"review exercises from time to time with your teacher\"), \". We do this to get a clearer picture of how well you are grasping the basic concepts. Likewise, we want to be able to react quickly to help you if it seems like you are struggling. \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Do not be afraid of showing your work, you\\u2019re not being graded on it\"), \". The more we know about your progress the better.\"), mdx(\"p\", null, \"We also encourage collaboration to a certain extent. Feel free to \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"chat with your fellow classmates and share ideas about how to do things\"), \". In programming there is rarely only a single solution to a problem, so it can be very beneficial to talk about the possible solutions to a problem, such as you will do in a job environment. However, \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"please do the assignments by yourself\"), \" and avoid copying. That way we can know more accurately how well you understand something.\"), mdx(\"p\", null, \"The modules you are going to cover in this course are:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Prework\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Git\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"HTML\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"CSS\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"SASS\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Basic JavaScript\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Midcourse Project\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Advanced JavaScript\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"VueJS\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Final Project\")), mdx(\"p\", null, \"Finally, for the online meeting we will be using \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://meet.jit.si/\"\n  }, \"Jitsi\"), \", an open source platform for meetings.\"), mdx(\"h2\", {\n    \"id\": \"goals\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#goals\",\n    \"aria-label\": \"goals 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  }))), \"Goals\"), mdx(\"p\", null, \"By the end of this prework introduction, you should:\"), mdx(\"ul\", {\n    \"className\": \"contains-task-list\"\n  }, mdx(\"li\", {\n    parentName: \"ul\",\n    \"className\": \"task-list-item\"\n  }, mdx(\"input\", {\n    parentName: \"li\",\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  }), \" \", \" Understand and accept our Code of Conduct\"), mdx(\"li\", {\n    parentName: \"ul\",\n    \"className\": \"task-list-item\"\n  }, mdx(\"input\", {\n    parentName: \"li\",\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  }), \" \", \" Learn basics of how the web works and a bit of its fascinating history\"), mdx(\"li\", {\n    parentName: \"ul\",\n    \"className\": \"task-list-item\"\n  }, mdx(\"input\", {\n    parentName: \"li\",\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  }), \" \", \" Understand what is a front-end developer and what are the responsibilities of the role\"), mdx(\"li\", {\n    parentName: \"ul\",\n    \"className\": \"task-list-item\"\n  }, mdx(\"input\", {\n    parentName: \"li\",\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  }), \" \", \" Assimilate what a filesystem is\"), mdx(\"li\", {\n    parentName: \"ul\",\n    \"className\": \"task-list-item\"\n  }, mdx(\"input\", {\n    parentName: \"li\",\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  }), \" \", \" Get to know your operating system: Ubuntu\"), mdx(\"li\", {\n    parentName: \"ul\",\n    \"className\": \"task-list-item\"\n  }, mdx(\"input\", {\n    parentName: \"li\",\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  }), \" \", \" Learn the basic commands of a Command Line Interface\"), mdx(\"li\", {\n    parentName: \"ul\",\n    \"className\": \"task-list-item\"\n  }, mdx(\"input\", {\n    parentName: \"li\",\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  }), \" \", \" Learn how to use a modern text editor like Visual Studio Code\"), mdx(\"li\", {\n    parentName: \"ul\",\n    \"className\": \"task-list-item\"\n  }, mdx(\"input\", {\n    parentName: \"li\",\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  }), \" \", \" Understand how to work with a version management system as Git\")), mdx(\"p\", null, \"Sound quite challenging, doesn't it? Don't be daunted by it, you'll always have the support of the teachers and the full team of Refugees Code. Let's go!\"), mdx(\"h2\", {\n    \"id\": \"basic-tools\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#basic-tools\",\n    \"aria-label\": \"basic tools 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 tools\"), mdx(\"p\", null, \"To carry out the Prework you won't need anything special, just ensure that you have a modern browser installed. We especially recommend downloading the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.mozilla.org/en-US/firefox/developer/\"\n  }, \"Firefox Developer Edition\"), \" browser. This special edition of the Firefox browser incorporates tools specifically designed for developers, as well as incorporating the latest web standards and experimental features.\"), mdx(\"p\", null, \"Ensure that your computer is using \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Ubuntu\"), \" as an operating system and has installed a text editor as \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, mdx(\"a\", {\n    parentName: \"strong\",\n    \"href\": \"https://code.visualstudio.com/\"\n  }, \"Visual Studio Code\")), \". We will read about them later, but will be part of this course and required in the upcoming modules.\"));\n}\n;\nMDXContent.isMDXComponent = true;","headings":[{"depth":2,"value":"Introduction"},{"depth":2,"value":"Goals"},{"depth":2,"value":"Basic tools"}]}},"pageContext":{"slug":"/prework/introduction/","next":{"label":"Contents","link":"/prework/contents"},"repositoryEditUrl":"https://github.com/rocketseat/gatsby-themes/tree/main/examples/gatsby-theme-docs/src/docs/prework/introduction.mdx","repositoryProvider":"GitHub"}},"staticQueryHashes":["1954253342","2328931024","2501019404","973074209"]}