Applet Orchard

1.2: My Workflow – Programming with Text

[ad_1]
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!:

Contact:

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

Links to Technologies mentioned in this video:
Node.js:
Atom Code Editor:
Atom Beautify:
Atom Live-Server:
NPM:
p5.js:
CodePen:

Source Code for the all Video Lessons:

p5.js:
Processing:

For More Programming from A to Z videos:

For More Coding Challenges:

Help us caption & translate this video!

Posted

in

by

appletorchard

Tags:

Comments

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

  1. Gustavo Uessler Avatar
    Gustavo Uessler

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

    Reply
  2. Juan Sebastian Wagner Avatar
    Juan Sebastian Wagner

    you are crazy. and I love it!!

    Reply
  3. Kaixo Music Avatar
    Kaixo Music

    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?

    Reply
  4. joseph bickerton Avatar
    joseph bickerton

    lift weights bro

    Reply
  5. The Shroud Avatar
    The Shroud

    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.

    Reply
  6. Stelios Ad Avatar
    Stelios Ad

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

    Reply
  7. Crediarabe Avatar
    Crediarabe

    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 🙂

    Reply
  8. Cristian Sasu Avatar
    Cristian Sasu

    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

    Reply
  9. Chase Dunn Avatar
    Chase Dunn

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

    Reply
  10. Edgar Sánchez Avatar
    Edgar Sánchez

    How can I be this happy?

    Reply
  11. pete5668 Avatar
    pete5668

    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?

    Reply
  12. Paul McCann Avatar
    Paul McCann

    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.

    Reply
  13. DerRockWolf Avatar
    DerRockWolf

    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

    Reply
  14. Miguel Lama Avatar
    Miguel Lama

    6:35 it was… What???

    Reply
  15. Sp3ctraGaming Avatar
    Sp3ctraGaming

    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..

    Reply
  16. Jeff Feldmann Avatar
    Jeff Feldmann

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

    Reply
  17. Ingga Nurkholik Avatar
    Ingga Nurkholik

    can i run use http server with xampp ??

    Reply
  18. Nicolas Buitrago Avatar
    Nicolas Buitrago

    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.

    Reply
  19. Mike & Drea Avatar
    Mike & Drea

    I watch the ads just for you 😉

    Reply
  20. raredavid98 Avatar
    raredavid98

    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

    Reply
  21. Eddie Cronin Avatar
    Eddie Cronin

    dan you rock man

    Reply
  22. Timanaku Avatar
    Timanaku

    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/

    Reply
  23. MrFreddrico Avatar
    MrFreddrico

    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.

    Reply

Leave a Reply

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