LaGuardia TechHire -- Open Code, The Journey

Day 28: JavaScript Starts Now

With a new week came a new language, JavaScript. Today we finally went to JavaScript City. This language helps to make a page interactive that HTML and CSS cannot easily do. To start the day we learned about data types which come on a variety of formats.  These formats include: boolean, null, undefined, number, string, and objects. Booleans are concerned with logic, where they assign if something is true or false. Nulls are used when you want to specifically make a value, nothing. Undefined are a default in JavaScript because values usually aren’t automatically defined. Numbers are pretty self explanatory, they are actually number symbols such as: 1, 13, 28, 6, etc. Strings are concerned with characters and must go in single or double quotes. Objects are when you put values within a value. We spent the day focused on learning data types and objects because they are the foundations of JavaScript.

TechHire–OpenCode relies heavily on self learning and looking to outside resources. With only three weeks to learn three computer languages, I was glad to have another bootcamp that could clarify concepts I left class unsure of. Flatiron’s pre-bootcamp has been helping me greatly with HTML, CSS, and JavaScript. After class I hopped on Learn.co and did exercises that helped me understand the syntax of JavaScript. Since the IDE is very similar to Atom’s text editor, I could easily transfer my in-class learnings.

TechHire–OpenCode teaches me a lot, yet leaves a lot for me to learn on my own. Self Teaching is the main and most important lesson I have learned thus far. Through trial and error and looking towards the World Wide Web, I have gained an immense amount of knowledge. This fact may be worrisome, but I know after this program is finished I can find the tools to sharpen my skills.

 

LaGuardia TechHire -- Open Code

Day 23: Carmen Sandiego, Where are you?

Today our class was introduced to the inner workings of computers. For apple, we are working with MackBook Pros, the terminal is used to essentially command a computer to perform actions. Terminal was supposed to be practiced on the first day of the cohort, but obstacles arose. In a world of technology, it is important to know how to overcome or bypass difficulties for they are in abundance. Perhaps more important than our previous lessons, it was imperative that we followed instructions in the most meticulous manner. One wrong key stroke can cause havoc while using terminal.

On our very first lesson of the cohort we learned about file structure, and that same lesson was reinforced today. Files are usually made by right clicking to create a new folder or file. Today we learned how computers actually create and access files. A seeming unimportant word gained great importance, “Directory”. A directory is a cataloging system that connects file paths in a computer system.  During this class we learned various commands that are explained in this video by Code Academy. 

After learning basic Terminal commands, we headed over to Git. Git is a version of a Distributed Version Control System. That may seem like a mouthful, but Git it is a web developers dream. By using Git, a person can have access to the full history of their projects. When learning Git, Kurt explained it to us as a tree.

DisneyGrandmotherWillowAnim.gifTell me about it Grandmother Willow…

There is a master branch which relates to the trunk of a tree. The master branch is where the main project lies. Then there are branches of a tree which correspond to different versions of a project. Different branches, work off the current master branch and allow the user to make alterations without effecting the master branch where you want your final project to be. When you are truly satisfied with a version, or branch, you can merge it to the master. When you merge a branch to the master it becomes the updated version that your branches will be worked off of. This can be thought of as adding a ring to a tree trunk. It took a lesson on nature for me to understand Git, but there are computer written commands to bring Git into effect. Beanstalk Guides gives a great breakdown of Git commands and their use here

To solidify the lesson on Terminal and Git, Kurt gave us an exercise that brought me back to my childhood in the 90s. We played his version of “Where in the World is Carmen Sandiego?”. This wasn’t the computer game I remember, but it was technically a computer game. In Kurt’s version we went to GitHub and cloned files of data and hidden in these files was the elusive Carmen Sandiego. We searched each folder by changing directories and listing all hidden files within them. Sadly, I didn’t actually go to the countries that named each folder and file, but I did find Carmen Sandiego as I traveled through Kurt’s cloned files.

Screen Shot 2017-11-08 at 2.10.40 PM

 

Screen Shot 2017-11-08 at 1.57.35 PM

LaGuardia TechHire -- Open Code

Day 21: The Choice is Yours.

After a weekend of coding, I found that my insatiable appetite for food had translated to an insatiable appetite for web development. Monday’s are dreaded for most, but I came to class eager. Last week’s orientation an familiarization of the program allowed Kurt to jump right into the lesson. I was ready!

07f7cb47-d2d1-4f4f-a61b-6c257e459611

