Skip to main content

Back To The Basics

Click photo above to see photo clearly

 It's Been A LOOONG Minute since I have coded!!  

Even so, I decided to give JavaScript another try.  I always seem to do good and then when I get to this one area, I always seem to hit a brick wall. 

Well....nothing like getting back up and trying again right?  

I decided to try Rithm School's online JavaScript Fundamentals FREE course.  I have never joined their school but their free courses tend to explain things in a way my brain understands it.  💁

To let you know how much I have forgotten in the coding world, I couldn't even remember how to write the basic commands for an HTML document!

Yesterday I started the fundamentals free course and I am so glad that I did.  Because of time, I only made it through the JavaScript History and Setup chapter, but that chapter was enough to get my memory flowing again!  

It started to feel familiar and I quickly remembered why I enjoyed coding so much.  Yesterday and this morning, I just erased and re-wrote the basic HTML format (and I included a JavaScript tag in there as well) so that I could re-commit it to memory.

I wanted to see if the document would populate correctly when I was finished, so I had to really think hard about how to get it to render on a webpage without cheating and looking up the answer.

I am glad I was able to figure it out.

The steps in case you need a refresher yourself: 

1. I wrote my code using Sublime Text Editor 

    a.  I have the free version.

2. When I started typing my code, I realized I didn't see the different colored text I am used to seeing when typing an HTML document, so on the bottom right hand corner of the text editor, I selected HTML.  The text editor then recognized my code as HTML and the rainbow of different colors I am used to seeing reappeared.  😊

3. When I was finished, I saved my document as 'index.html' using 'Command S'.

4. I am on a Mac so I went into my finder and found the 'index.html' file and double clicked on it.  I then selected 'Open'.

5. I was happy to see my file correctly open and render on the chrome browser.  Below you can see the photos of the webpage.

Click photo to see photo clearly

I used the <script></script> tag within my header  of my code so as you can see in the photo to the left, that that is the first thing that populated on my webpage.

Once I clicked the blue "OK" button, I was able to  see what the webpage populated in the next photo.

Click photo to see photo clearly



The photo on the right shows you what the webpage populated AFTER my JavaScript command was finished running.


                                          

I am REALLY excited and a little nervous about trying to learn JavaScript.  I have had a love hate relationship with that language lol, but I am willing to give it another try. 

I did open up an EC2 instance on AWS last week, so I am going to see if I can remember how to SCP my files into my EC2 instance.  If I have trouble, I will have to refresh my memory by reading my posts from years past! 😝

I'll keep you posted on how that goes...

Some tools I am memorizing on the Mac:

command S = to save a file

command option J = to open the JavaScript console from a webpage

command L = no matter where your mouse is on the screen, this command will put the cursor on the address bar so you can enter a new web address

command K = will clear the console

To make a BLANK webpage so that when you are on the console, you do not have to look at whatever webpage you are on, simply type in the address bar:  about:blank


THAT's all for now!


If you want to follow me on my journey to re-learning all of this, check out my website:   irontreedev.com






Comments

Post a Comment

Popular posts from this blog

XPATH and XPATH Expressions In XMLLINT

XPATH And XPATH Expressions Earlier, I told you about xmllint and xmllint for html files .  Let's say you just want to parse the <span> tags within your html file or just your <span lang="el"> tags? Enter:  Xpath. Xpath is yet another option available within the xmllint language. Remember, an Xpath is used to navigate through elements and attributes in xml and html documents.  Xpath uses Xpath Expressions to select nodes or node sets within a document. Example 1 .  Looking for all of the <span> tags within an html document. xmllint -- html -- xpath " // span" StedmanLesson10.html xmllint = This tells the command line that we are going to be using the xmllint language. space = because we always have space in between commands -- = Remember, these are the two hyphen-minus characters that we need to tell the command line that we are going to use an xmllint option. html = This is the xmllint option we want to
Post a Comment
Read more

SCP: Secure Copy Protocol

SCP = Secure Copy Protocol.  What is it and why is it important?   SCP provides a secure way to transfer files from one computer to another. For the project that I'm working on, I needed to SCP (send a copy) the XML files, as well as the image files, from my computer to my EC2 Instance (my web server).  Once done,  my teacher was be able to view my work via my website. Here are the steps to do this: 1.  Open two command windows (the program for my computer is called Terminal). 2.  Let's say the file I want to send is called "SallysFirstDate.xml" and it is located in the "tomy" folder.  Here is where that file lives: /Documents/path/tomy/SallysFirstDate.xml I need to first issue the command to "change directory"(cd) through each folder until I reach the folder that my file is located in.   It would look like this: cd /Documents THEN I need to "cd" again into the "path" folder: cd path THEN I need to "c
5 comments
Read more