4. Python modules and the python development environment..ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Python Modules & Development Environments"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Modules"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "This is a message from a module\n"
     ]
    }
   ],
   "source": [
    "import mymodule\n",
    "\n",
    "print(mymodule.string)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "[1, 2, 4, 8, 16, 32, 64, 128]\n"
     ]
    }
   ],
   "source": [
    "print(mymodule.module_list)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Why is lemons yellow?\n",
      "They do not know either...\n",
      "That is why they are bitter\n"
     ]
    }
   ],
   "source": [
    "mymodule.joke()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [],
   "source": [
    "from mymodule import string, module_list, joke # eller * for alle objekter"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'This is a message from a module'"
      ]
     },
     "execution_count": 11,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "string"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[1, 2, 4, 8, 16, 32, 64, 128]"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "module_list"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Why is lemons yellow?\n",
      "They do not know either...\n",
      "That is why they are bitter\n"
     ]
    }
   ],
   "source": [
    "joke()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['In',\n",
       " 'Out',\n",
       " '_',\n",
       " '_11',\n",
       " '_12',\n",
       " '_13',\n",
       " '_3',\n",
       " '__',\n",
       " '___',\n",
       " '__builtin__',\n",
       " '__builtins__',\n",
       " '__doc__',\n",
       " '__loader__',\n",
       " '__name__',\n",
       " '__package__',\n",
       " '__spec__',\n",
       " '_dh',\n",
       " '_i',\n",
       " '_i1',\n",
       " '_i10',\n",
       " '_i11',\n",
       " '_i12',\n",
       " '_i13',\n",
       " '_i14',\n",
       " '_i15',\n",
       " '_i2',\n",
       " '_i3',\n",
       " '_i4',\n",
       " '_i5',\n",
       " '_i6',\n",
       " '_i7',\n",
       " '_i8',\n",
       " '_i9',\n",
       " '_ih',\n",
       " '_ii',\n",
       " '_iii',\n",
       " '_oh',\n",
       " 'exit',\n",
       " 'get_ipython',\n",
       " 'joke',\n",
       " 'module_list',\n",
       " 'mymodule',\n",
       " 'quit',\n",
       " 'string',\n",
       " 'sys']"
      ]
     },
     "execution_count": 15,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "dir()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['__builtins__',\n",
       " '__cached__',\n",
       " '__doc__',\n",
       " '__file__',\n",
       " '__loader__',\n",
       " '__name__',\n",
       " '__package__',\n",
       " '__spec__',\n",
       " 'joke',\n",
       " 'module_list',\n",
       " 'string']"
      ]
     },
     "execution_count": 16,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "dir(mymodule)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "##### Request & beautifulsoup"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "200"
      ]
     },
     "execution_count": 18,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import requests\n",
    "\n",
    "page = requests.get('https://keamike.github.io/')\n",
    "\n",
    "page.status_code\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 21,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<!DOCTYPE html>\n",
      "<html dir=\"ltr\" lang=\"en\">\n",
      " <head>\n",
      "  <meta charset=\"utf-8\"/>\n",
      "  <title>\n",
      "   Mike Eggertsen\n",
      "  </title>\n",
      "  <link href=\"/css/frontpage.css\" rel=\"stylesheet\"/>\n",
      "  <link href=\"https://fonts.googleapis.com/css?family=Poppins&amp;display=swap\" rel=\"stylesheet\"/>\n",
      "  <link href=\"https://fonts.googleapis.com/css?family=Nixie+One&amp;display=swap\" rel=\"stylesheet\"/>\n",
      "  <link href=\"https://fonts.googleapis.com/css?family=Raleway&amp;display=swap\" rel=\"stylesheet\"/>\n",
      "  <meta content=\"width=device-width, initial-scale=1, minimum-scale=1\" name=\"viewport\"/>\n",
      "  <script crossorigin=\"anonymous\" src=\"https://kit.fontawesome.com/e0364b5885.js\">\n",
      "  </script>\n",
      "  <script crossorigin=\"anonymous\" integrity=\"sha256-BTlTdQO9/fascB1drekrDVkaKd9PkwBymMlHOiG+qLI=\" src=\"https://code.jquery.com/jquery-3.4.1.slim.js\">\n",
      "  </script>\n",
      " </head>\n",
      " <body>\n",
      "  <div class=\"frontpage section\">\n",
      "   <nav class=\"navbar\">\n",
      "    <div class=\"logo\">\n",
      "     <h4 id=\"first\">\n",
      "      Mike\n",
      "      <span id=\"last\">\n",
      "       Eggertsen\n",
      "      </span>\n",
      "     </h4>\n",
      "    </div>\n",
      "    <ul class=\"nav-links\">\n",
      "     <li>\n",
      "      <a class=\"home\" href=\"#\">\n",
      "       Forside\n",
      "      </a>\n",
      "     </li>\n",
      "     <li>\n",
      "      <a class=\"about\" href=\"#\">\n",
      "       Om mig\n",
      "      </a>\n",
      "     </li>\n",
      "     <li>\n",
      "      <a class=\"skills\" href=\"#\">\n",
      "       Kompetencer\n",
      "      </a>\n",
      "     </li>\n",
      "     <li>\n",
      "      <a class=\"projects\" href=\"#\">\n",
      "       Projekter\n",
      "      </a>\n",
      "     </li>\n",
      "     <li>\n",
      "      <a class=\"contact\" href=\"#\">\n",
      "       Kontakt\n",
      "      </a>\n",
      "     </li>\n",
      "    </ul>\n",
      "    <div class=\"burger\">\n",
      "     <div class=\"lineone\">\n",
      "     </div>\n",
      "     <div class=\"linetwo\">\n",
      "     </div>\n",
      "     <div class=\"linethree\">\n",
      "     </div>\n",
      "    </div>\n",
      "   </nav>\n",
      "   <nav class=\"dot-nav\">\n",
      "    <ul>\n",
      "     <a class=\"home\" href=\"#\">\n",
      "      <li class=\"links active\">\n",
      "      </li>\n",
      "     </a>\n",
      "     <a class=\"about\" href=\"#\">\n",
      "      <li class=\"links\">\n",
      "      </li>\n",
      "     </a>\n",
      "     <a class=\"skills\" href=\"#\">\n",
      "      <li class=\"links\">\n",
      "      </li>\n",
      "     </a>\n",
      "     <a class=\"projects\" href=\"#\">\n",
      "      <li class=\"links\">\n",
      "      </li>\n",
      "     </a>\n",
      "     <a class=\"contact\" href=\"#\">\n",
      "      <li class=\"links\">\n",
      "      </li>\n",
      "     </a>\n",
      "    </ul>\n",
      "   </nav>\n",
      "   <div class=\"center-box\">\n",
      "    <p class=\"title\">\n",
      "     Backend udvikler\n",
      "     <span class=\"typewriter\" data-wait=\"3000\" data-words='[\"som er proaktiv\", \"der tænker anderledes\", \"med høje ambitioner\", \"med frontend erfaring\", \"der er udadvendt\"]'>\n",
      "     </span>\n",
      "    </p>\n",
      "   </div>\n",
      "   <div class=\"place\">\n",
      "    <p>\n",
      "     <i class=\"fas fa-map-marker-alt\">\n",
      "     </i>\n",
      "     Vanløse, København\n",
      "    </p>\n",
      "   </div>\n",
      "   <div class=\"social-bar\">\n",
      "    <ul>\n",
      "     <li class=\"social\">\n",
      "      <a href=\"https://www.linkedin.com/in/mikeeggertsen\" target=\"_blank\">\n",
      "       <div>\n",
      "        <i class=\"fab fa-linkedin\" id=\"linkedin\">\n",
      "        </i>\n",
      "       </div>\n",
      "       <div class=\"social-text\">\n",
      "        LinkedIn\n",
      "       </div>\n",
      "      </a>\n",
      "     </li>\n",
      "     <li class=\"social\">\n",
      "      <a href=\"https://www.github.com/keaMike\" target=\"_blank\">\n",
      "       <div>\n",
      "        <i class=\"fab fa-github\" id=\"github\">\n",
      "        </i>\n",
      "       </div>\n",
      "       <div class=\"social-text\">\n",
      "        GitHub\n",
      "       </div>\n",
      "      </a>\n",
      "     </li>\n",
      "     <li class=\"social\">\n",
      "      <a href=\"mailto: m.eggertsen@hotmail.com\">\n",
      "       <div>\n",
      "        <i class=\"fas fa-at\" id=\"mail\">\n",
      "        </i>\n",
      "       </div>\n",
      "       <div class=\"social-text\">\n",
      "        Email\n",
      "       </div>\n",
      "      </a>\n",
      "     </li>\n",
      "     <li class=\"social\">\n",
      "      <a href=\"/resume/MikeHagenEggertsenCV.pdf\">\n",
      "       <div>\n",
      "        <i class=\"fas fa-address-card\" id=\"cv\">\n",
      "        </i>\n",
      "       </div>\n",
      "       <div class=\"social-text\">\n",
      "        CV\n",
      "       </div>\n",
      "      </a>\n",
      "     </li>\n",
      "    </ul>\n",
      "   </div>\n",
      "  </div>\n",
      "  <div class=\"icon-bar\">\n",
      "   <ul>\n",
      "    <li class=\"icons\">\n",
      "     <img src=\"/img/github.svg\"/>\n",
      "    </li>\n",
      "    <li class=\"icons\">\n",
      "     <img src=\"/img/git.svg\"/>\n",
      "    </li>\n",
      "    <li class=\"icons\">\n",
      "     <img src=\"/img/html5.svg\"/>\n",
      "    </li>\n",
      "    <li class=\"icons\">\n",
      "     <img src=\"/img/css3.svg\"/>\n",
      "    </li>\n",
      "    <li class=\"icons\">\n",
      "     <img src=\"/img/java.svg\"/>\n",
      "    </li>\n",
      "    <li class=\"icons\">\n",
      "     <img src=\"/img/mysql.png\"/>\n",
      "    </li>\n",
      "    <li class=\"icons\">\n",
      "     <img src=\"/img/spring.svg\"/>\n",
      "    </li>\n",
      "   </ul>\n",
      "  </div>\n",
      "  <div class=\"about-me section\" id=\"aboutme\">\n",
      "   <h1 class=\"about-title\">\n",
      "    Om mig\n",
      "   </h1>\n",
      "  </div>\n",
      " </body>\n",
      "</html>\n",
      "<div class=\"col-left\">\n",
      " <div class=\"about-img\">\n",
      " </div>\n",
      " <div class=\"interests\">\n",
      "  <div class=\"shape-one\">\n",
      "   <div class=\"square\">\n",
      "    <i class=\"far fa-lightbulb\">\n",
      "    </i>\n",
      "   </div>\n",
      "  </div>\n",
      "  <div class=\"shape-two\">\n",
      "   <div class=\"square\">\n",
      "    <i class=\"fas fa-dumbbell\">\n",
      "    </i>\n",
      "   </div>\n",
      "  </div>\n",
      "  <div class=\"shape-three\">\n",
      "   <div class=\"square\">\n",
      "    <i class=\"fas fa-graduation-cap\">\n",
      "    </i>\n",
      "   </div>\n",
      "  </div>\n",
      " </div>\n",
      " <div class=\"icon-text\">\n",
      "  <div class=\"interest-one-text\">\n",
      "   Lige siden jeg startede på innovation linjen i gymnasiet, har jeg haft lysten til at udvikle kreative\n",
      "            løsninger,\n",
      "            som andre ville kunne drage nytte af. Målet er at udvikle noget der påvirker og gavne flere millioner af\n",
      "            mennesker\n",
      "            (Måske en dag, milliarder).\n",
      "  </div>\n",
      "  <div class=\"interest-two-text\">\n",
      "   Udover min passion for programmering, så har jeg også en passion for fitness træning.\n",
      "            Begge hobbyer udfordrer mig og tvinger mig til forbedre mig, hvis jeg gerne vil udmærke mig.\n",
      "  </div>\n",
      "  <div class=\"interest-three-text\">\n",
      "   Kandidat grad er et ønske af min, fordi jeg gerne vil være mønsterbryderen i familien,\n",
      "            da jeg både føler jeg gør min familie stolt, men også fordi jeg vil bevise noget over for mig selv.\n",
      "  </div>\n",
      " </div>\n",
      "</div>\n",
      "<div class=\"col-right\">\n",
      " <h4>\n",
      "  Ambitiøs datamatiker studerende\n",
      " </h4>\n",
      " <p>\n",
      "  Først og fremmest vil jeg takke dig for din interesse og at du er mere end velkommen til at kontakte mig på\n",
      "          diverse sociale medier eller mail.\n",
      "          Hej, mit navn er Mike jeg er 22 år gammel og jeg læser til datamatiker på KEA. Jeg er en energisk og proaktiv\n",
      "          person der elsker at tilegne\n",
      "          sig ny viden og bruger det til at\n",
      "  <span class=\"interest-one\">\n",
      "   udvikle kreative løsninger\n",
      "  </span>\n",
      "  .\n",
      "          Jeg har læst på Niels Brock innovation linje, hvor jeg fik smag for at være innovativ, samt lærte en masse om\n",
      "          at drive virksomhed,\n",
      "          som at kunne dække eller skabe et behov, forretningsudvikling og markedsføring. Det er blandt andet derfor\n",
      "          programming tiltaler mig,\n",
      "          da det giver mig muligheden for at være kreativ, samt muligheden for at drive forretning, hvor jeg kan arbejde\n",
      "          både med IT og iværksætteri.\n",
      " </p>\n",
      " <br/>\n",
      " <p>\n",
      "  Når det kommer til min fritid holder jeg meget af at være social og at være nysgerrig. Her bruger jeg enten\n",
      "          tiden\n",
      "          sammen med mine venner eller familie, hvor jeg kan slappe af og skabe overblik over de ting jeg skal nå. Min\n",
      "          nysgerrighed\n",
      "          er med til at jeg lærer nye områder inden for teknologi, hvor jeg kan finde på at tilmelde mig webinarer eller\n",
      "          læse artikler.\n",
      "          Jeg holder også af at\n",
      "  <span class=\"interest-two\">\n",
      "   træne\n",
      "  </span>\n",
      "  , hvor jeg bruger 4-5 dage i fitness centeret, da\n",
      "          jeg føler\n",
      "          det hjælper på mit energi niveau og motiverer mig til at tage imod flere udfordringer. Derudover bruger jeg\n",
      "          det meste af min tid på at udvikle små projekter som hjælper mig til at blive en bedre programmør.\n",
      "          Hvis jeg kort skal fortælle om en af mine drømme, så er det at modtage en\n",
      "  <span class=\"interest-three\">\n",
      "   kandidat grad\n",
      "  </span>\n",
      "  med speciale inden for Softwareudvikling &amp; Økonomi.\n",
      "          Grunden til dette, er at jeg en dag ønsker at opstarte min egen Software virksomhed, hvor jeg forhåbentlig vil\n",
      "          kunne hjælpe en masse virksomheder eller private personer.\n",
      "          Derudover er en af mine drømme også at have arbejdet nogle år i udlandet forinden,\n",
      "          hvor jeg vil kunne lære om andre kulturer, udvikle mig personligt og skabe et internationalt netværk.\n",
      " </p>\n",
      " <br/>\n",
      " <a class=\"about-button contact\" href=\"#\">\n",
      "  Kontakt mig\n",
      " </a>\n",
      "</div>\n",
      "<div class=\"skills-section section\">\n",
      " <h1 class=\"skills-title\">\n",
      "  Kompetencer\n",
      " </h1>\n",
      " <div class=\"box\">\n",
      "  <div class=\"content\">\n",
      "   <div class=\"column\">\n",
      "    <div class=\"column-icon\">\n",
      "     <i class=\"fas fa-user-circle\">\n",
      "     </i>\n",
      "    </div>\n",
      "    <div class=\"column-title\">\n",
      "     <h4>\n",
      "      Personlige\n",
      "     </h4>\n",
      "    </div>\n",
      "    <div class=\"skills-bullets\">\n",
      "     <ul>\n",
      "      <li>\n",
      "       Proaktiv\n",
      "      </li>\n",
      "      <li>\n",
      "       Kreativ\n",
      "      </li>\n",
      "      <li>\n",
      "       Imødekommende\n",
      "      </li>\n",
      "      <li>\n",
      "       Ambitiøs\n",
      "      </li>\n",
      "      <li>\n",
      "       Teamplayer\n",
      "      </li>\n",
      "      <li>\n",
      "       Detaljeorienteret\n",
      "      </li>\n",
      "      <li>\n",
      "       Udadvendt\n",
      "      </li>\n",
      "     </ul>\n",
      "    </div>\n",
      "   </div>\n",
      "   <div class=\"column\">\n",
      "    <div class=\"column-icon\">\n",
      "     <i class=\"fas fa-code\">\n",
      "     </i>\n",
      "    </div>\n",
      "    <div class=\"column-title\">\n",
      "     <h4>\n",
      "      Udvikling\n",
      "     </h4>\n",
      "    </div>\n",
      "    <div class=\"skills-bullets\">\n",
      "     <ul>\n",
      "      <li>\n",
      "       Java\n",
      "      </li>\n",
      "      <li>\n",
      "       C#/.NET\n",
      "      </li>\n",
      "      <li>\n",
      "       JavaScript\n",
      "      </li>\n",
      "      <li>\n",
      "       Python\n",
      "      </li>\n",
      "      <li>\n",
      "       SQL\n",
      "      </li>\n",
      "      <li>\n",
      "       noSQL\n",
      "      </li>\n",
      "     </ul>\n",
      "    </div>\n",
      "   </div>\n",
      "   <div class=\"column\">\n",
      "    <div class=\"column-icon\">\n",
      "     <i class=\"fas fa-toolbox\">\n",
      "     </i>\n",
      "    </div>\n",
      "    <div class=\"column-title\">\n",
      "     <h4>\n",
      "      Værktøjer/Frameworks\n",
      "     </h4>\n",
      "    </div>\n",
      "    <div class=\"skills-bullets\">\n",
      "     <ul>\n",
      "      <li>\n",
      "       Spring Boot\n",
      "      </li>\n",
      "      <li>\n",
      "       NodeJS\n",
      "      </li>\n",
      "      <li>\n",
      "       React\n",
      "      </li>\n",
      "      <li>\n",
      "       Bootstrap\n",
      "      </li>\n",
      "      <li>\n",
      "       jQuery\n",
      "      </li>\n",
      "      <li>\n",
      "       Docker\n",
      "      </li>\n",
      "      <li>\n",
      "       AWS\n",
      "      </li>\n",
      "      <li>\n",
      "       Git\n",
      "      </li>\n",
      "     </ul>\n",
      "    </div>\n",
      "   </div>\n",
      "  </div>\n",
      " </div>\n",
      " <div class=\"mini-box\">\n",
      "  <div class=\"mini-box-container\">\n",
      "   <div class=\"column\">\n",
      "    <div class=\"column-icon\">\n",
      "     <i class=\"fas fa-user-circle\">\n",
      "     </i>\n",
      "    </div>\n",
      "    <div class=\"column-title\">\n",
      "     <h4>\n",
      "      Personlige\n",
      "     </h4>\n",
      "    </div>\n",
      "    <div class=\"skills-bullets\">\n",
      "     <ul>\n",
      "      <li>\n",
      "       Proaktiv\n",
      "      </li>\n",
      "      <li>\n",
      "       Kreativ\n",
      "      </li>\n",
      "      <li>\n",
      "       Imødekommende\n",
      "      </li>\n",
      "      <li>\n",
      "       Ambitiøs\n",
      "      </li>\n",
      "      <li>\n",
      "       Teamplayer\n",
      "      </li>\n",
      "      <li>\n",
      "       Detaljeorienteret\n",
      "      </li>\n",
      "      <li>\n",
      "       Udadvendt\n",
      "      </li>\n",
      "     </ul>\n",
      "    </div>\n",
      "   </div>\n",
      "   <div class=\"column\">\n",
      "    <div class=\"column-icon\">\n",
      "     <i class=\"fas fa-code\">\n",
      "     </i>\n",
      "    </div>\n",
      "    <div class=\"column-title\">\n",
      "     <h4>\n",
      "      Udvikling\n",
      "     </h4>\n",
      "    </div>\n",
      "    <div class=\"skills-bullets\">\n",
      "     <ul>\n",
      "      <li>\n",
      "       Java\n",
      "      </li>\n",
      "      <li>\n",
      "       C#/.NET\n",
      "      </li>\n",
      "      <li>\n",
      "       JavaScript\n",
      "      </li>\n",
      "      <li>\n",
      "       Python\n",
      "      </li>\n",
      "      <li>\n",
      "       SQL\n",
      "      </li>\n",
      "      <li>\n",
      "       noSQL\n",
      "      </li>\n",
      "     </ul>\n",
      "    </div>\n",
      "   </div>\n",
      "   <div class=\"column\">\n",
      "    <div class=\"column-icon\">\n",
      "     <i class=\"fas fa-toolbox\">\n",
      "     </i>\n",
      "    </div>\n",
      "    <div class=\"column-title\">\n",
      "     <h4>\n",
      "      Værktøjer/Frameworks\n",
      "     </h4>\n",
      "    </div>\n",
      "    <div class=\"skills-bullets\">\n",
      "     <ul>\n",
      "      <li>\n",
      "       Spring Boot\n",
      "      </li>\n",
      "      <li>\n",
      "       NodeJS\n",
      "      </li>\n",
      "      <li>\n",
      "       React\n",
      "      </li>\n",
      "      <li>\n",
      "       Bootstrap\n",
      "      </li>\n",
      "      <li>\n",
      "       jQuery\n",
      "      </li>\n",
      "      <li>\n",
      "       Docker\n",
      "      </li>\n",
      "      <li>\n",
      "       AWS\n",
      "      </li>\n",
      "      <li>\n",
      "       Git\n",
      "      </li>\n",
      "     </ul>\n",
      "    </div>\n",
      "   </div>\n",
      "  </div>\n",
      " </div>\n",
      "</div>\n",
      "<div class=\"my-projects section\" id=\"projects\">\n",
      " <h1 class=\"project-title\">\n",
      "  Mine projekter\n",
      " </h1>\n",
      " <ul class=\"project-list\">\n",
      "  <li class=\"list-item\">\n",
      "   <div class=\"project\">\n",
      "    <!-- Trigger the Modal -->\n",
      "    <img class=\"gif\" id=\"booking\" src=\"/gif/FirstYearProject.gif\"/>\n",
      "    <div class=\"booking\">\n",
      "     <h4 class=\"project-name\">\n",
      "      Booking system &amp; kunde database\n",
      "     </h4>\n",
      "     <div class=\"project-text\">\n",
      "      <p>\n",
      "       Dette var min studiegruppes førsteårsprojekt, hvor min gruppe og jeg fik til opgave, at finde en\n",
      "                virksomhed, hvor vi kunne udarbejde en\n",
      "                webapplikation. Vi fandt virksomheden Salon-Tina, en lokal frisør i Hvidovre, som gerne vil have\n",
      "                udviklet et booking-system.\n",
      "                Vi fik konstrueret en anvendelig webapplikation på en cloud server, dog\n",
      "                var der visse problematikker med bookingen, som desværre gjorde at den ikke anvendes professionelt af\n",
      "                vores klient. Men vi fik\n",
      "                en masse lærrigt ud af det og er sikker på at den ville kunne blive anvendt, hvis vi dog havde mere til\n",
      "                videreudvikling.\n",
      "      </p>\n",
      "     </div>\n",
      "     <div class=\"project-bullet-points\">\n",
      "      <ul>\n",
      "       <li>\n",
      "        Udviklet i Java\n",
      "       </li>\n",
      "       <li>\n",
      "        Spring boot som framework\n",
      "       </li>\n",
      "       <li>\n",
      "        AWS\n",
      "       </li>\n",
      "       <li>\n",
      "        Google Maps &amp; Twillio API\n",
      "       </li>\n",
      "       <li>\n",
      "        Javascript\n",
      "       </li>\n",
      "       <li>\n",
      "        Anvendt HTML5, CSS3\n",
      "       </li>\n",
      "       <li>\n",
      "        Bootstrap\n",
      "       </li>\n",
      "       <li>\n",
      "        MySql\n",
      "       </li>\n",
      "       <li>\n",
      "        Relational databaser\n",
      "       </li>\n",
      "       <li>\n",
      "        Konto oprettelse\n",
      "       </li>\n",
      "       <li>\n",
      "        Password Hashing\n",
      "       </li>\n",
      "       <li>\n",
      "        Login validation\n",
      "       </li>\n",
      "       <li>\n",
      "        Booking\n",
      "       </li>\n",
      "      </ul>\n",
      "     </div>\n",
      "     <div class=\"demoview\">\n",
      "      <div class=\"project-demo\">\n",
      "       <a href=\"#\">\n",
      "        Demo\n",
      "       </a>\n",
      "      </div>\n",
      "      <div class=\"project-viewsource\">\n",
      "       <a href=\"https://github.com/lucaryholt/firstyearproject\" target=\"_blank\">\n",
      "        <i class=\"fas fa-code\">\n",
      "        </i>\n",
      "        Se\n",
      "                  source\n",
      "       </a>\n",
      "      </div>\n",
      "     </div>\n",
      "    </div>\n",
      "   </div>\n",
      "  </li>\n",
      "  <li class=\"list-item\">\n",
      "   <div class=\"project\">\n",
      "    <!-- Trigger the Modal -->\n",
      "    <img class=\"gif\" id=\"todo\" src=\"/gif/ToDoProject.gif\"/>\n",
      "    <div class=\"todo\">\n",
      "     <h4 class=\"project-name\">\n",
      "      To Do Webapp\n",
      "     </h4>\n",
      "     <div class=\"project-text\">\n",
      "      <p>\n",
      "       Dette er et projekt jeg stadig arbejde på med hensigt på at kunne deploy det til brug af andre brugere.\n",
      "                Jeg synes det\n",
      "                var en fed ide at have sin egen To Do applikation, som jeg kunne udvikle i forhold til de behov jeg har\n",
      "                og føler der mangler i andre\n",
      "                ligende produkter. Jeg har fået det basale på plads, dog skal der udarbejdes en masse features, som jeg\n",
      "                spændt på at få implementeret.\n",
      "      </p>\n",
      "     </div>\n",
      "     <div class=\"project-bullet-points\">\n",
      "      <ul>\n",
      "       <li>\n",
      "        Udviklet i Java\n",
      "       </li>\n",
      "       <li>\n",
      "        Spring boot som framework\n",
      "       </li>\n",
      "       <li>\n",
      "        Javascript\n",
      "       </li>\n",
      "       <li>\n",
      "        Anvendt HTML5 &amp; CSS3\n",
      "       </li>\n",
      "       <li>\n",
      "        Bootstrap\n",
      "       </li>\n",
      "       <li>\n",
      "        MySql\n",
      "       </li>\n",
      "       <li>\n",
      "        Relational databaser\n",
      "       </li>\n",
      "       <li>\n",
      "        Konto oprettelse\n",
      "       </li>\n",
      "       <li>\n",
      "        Password Hashing\n",
      "       </li>\n",
      "       <li>\n",
      "        Login validation\n",
      "       </li>\n",
      "      </ul>\n",
      "     </div>\n",
      "     <div class=\"demoview\">\n",
      "      <div class=\"project-demo\">\n",
      "       <a href=\"#\">\n",
      "        Demo\n",
      "       </a>\n",
      "      </div>\n",
      "      <div class=\"project-viewsource\">\n",
      "       <a href=\"https://github.com/keaMike/ToDo-Webapp\" target=\"_blank\">\n",
      "        <i class=\"fas fa-code\">\n",
      "        </i>\n",
      "        Se\n",
      "                  source\n",
      "       </a>\n",
      "      </div>\n",
      "     </div>\n",
      "    </div>\n",
      "   </div>\n",
      "  </li>\n",
      "  <li class=\"list-item\">\n",
      "   <div class=\"project\">\n",
      "    <!-- Trigger the Modal -->\n",
      "    <img class=\"gif\" id=\"blog\" src=\"/gif/BlogProject.gif\"/>\n",
      "    <div class=\"blog\">\n",
      "     <h4 class=\"project-name\">\n",
      "      Blog Webapp\n",
      "     </h4>\n",
      "     <div class=\"project-text\">\n",
      "      <p>\n",
      "       Dette er et projekt jeg udviklede efter min introduktion til databaser, hvor jeg prøvede at\n",
      "                implementere\n",
      "                løbende fik implementeret flere og flere funktioner, dog er der en del der kan gøres bedre og redundant\n",
      "                kode\n",
      "                der kan forbedres. Men det var et lærigt projekt, da det var det første hvor jeg anvendte databaser.\n",
      "      </p>\n",
      "     </div>\n",
      "     <div class=\"project-bullet-points\">\n",
      "      <ul>\n",
      "       <li>\n",
      "        Udviklet i Java\n",
      "       </li>\n",
      "       <li>\n",
      "        Spring boot som framework\n",
      "       </li>\n",
      "       <li>\n",
      "        Anvendt HTML5 &amp; CSS3\n",
      "       </li>\n",
      "       <li>\n",
      "        MySql\n",
      "       </li>\n",
      "       <li>\n",
      "        Relational databaser\n",
      "       </li>\n",
      "       <li>\n",
      "        Konto oprettelse\n",
      "       </li>\n",
      "       <li>\n",
      "        Password Hashing\n",
      "       </li>\n",
      "       <li>\n",
      "        Login validation\n",
      "       </li>\n",
      "       <li>\n",
      "        Chat System\n",
      "       </li>\n",
      "      </ul>\n",
      "     </div>\n",
      "     <div class=\"demoview\">\n",
      "      <div class=\"project-demo\">\n",
      "       <a href=\"#\">\n",
      "        Demo\n",
      "       </a>\n",
      "      </div>\n",
      "      <div class=\"project-viewsource\">\n",
      "       <a href=\"https://github.com/keaMike/BlogProject\" target=\"_blank\">\n",
      "        <i class=\"fas fa-code\">\n",
      "        </i>\n",
      "        Se\n",
      "                  source\n",
      "       </a>\n",
      "      </div>\n",
      "     </div>\n",
      "    </div>\n",
      "   </div>\n",
      "  </li>\n",
      "  <li class=\"list-item\">\n",
      "   <div class=\"project\">\n",
      "    <!-- Trigger the Modal -->\n",
      "    <img class=\"gif\" id=\"movie\" src=\"/gif/MovieProject.gif\"/>\n",
      "    <div class=\"movie\">\n",
      "     <h4 class=\"project-name\">\n",
      "      Film database\n",
      "     </h4>\n",
      "     <div class=\"project-text\">\n",
      "      <p>\n",
      "       Dette var et andet projekt jeg lavede under mit introduktions forløb til databaser, hvor jeg udviklede\n",
      "                en \"IMDB\" Webapplikation,\n",
      "                hvor man kan søge på film, samt oprette sig en konto, logge ind og vurdere de individuelle film. Dette\n",
      "                er også et projekt\n",
      "                jeg ser mig selv videreudvikle på, da det kunne være fedt at implementere en film API, så jeg ikke selv\n",
      "                skal oprette filmene.\n",
      "      </p>\n",
      "     </div>\n",
      "     <div class=\"project-bullet-points\">\n",
      "      <ol>\n",
      "       <li>\n",
      "        Udviklet i Java\n",
      "       </li>\n",
      "       <li>\n",
      "        Spring boot som framework\n",
      "       </li>\n",
      "       <li>\n",
      "        Anvendt HTML5 &amp; CSS3\n",
      "       </li>\n",
      "       <li>\n",
      "        Bootstrap\n",
      "       </li>\n",
      "       <li>\n",
      "        MySql\n",
      "       </li>\n",
      "       <li>\n",
      "        Relational databaser\n",
      "       </li>\n",
      "       <li>\n",
      "        Konto oprettelse\n",
      "       </li>\n",
      "       <li>\n",
      "        Password Hashing\n",
      "       </li>\n",
      "       <li>\n",
      "        Login validation\n",
      "       </li>\n",
      "      </ol>\n",
      "     </div>\n",
      "     <div class=\"demoview\">\n",
      "      <div class=\"project-demo\">\n",
      "       <a href=\"#\">\n",
      "        Demo\n",
      "       </a>\n",
      "      </div>\n",
      "      <div class=\"project-viewsource\">\n",
      "       <a href=\"https://github.com/keaMike/MovieWepApp\" target=\"_blank\">\n",
      "        <i class=\"fas fa-code\">\n",
      "        </i>\n",
      "        Se\n",
      "                  source\n",
      "       </a>\n",
      "      </div>\n",
      "     </div>\n",
      "    </div>\n",
      "   </div>\n",
      "  </li>\n",
      " </ul>\n",
      " <!-- The Modal -->\n",
      " <div class=\"modal\" id=\"modal\">\n",
      "  <!-- The Close Button -->\n",
      "  <span class=\"close\">\n",
      "   ×\n",
      "  </span>\n",
      "  <div class=\"carousel-container\">\n",
      "   <i class=\"fas fa-chevron-right\" id=\"next\">\n",
      "   </i>\n",
      "   <i class=\"fas fa-chevron-left\" id=\"prev\">\n",
      "   </i>\n",
      "   <div class=\"carousel-slide\">\n",
      "    <!-- Modal Content (The Image) -->\n",
      "    <img class=\"modal-content item\" id=\"modal-gif\"/>\n",
      "    <!-- Modal Body (Text)-->\n",
      "    <div class=\"modal-body item\" id=\"modal-body\">\n",
      "    </div>\n",
      "   </div>\n",
      "  </div>\n",
      " </div>\n",
      "</div>\n",
      "<div class=\"contact-section section\">\n",
      " <h1 class=\"contact-title\">\n",
      "  Kontakt mig\n",
      " </h1>\n",
      " <div class=\"contact-container\">\n",
      "  Tusinde tak for din interesse, jeg håber du har fået et bedre indblik i hvem jeg er og mine evner. De er\n",
      "      selvfølgelig\n",
      "      mere en velkommen til forbinde med mig på LinkedIn eller kontakte mig på andre sociale medier eller e-mail.\n",
      "  <br/>\n",
      "  Bedste Hilsner Mike.\n",
      " </div>\n",
      " <br/>\n",
      " <div class=\"footer\">\n",
      "  <div class=\"footer-container\">\n",
      "   <ul>\n",
      "    <li class=\"social\">\n",
      "     <a href=\"https://www.facebook.com/mike.h.eggertsen\">\n",
      "      <div>\n",
      "       <i class=\"fab fa-facebook-square\">\n",
      "       </i>\n",
      "      </div>\n",
      "     </a>\n",
      "    </li>\n",
      "    <li>\n",
      "     <a href=\"https://www.linkedin.com/in/mikeeggertsen\" target=\"_blank\">\n",
      "      <div>\n",
      "       <i class=\"fab fa-linkedin\" id=\"linkedin\">\n",
      "       </i>\n",
      "      </div>\n",
      "     </a>\n",
      "    </li>\n",
      "    <li class=\"social\">\n",
      "     <a href=\"https://www.github.com/keaMike\" target=\"_blank\">\n",
      "      <div>\n",
      "       <i class=\"fab fa-github\" id=\"github\">\n",
      "       </i>\n",
      "      </div>\n",
      "     </a>\n",
      "    </li>\n",
      "    <li class=\"social\">\n",
      "     <a href=\"mailto: m.eggertsen@hotmail.com\">\n",
      "      <div>\n",
      "       <i class=\"fas fa-at\" id=\"mail\">\n",
      "       </i>\n",
      "      </div>\n",
      "     </a>\n",
      "    </li>\n",
      "   </ul>\n",
      "   <div class=\"footer-copyright\">\n",
      "    <p>\n",
      "     Mike Eggertsen\n",
      "     <i class=\"far fa-copyright\">\n",
      "     </i>\n",
      "     <span id=\"year\">\n",
      "     </span>\n",
      "    </p>\n",
      "   </div>\n",
      "  </div>\n",
      " </div>\n",
      "</div>\n",
      "<script src=\"/js/nav.js\" type=\"text/javascript\">\n",
      "</script>\n",
      "<script src=\"/js/typewriter.js\" type=\"text/javascript\">\n",
      "</script>\n",
      "<script src=\"/js/interests.js\" type=\"text/javascript\">\n",
      "</script>\n",
      "<script src=\"/js/gif.js\" type=\"text/javascript\">\n",
      "</script>\n",
      "<script src=\"/js/carousel.js\" type=\"text/javascript\">\n",
      "</script>\n",
      "<script src=\"/js/year.js\" type=\"text/javascript\">\n",
      "</script>\n",
      "\n"
     ]
    }
   ],
   "source": [
    "from bs4 import BeautifulSoup\n",
    "\n",
    "soup = BeautifulSoup(page.content, 'html.parser')\n",
    "\n",
    "print(soup.prettify())"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 22,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['ConnectTimeout',\n",
       " 'ConnectionError',\n",
       " 'DependencyWarning',\n",
       " 'FileModeWarning',\n",
       " 'HTTPError',\n",
       " 'NullHandler',\n",
       " 'PreparedRequest',\n",
       " 'ReadTimeout',\n",
       " 'Request',\n",
       " 'RequestException',\n",
       " 'RequestsDependencyWarning',\n",
       " 'Response',\n",
       " 'Session',\n",
       " 'Timeout',\n",
       " 'TooManyRedirects',\n",
       " 'URLRequired',\n",
       " '__author__',\n",
       " '__author_email__',\n",
       " '__build__',\n",
       " '__builtins__',\n",
       " '__cached__',\n",
       " '__cake__',\n",
       " '__copyright__',\n",
       " '__description__',\n",
       " '__doc__',\n",
       " '__file__',\n",
       " '__license__',\n",
       " '__loader__',\n",
       " '__name__',\n",
       " '__package__',\n",
       " '__path__',\n",
       " '__spec__',\n",
       " '__title__',\n",
       " '__url__',\n",
       " '__version__',\n",
       " '_check_cryptography',\n",
       " '_internal_utils',\n",
       " 'adapters',\n",
       " 'api',\n",
       " 'auth',\n",
       " 'certs',\n",
       " 'chardet',\n",
       " 'check_compatibility',\n",
       " 'codes',\n",
       " 'compat',\n",
       " 'cookies',\n",
       " 'delete',\n",
       " 'exceptions',\n",
       " 'get',\n",
       " 'head',\n",
       " 'hooks',\n",
       " 'logging',\n",
       " 'models',\n",
       " 'options',\n",
       " 'packages',\n",
       " 'patch',\n",
       " 'post',\n",
       " 'put',\n",
       " 'request',\n",
       " 'session',\n",
       " 'sessions',\n",
       " 'ssl',\n",
       " 'status_codes',\n",
       " 'structures',\n",
       " 'urllib3',\n",
       " 'utils',\n",
       " 'warnings']"
      ]
     },
     "execution_count": 22,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "dir(requests)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Development Environments"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#### REPL\n",
    "Read, Evaluate, Print, Loop\n",
    "\n",
    "![REPL](images/REPL.jpg)\n",
    "\n",
    "#### Jupyter\n",
    "- REPL\n",
    "- IPython Kernel"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 23,
   "metadata": {},
   "outputs": [],
   "source": [
    "a = 10"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 24,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "10"
      ]
     },
     "execution_count": 24,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "a"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#### Run Scripts Local"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "![LocalScript](images/Script.jpg)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "![RunningScript](images/RunningScript.jpg)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "##### Docker\n",
    "docker run -it --rm -v ${PWD}:/script python bash"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "![RunningScript](images/docker.jpg)"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.8.2"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}