{"id":2562,"date":"2026-02-02T11:01:39","date_gmt":"2026-02-02T11:01:39","guid":{"rendered":"https:\/\/demo.materiamedica.net\/demo6\/?p=2562"},"modified":"2026-02-02T11:01:39","modified_gmt":"2026-02-02T11:01:39","slug":"chapter-1-numpy-editor","status":"publish","type":"post","link":"https:\/\/demo.materiamedica.net\/demo6\/chapter-1-numpy-editor\/","title":{"rendered":"Chapter 1: NumPy Editor"},"content":{"rendered":"

NumPy Editor \/ IDE \/ Working Environment Guide<\/strong> written in the style of a patient, experienced teacher who is sitting next to you and helping you set up the most comfortable, productive, and beginner-friendly environment for learning and using NumPy seriously.<\/p>\n

We will cover everything you actually need<\/strong> \u2014 from installation to daily workflow, keyboard shortcuts, debugging tricks, visualization helpers, notebook best practices, and common pain points \u2014 so that you feel \u201cat home\u201d when writing NumPy code.<\/p>\n

1. Choose Your Main Working Environment (2025 realistic choices)<\/h3>\n

Most people use one of these four setups in 2025:<\/p>\n

\n
\n\n\n\n\n\n\n\n\n
Environment<\/th>\nBest for<\/th>\nLearning curve<\/th>\nSpeed of feedback<\/th>\nRecommendation for NumPy beginners<\/th>\n<\/tr>\n<\/thead>\n
Jupyter Notebook \/ Lab<\/td>\nInteractive exploration, teaching<\/td>\nvery low<\/td>\ninstant<\/td>\n\u2605\u2605\u2605\u2605\u2605 (start here)<\/td>\n<\/tr>\n
VS Code + Jupyter extension<\/td>\nLong-term serious work, debugging<\/td>\nlow\u2013medium<\/td>\ninstant\u2013fast<\/td>\n\u2605\u2605\u2605\u2605\u2605 (move here after 1\u20133 months)<\/td>\n<\/tr>\n
Google Colab<\/td>\nZero installation, GPU\/TPU, sharing<\/td>\nvery low<\/td>\ninstant<\/td>\n\u2605\u2605\u2605\u2605\u2606 (great if you have no laptop)<\/td>\n<\/tr>\n
PyCharm \/ DataSpell<\/td>\nProfessional project, large codebase<\/td>\nmedium<\/td>\nfast<\/td>\n\u2605\u2605\u2605\u2606\u2606 (later, when doing real projects)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
<\/div>\n<\/div>\n<\/div>\n

Teacher\u2019s honest recommendation for most learners in 2025:<\/strong><\/p>\n

    \n
  1. Start with JupyterLab<\/strong> (local) or Google Colab<\/strong> (cloud)<\/li>\n
  2. After 1\u20133 months \u2192 switch to VS Code + Jupyter extension<\/strong> (best long-term balance of interactivity + serious coding)<\/li>\n<\/ol>\n

    2. Option A \u2013 JupyterLab (local \u2013 most recommended)<\/h3>\n

    Step-by-step installation (Windows \/ macOS \/ Linux)<\/h4>\n
    \n
    \n
    \n
    Bash<\/div>\n
    \n
    # 1. Create clean environment (very important!)\r\npython -m venv numpy-env\r\nsource numpy-env\/bin\/activate     # macOS\/Linux\r\nnumpy-env\\Scripts\\activate        # Windows\r\n\r\n# 2. Install essentials\r\npip install --upgrade pip\r\npip install jupyterlab notebook ipywidgets matplotlib seaborn pandas numpy scipy\r\n\r\n# 3. Optional but very useful extensions\r\npip install jupyterlab-lsp jupyterlab-git rise\r\n\r\n# 4. Start JupyterLab\r\njupyter lab<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
    Open http:\/\/localhost:8888 in your browser \u2192 you\u2019re ready.<\/p>\n
    Daily JupyterLab workflow tips (what experienced users actually do)<\/h4>\n
      \n
    • Always start with magic commands<\/strong><\/li>\n<\/ul>\n
      \n
      \n
      \n
      Python<\/div>\n
      \n
      %matplotlib inline          # or %matplotlib widget for interactive plots\r\n%config InlineBackend.figure_format = 'retina'   # crisp plots on high-DPI screens\r\n\r\nimport numpy as np\r\nimport pandas as pd\r\nimport matplotlib.pyplot as plt\r\nimport seaborn as sns\r\n\r\nsns.set_theme(style=\"whitegrid\")<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
      • Useful magic commands<\/strong><\/li>\n<\/ul>\n
        \n
        \n
        \n
        Python<\/div>\n
        \n
        %timeit np.arange(1000000).sum()      # performance testing\r\n%whos                                 # see all variables + sizes\r\n%reset -f                             # clear namespace\r\n%loadpy my_script.py                  # load code from file<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
          \n
        • Quick variable explorer<\/strong> Install jupyterlab-variableInspector extension<\/li>\n<\/ul>\n
          3. Option B \u2013 VS Code + Jupyter (my personal favorite for serious work)<\/h3>\n
          Installation & setup (5 minutes)<\/h4>\n
            \n
          1. \n
            Install VS Code<\/p>\n<\/li>\n
          2. \n
            Install these extensions (search in Extensions panel):<\/p>\n
              \n
            • Jupyter<\/strong> (by Microsoft)<\/li>\n
            • Python<\/strong> (by Microsoft)<\/li>\n
            • Pylance<\/strong> (better autocompletion)<\/li>\n
            • Jupyter Notebook Renderers<\/strong><\/li>\n
            • Jupyter Keymap<\/strong> (optional \u2013 makes shortcuts feel like classic Jupyter)<\/li>\n<\/ul>\n<\/li>\n
            • \n
              Create or open .ipynb file \u2192 VS Code automatically starts Jupyter kernel<\/p>\n<\/li>\n<\/ol>\n
              My favorite VS Code + Jupyter workflow<\/h4>\n
                \n
              • Ctrl+Enter<\/strong> \u2192 run current cell<\/li>\n
              • Shift+Enter<\/strong> \u2192 run cell and go to next<\/li>\n
              • Alt+Enter<\/strong> \u2192 run cell and insert new below<\/li>\n
              • Ctrl+\/<\/strong> \u2192 comment \/ uncomment line(s)<\/li>\n
              • F5<\/strong> or Run \u2192 Run All<\/strong> \u2192 run whole notebook<\/li>\n
              • Outline panel<\/strong> (left sidebar) \u2192 jump between markdown & code sections<\/li>\n
              • Variable explorer<\/strong> (top-right in Jupyter toolbar) \u2192 click any array \u2192 see shape, dtype, min\/max, plot preview<\/li>\n<\/ul>\n
                4. Quick NumPy starter cell (copy-paste this every new notebook)<\/h3>\n
                \n
                \n
                \n
                Python<\/div>\n
                \n
                # \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n#          NumPy Starter Cell \u2013 2025 edition\r\n# \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n%matplotlib inline\r\n%config InlineBackend.figure_format = 'retina'\r\n\r\nimport numpy as np\r\nimport pandas as pd\r\nimport matplotlib.pyplot as plt\r\nimport seaborn as sns\r\n\r\nsns.set_theme(style=\"whitegrid\", palette=\"muted\", font_scale=1.1)\r\npd.set_option('display.max_columns', 12)\r\npd.set_option('display.float_format', '{:.4f}'.format)\r\n\r\nprint(\"NumPy version:\", np.__version__)\r\nprint(\"Ready to go! \ud83d\ude80\")<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
                5. Most useful keyboard shortcuts (JupyterLab & VS Code Jupyter)<\/h3>\n
                \n
                \n\n\n\n\n\n\n\n\n\n\n\n\n
                Shortcut<\/th>\nJupyterLab<\/th>\nVS Code Jupyter<\/th>\nWhat it does<\/th>\n<\/tr>\n<\/thead>\n
                Shift + Enter<\/td>\nRun cell, go to next<\/td>\nRun cell, go to next<\/td>\nmost used<\/td>\n<\/tr>\n
                Ctrl + Enter<\/td>\nRun cell, stay<\/td>\nRun cell, stay<\/td>\nre-run same cell<\/td>\n<\/tr>\n
                Alt + Enter<\/td>\nRun + insert new cell<\/td>\nRun + insert new cell<\/td>\nquick prototyping<\/td>\n<\/tr>\n
                Ctrl + \/<\/td>\nToggle comment<\/td>\nToggle comment<\/td>\ncomment blocks fast<\/td>\n<\/tr>\n
                Ctrl + D<\/td>\nDelete cell<\/td>\nDelete cell<\/td>\nremove mistakes<\/td>\n<\/tr>\n
                Ctrl + Z<\/td>\nUndo cell action<\/td>\nUndo<\/td>\nlifesaver<\/td>\n<\/tr>\n
                Ctrl + M H<\/td>\nShow all shortcuts<\/td>\nCtrl + K Ctrl + H<\/td>\nlearn more shortcuts<\/td>\n<\/tr>\n
                A \/ B<\/td>\nInsert cell Above \/ Below<\/td>\nA \/ B (command mode)<\/td>\nfast cell creation<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
                <\/div>\n<\/div>\n<\/div>\n
                6. Daily habits that make NumPy 10\u00d7 more pleasant<\/h3>\n
                \n
                \n\n\n\n\n\n\n\n\n\n\n
                Habit<\/th>\nWhy it helps<\/th>\n<\/tr>\n<\/thead>\n
                Always use %matplotlib inline or widget<\/td>\nPlots appear inside notebook<\/td>\n<\/tr>\n
                Start every notebook with the starter cell<\/td>\nConsistent look & feel<\/td>\n<\/tr>\n
                Use np.set_printoptions(precision=4, suppress=True)<\/td>\nCleaner array printing<\/td>\n<\/tr>\n
                Keep a \u201cscratch\u201d notebook open<\/td>\nQuick tests without polluting main file<\/td>\n<\/tr>\n
                Use sns.set_theme() early<\/td>\nPlots look professional with zero effort<\/td>\n<\/tr>\n
                Name arrays meaningfully (X_train, features, pixels, returns)<\/td>\nCode becomes self-documenting<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
                <\/div>\n<\/div>\n<\/div>\n
                7. Quick mini-exercise to feel the difference<\/h3>\n
                Copy-paste and run these cells one by one:<\/p>\n
                \n
                \n
                \n
                Python<\/div>\n
                \n
                # Cell 1 \u2013 classic Python\r\nlst = list(range(1_000_000))\r\n%timeit sum(lst)<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
                \n
                \n
                \n
                Python<\/div>\n
                \n
                # Cell 2 \u2013 NumPy\r\narr = np.arange(1_000_000)\r\n%timeit arr.sum()\r\n%timeit np.sum(arr)<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
                \n
                \n
                \n
                Python<\/div>\n
                \n
                # Cell 3 \u2013 why axis matters\r\nm = np.random.randint(1, 100, size=(6, 8))\r\nprint(\"Sum everything:\", m.sum())\r\nprint(\"Sum per column:\", m.sum(axis=0))\r\nprint(\"Sum per row:\", m.sum(axis=1))<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
                Final teacher message<\/h3>\n
                You don\u2019t need a \u201cperfect\u201d setup on day 1.<\/strong><\/p>\n
                Start with Google Colab<\/strong> or local JupyterLab<\/strong> \u2014 that\u2019s enough. After 1\u20134 weeks, when you feel you\u2019re writing real code and getting annoyed by small things \u2192 switch to VS Code + Jupyter extension<\/strong>.<\/p>\n
                The most important thing is not the tool \u2014 it\u2019s writing many small cells<\/strong>, running them one by one<\/strong>, looking at shapes and values<\/strong>, printing intermediate results<\/strong>, and experimenting<\/strong>.<\/p>\n
                You will become fluent much faster if you play a lot<\/strong> rather than trying to read everything perfectly first.<\/p>\n
                Now \u2014 what would you like to do next?<\/p>\n
                  \n
                • More exercises on array creation, indexing, broadcasting<\/li>\n
                • Common beginner mistakes & how to debug them<\/li>\n
                • Setting up VS Code + Jupyter perfectly (with extensions & shortcuts)<\/li>\n
                • Creating beautiful plots from day 1 with Seaborn + NumPy<\/li>\n
                • A small real mini-project to practice everything<\/li>\n<\/ul>\n
                  Just tell me what feels most helpful right now! \ud83d\ude0a<\/p>\n","protected":false},"excerpt":{"rendered":"
                  NumPy Editor \/ IDE \/ Working Environment Guide written in the style of a patient, experienced teacher who is sitting next to you and helping you set up the most comfortable, productive, and beginner-friendly...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[75],"tags":[],"class_list":["post-2562","post","type-post","status-publish","format-standard","hentry","category-numpy"],"_links":{"self":[{"href":"https:\/\/demo.materiamedica.net\/demo6\/wp-json\/wp\/v2\/posts\/2562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.materiamedica.net\/demo6\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demo.materiamedica.net\/demo6\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demo.materiamedica.net\/demo6\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.materiamedica.net\/demo6\/wp-json\/wp\/v2\/comments?post=2562"}],"version-history":[{"count":1,"href":"https:\/\/demo.materiamedica.net\/demo6\/wp-json\/wp\/v2\/posts\/2562\/revisions"}],"predecessor-version":[{"id":2563,"href":"https:\/\/demo.materiamedica.net\/demo6\/wp-json\/wp\/v2\/posts\/2562\/revisions\/2563"}],"wp:attachment":[{"href":"https:\/\/demo.materiamedica.net\/demo6\/wp-json\/wp\/v2\/media?parent=2562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demo.materiamedica.net\/demo6\/wp-json\/wp\/v2\/categories?post=2562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demo.materiamedica.net\/demo6\/wp-json\/wp\/v2\/tags?post=2562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}