1.2: My Workflow – Programming with Text

In this video, I demonstrate the tools that I use in my coding environment for this course. There are many alternatives to this particular setup, but in case you are at a loss for what to use, here’s a reasonable option. The tools I am showing you (node.js, atom, p5.js) are free.

Next Video:

Introduction to Programming from A to Z:

Support this channel on Patreon:

Send me your questions and coding challenges!:


GitHub Repo with all the info for Programming from A to Z:

Links to Technologies mentioned in this video:
Atom Code Editor:
Atom Beautify:
Atom Live-Server:

Source Code for the all Video Lessons:


For More Programming from A to Z videos:

For More Coding Challenges:

Help us caption & translate this video!






23 responses to “1.2: My Workflow – Programming with Text”

  1. Gustavo Uessler Avatar

    This guy is on 6 different levels of caffeine, all the time.

  2. Juan Sebastian Wagner Avatar

    you are crazy. and I love it!!

  3. Kaixo Music Avatar

    I NEED HELP, I installed node.js, I did everything you said, I linked it to the folder im working on, It even loaded the page… But every time I change something in the .js files it doesnt change in the browser… I tried restarting the server, but it kept loading the old version on the .js files… why?

  4. The Shroud Avatar

    How did you get your code to 'run' in Atom?
    Edit: After watching the entire vid I'm not even sure my question was answered… using other text editors don't require as much fuss to run in the browser.. is there a reason Atom is trickier? Or am I just missing something obvious.

  5. Stelios Ad Avatar

    Please make a video tutorial to show us how to change the keybindings in Atom!
    BTW I love your videos <3 Awesome Work!

  6. Crediarabe Avatar

    For anyone that doesn't get a blank page when you refresh, press control+c (it is not the command button on mac, it is the control) to stop the server on the terminal. Once it stopped type in the terminal: cd
    then drag a folder that you created into the terminal to get it's path.
    So once you are inside of that folder via terminal, you start the server again: http-server. That will start the server using the folder you are inside of so any html, css and javascript files that are inside will show up if you refresh the page 🙂

  7. Cristian Sasu Avatar

    I don't understand what a "terminal" is, sorry if i'm such a greenhorn, but can you help me? Otherwise i won't be able to create a http server, thank you

  8. Chase Dunn Avatar

    Anyone know how to use the node http-server with Windows?
    Also, how do I use the p5 libraries with Atom?

  9. Edgar Sánchez Avatar

    How can I be this happy?

  10. pete5668 Avatar

    whenever i try to run the code, the "index of /"directory comes up, despite following the instructions to the letter. What am I doing wrong? Do I need to create a directory on the server?

  11. Paul McCann Avatar

    Hate to be 'that guy', but someone is eventually going to point out that npm doesn't really stand for Node Package Manager, because it's not an acronym. That said, it COULD stand for Node Package Manager, if it was an acronym.

  12. DerRockWolf Avatar

    When I will Install the http-server I said: npm ERR! Windows_NT 10.0.14393
    npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install" "http-server" "-g"
    npm ERR! node v7.4.0
    npm ERR! npm v4.0.5

    npm ERR! Cannot read property 'path' of null
    npm ERR!
    npm ERR! If you need help, you may report this error at:
    npm ERR! <https://github.com/npm/npm/issues>

    npm ERR! Please include the following file with any support request:
    npm ERR! C:WINDOWSsystem32npm-debug.log

  13. Sp3ctraGaming Avatar

    When i set up my Webserver it only shows "Index of …".
    In ur Video you only needed to refresh? For me there is nothing happening. I set up a html and a css file but still nothing..

  14. Jeff Feldmann Avatar

    is there a way to make it start projects for p5 already set up like you have them in the videos when you start?

  15. Ingga Nurkholik Avatar

    can i run use http server with xampp ??

  16. Nicolas Buitrago Avatar

    At 6:43 when you opened up a project, a console appeared on the right side of the window. I've seen this console in some of your previous p5js videos and was wondering how you got it to work? This would seem handy as atom does not seem to provide its own console and that would be handy in debugging certain projects.

  17. Mike & Drea Avatar

    I watch the ads just for you 😉

  18. raredavid98 Avatar

    when i try and CD my file to cmd, it says file directory not found. Im on windows and i cant get it to work, im not great with directories so if anyone can help, that would be great. thanks

  19. Timanaku Avatar

    Hi Daniel, when I refresh my web server it still says.

    Index Off

    Node.js v7.2.1/ ecstatic server running @ (server)

    I did everything and it won't go away ):

    I think I fixed it but there is now just

    Squiggly line/

  20. MrFreddrico Avatar

    When i enter "http-server <file directory>", it shows the ip for the server. And when i enter "http://my ipadress" it just starts downloading the textfile instead of displaying the text in the browser.
    Please help or ask for more details if needed.

Leave a Reply

Your email address will not be published. Required fields are marked *