When starting a CSS stylesheet, we used to go element by element, customizing each one individually. There were a lot details that were standard unless you altered them. This inconvenience led us to the star selector * (No, I’m not talking about myself.). The star selector allows the user to target the whole stylesheet, this applies to CSS and HTML. That being said, watch out because it can lead to problems if you aren’t careful.  From previous exercises, I found two elements, in particular, that threw me off with there standard measurements: margin and padding. In star selector I can set both of these elements to 0%. Doing this removes the standard measurements and allows me to set set new values.


*{
box-sizing: border-box;
margin: 0;
padding: 0;
}

It was day three and time to learn more advanced web making. Before moving into modern web development, we had to learn about the past. Float is a method of website making that is based on putting text around an image. This layout is often used for basic web pages that consist of a banner, aside (menu bar), main content and a footer; nothing too complicated. After this, I was ready for more, ready to step into 2017 of HTML and CSS. Tell me about flex!! (It’s true I need to go back to the gym, but can flex my website in the meantime!) Flex is used with a lot of current websites, especially those which feature columns and boxed content. With flex, order is extremely important. All items automatically have an order of zero,”0″. which brings things to the top of the page. When assigning a different number order, larger numbers go lower on the page.

Most websites want to give their viewers a method of providing feedback. This is usually done through forms, or an area to get in contact with the web page provider. These areas usually contain a space to enter your name, age, email, and other demographics. In fact, I provide a contact page for my viewers to Get in Touch!  When making a form, there are a few types of inputs you can provide. The three we worked with in class are text input, radio input, and checkbox input.

As the name suggests, text input is place where the user can type a message. An example of this could be writing a yelp review.

Screen Shot 2017-11-10 at 11.41.04 AM.png

Radio input is where the user can choose only one of the options provided. An example could be entering age range, a person cannot satisfy more that one of these options.

Checkbox input differs from radio input in the fact that the user can choose more than one option. An example of this can be used when ordering ordering pizza online. Here you can choose more than one option, go on, your tastebuds deserve it.

Screen Shot 2017-11-10 at 11.42.27 AM.png

Wed development is much like life, you have an endless amount of options and opportunities. I began this blog with a post asking “Who Will You Be?” and the choice is always yours. Life will present situations much like a form on a website. Sometimes you can answer with all the thoughts you hold. Sometimes you have to pick and choose one option over others. My favorite, sometimes you can choose as many options as you want. (All, nothing and everything in between.) I am glad I can see so many parallels between the craft I am learning and the life that I am living.

 

 

LaGuardia TechHire -- Open Code

Day 20: If You’re Learning and You Know It, Clap Your Hands!

Idleness is fatal only to the mediocre. -Albert Camus

It is a luxury to be sure in life, to know exactly what is to come. That being said, it is imperative to learn as much as you can about your environment regardless of its manifestation (e.g., physical, mental, social, academic, etc.). I never used Atom before this cohort and it was important for me to familiarize myself with the text editor. I downloaded the program on both of my personal computers and loaded the projects I had worked on in class.

Screen Shot 2017-11-09 at 3.20.18 PM.png

During my exploration of the program I found there was an option to download packages and themes that customize your experience. I downloaded the ‘monokai’ syntax theme which colored my text in a way that made it easy to distinguish between elements. This was a big help for learning new code.Monokai Kurt also introduced us to a color picker app called Sip. This application icon states at the top of my toolbar and whenever I want to pick out a color, it’s right there. A key feature of this app is being able to pick up colors from anywhere on my screen. Bam! Hexadecimal at my finger tips!

TechHire–OpenCode is a program that requires immense dedication. That being said it is important for me to give web development my all. Google is a great place to look for answers, but i wanted more to reinforce and learn new skills. The Flatiron School is a well established web development bootcamp based in New York City. Their school just launched a beta accelerated bootcamp prep. This bootcamp prep is meant to build a strong foundation before you tackle an official bootcamp cohort. At noon I attended an online lecture by the co-founder of the Flatiron School himself, Avi Flombaum! He was wonderful in the way he introduced us to new material and explained topics. Learn.co is an online platform made by the Flatiron School used for learning web development. During the lecture we were introduced to the Learn IDE. I found it comedic when Avi told us the IDE was based on Atom. Zing, another way to reinforce my skills with Atom!

It is the part of a wise man to keep himself today for tomorrow, and not to venture all his eggs in one basket. -Miguel de Cervantes