Photo by Mitchell Luo on Unsplash

During my interviews as a line cook; a senior, highly advanced, brunch runnin’, dual spatula weilding, plancha cook, I was asked if I had the necessary tools for the job. During my time as a student in rhetoric and communications, we were always told to use common literary tools that would allow us to break down the work and see the moving parts that make up the whole of the work. Ah yes, tools. Not a word that is just reserved for the components inside one of those aluminum saddle boxes, those treasure chests of tool boxes in the beds…

Building a Single Page Application

Crack your knuckles, grab a cold Topo Chico, put it on a coaster, please, and get ready to start your first React project from scratch. By the end of this blog you will be able to start/generate a new project, render data, and see your changes in the browser………instantly!, yes, instantly.

Photo by Nubelson Fernandes on Unsplash

We are going to generate our project from the terminal. These initial steps are assuming you have node.js and npm installed on your machine. If you do not, click HERE.

The first step is to building a single page application is to cd to the proper path in your…

Creating and Appending an Element

While creating a web page or application you will surely, at one point, ned to restructure the way it looks or feels by manipulating the DOM, Document Object Model. (To learn about what the DOM is, We can do this by creating and appending elements to the DOM in our window, using JavaScript.

Creating and appending an element is just one way to change the DOM and be able to dynamically change your application. To dynamically change is to add things to the DOM without having to change the html files. …

Real quick about querySelector() and getElementbyId() first.

Manipulating the objects on a screen is a great way to begin to understand what the abilities of knowing the language can do. Using the dev tools you can temporarily make changes to html and css of a page as well as run javascript in the console.

Using the console is a fun way to learn javascript and to see the code you write change the DOM in real time. You can find an element on a page, and assign it a new value.

You can change elements directly in the Elements tab or you can use JavaScript in the…

Commando Theater CLI.

  1. Access a Sqlite3 Database using ActiveRecord.
  2. Have a minimum of three models.
  3. Build out a CLI to give your user full CRUD ability for at least one of your resources. For example, build out a command line To-Do list. A user should be able to create a new to-do, see all todos, update a todo item, and delete a todo. Todos can be grouped into categories, so that a to-do has many categories and categories have many to-dos.
  4. Use OO design patterns. Have separate classes for your models and CLI interface.

My first challenge as a student of Flatiron was to create a command line application, CLI, using Sinatra and ActiveRecord to access an sqlite database. To use classes that held many associations, and give on fell CRUD capability.

My CLI idea was to create an application that allowed guests to create an account(create), browse movies(read), purchase tickets, sign in to view, or change information(update) as well as cancel a ticket or account(delete). Guests would be the class that had full CRUD capability.

I had my database tables setup and models with the proper associations which led me to start to…


My aim is to learn, through peers and personal projects, so that I may confidently say I am a decent full stack web developer. Let’s take a seat at the table.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store