New 3D Printer Setup

Yesterday I moved my 3D Printer into our garage, the new setup is using a old iMac (with a linux OS), a Raspberry Pi 3 Model B+ installed with OctoPrint connected to the 3D Printer (link below), An Creality Ender-3 Printer, and tripod with my iPod (5th Gen) setup as a live camera. I am probably going to also set up the pi camera as well in the back. This setup helps a lot because of the lack of space on my desk. I have the iMac setup there because I can access the 3D printer and start or stop printing when I am down there. I have not started a print yet but I will soon.


Link to OctoPrint blog post

Link to iPod Camera blog post

Overview of the Codecademy Web Development Course

This is a brief overview of the course I am taking on Codecademy. It teaches three different forms of code:

  • HTML
  • CSS
  • Javascript

And it has projects and quizzes after each lesson. Each lesson takes about 10-20 minutes to complete (It varies depending on the lesson.) So far I am about 15% through the course. Currently I am working on Javascript. Here is a picture of what I've completed so far:

HTML is used for the basic editing of a website, it controls the main body where the titles are, etc. 

CSS is used for the look of a website, for example, you could change the color of a banner and assign it to the main banner in the HTML code.

Javascript is used for the back-end of things and can create functions to react differently to different inputs and create different outputs.

All of the three codes work together to create a nice looking and working website.

Work together HTML CSS and Javascript
Here’s an example of a JavaScript code snippet for an age calculator. The code asks for the input of your date of birth and then it calculates how old you are based on that date:

This is an example of CSS code that is for changing the font, color etc. for a specific section of text. You can’t do this formatting In JavaScript or in HTML:

This example is of a sample of code from html that displays an image from an image link and controls the display size. This is also not possible to do in JavaScript or CSS:

OctoPrint

A couple of weeks ago, I set up Octoprint on my Ender-3 3D printer. A while back, my brother Nicholas had set up Octoprint on his PrintrBot simple metal 3D printer. With the Octoprint software setup on a Raspberry Pi, I can control the printer from basically anywhere! It was pretty easy. I had followed along with a beneficial tutorial video (Here). It is pretty simple the way it works. It all runs on a raspberry pi. The Raspberry Pi is connected to the printer via USB, and it practically takes over the printer's control and sends all of the information like temperature, print length, etc. to the control web page. Several other things you can do with Octoprint is, you can upload .gcode files to the web page, and it will store it there like a cloud. For example, I could have a gcode file that let's say I wanted to print later on. So I could just upload it to the online control center, and then maybe when I'm leaving to go somewhere, and I forgot to start a print that I might need. I could just go to the Octoprint control center and click the "start printing" button. There is also another cool feature to Octoprint, which is where you can hook up a Raspberry Pi camera to the Raspberry Pi. Then you can watch your prints live when you are in the online webpage control center. This has been my first time interacting with a Raspberry Pi for a project, but I can see some other cool projects to do in the future!

"Jim's Ice Cream"

For a while now I have been creating a website through an app called Visual Code Studio, it is not public for everyone to see like most other websites, but I created it in my files from scratch. Unfortunately, you can not view the site like me, but I will attach a video of me going through the website. The reason I started doing this is that when anyone finishes mastering the introduction to HTML and CSS, Codecademy will give you a project to create a site on your files, they also recommend using Visual code studio when making a site. The site is called "Jim's Ice Cream" (hence the name of this post). I had just randomly thought up that name, but I googled the name, and there is an Ice cream shop called Jim's Ice cream, so I decided to add a "follow us on Facebook" button that sends you to the actual Jim's Ice cream Facebook page. I also copied the about us page and changed it a little.