• JavaScript & YouTube
    Coding,  JavaScript,  Resouces,  Web Development

    JavaScript and YouTube

    I am still on my coding journey. I missed two days during the past two weeks. The days I did not code were only because I was tired. Those days I read and watched tutorials. I am still working on my FreeCodeCamp lessons. This is what I have learned since the last post:
    • Converted Celsius to Fahrenheit
    • Declared string variables
    • Escape literal quoted in strings
    • Quoted strings with single quotes
    • Escape sequences in strings
    • Concatenated strings with plus operator
    • Concatenated strings with the plus equals operator
    • Constructing strings with variables
    • Appended variables to strings
    • Found the length of a string
    • Used bracket notation to find the first character in a string
    • String immutability
    • Used bracket notation to find the Nth character in a string
    • Used bracket notation to the find the last character in a string
    I learned a great deal. I have tons of notes and looked for YouTube videos to help understand each concept. These are some of the YouTube channels I have found helpful:
              I used this channel to make a simple image using CSS.
              I watched the JavaScript Fundamentals course several times.
              I watch this channel for the coding tips and tutorials.
              I enjoyed the Git & GitHub playlist. Git and Github are explained simply.
              Kalina is a cute and bubbly web developer. She provides development tips and info about her development journey.
              I listened to the JavaScript and jQuery Tutorial (for Beginners) playlist while working my 9-5 last week.
              I watch this channel for FreeCodeCamp tutorials
    This has been my favorite channel so far. I recently started using Git and Github on a regular basis. For some reason, Git and Github were hard for me to understand. These tutorials give step by step instructions. It also explains how to fix mistakes, read and understand error messages. That was the part I needed to understand Git. I can make a repository, add files and make updates. I have not worked with anyone on Github so I have yet to do real merges or pulls. I will work on that part next week. I watch other YouTube channels, but the ones listed above were helpful this past week.
    Participation in the Chingu Cohort is going well. The people are helpful and friendly. Members have shared tons of helpful resources and tips. My pair programming partners and I wanted to build a Twitch.tv JSON API. None of us have strong JavaScript skills so we decided to clone the paperbot.ai site. We all are busy so we get together from 9p-11p a few times during the week. The Cohort has introduced me to Slack, Trello, and Screenhero. I am still trying to figure out Trello.
    I am still learning daily. This week I found watchandcode.com. The Practical JavaScript course is a perfect addition to FreeCodeCamp.com. I have completed 20% of the course and have learned how to make a to-do list, functions and coding from the console. My goal going forward is to learn during the week and build on the weekends. I have plenty resources to help with the educational part. I also have a few projects I can improve on the weekend. My portfolio needs work. I made a simple calculator that does not work yet and my clone site project only has a nav, a little text, and an image. I will keep working and improving. Check back for updates.
  • Basic JavaScript
    JavaScript

    Basic JavaScript

    With my portfolio done, for now, I moved on to basic JavaScript this week. I have a little experience with JavaScript. I took a course last year but did not absorb much. I checked out when jQuery was introduced. With FreeCodeCamp, jQuery comes before JavaScript. It did not make sense, but it worked for me this time. This is what I worked on this week:

    Commenting code

    Comments are notes for myself or others that are reading my code.

    // This is how to comment.
    /* This is how to comment
    many lines */

    Declare JavaScript Variables

    Declare a variable by using var in front.
    var myName;

    Storing Values

    Store a value in a variable with the assignment operator.

    myVariable = 6;

    Initializing Variables

    Initialize a variable to an initial value in line it is declared

    var myVar = 7;
    This is a new variable called myVar with an initial value of 7

    Uninitialized Variables

    Math operations with no defined variable is Nan or “Not a Number”

    Case Sensitivity in Variables

    JavaScript variable names are written in camelCase

    Adding with JavaScript

    var sum = 1 + 2;

    Subtraction with JavaScript

    var difference = 27 – 13;

    Multiplication with JavaScript

    var product = 5*2;

    Division with JavaScript

    var quotient = 45/0;

    Increment with JavaScript

    Increment or add 1 to a variable with ” ++”
    b++;
    this means b + 1;

    Decrement with JavaScript

    Decrement or decrease a variable by 1 with “–”
    b–;
    this means b – 1;

    Multiply Decimals with JavaScript

    var product = 3.0 * 0.0

    Divide Decimals with JavaScript

    var quotient = 0.0/ 3.0;

    Find a remainder in JavaScript

    % is the remainder operator
    5 % 2 =1
    Math.floor(5/2)=2 (Quotient)
    2 * 2 =4
    5 – 4 = 1 (Remainder)

    Compound Assignment with Augmented Subtraction

    -= subtracts a number from a variable
    myVar -=4;

    Compound Assignment with Augmented Multiplication

    *= multiplies a variable by a number
    myVar *= 3;

     

    This week was basic math with JavaScript. Nothing hard so far. I have not used any of these functions because I have not written much JavaScript. I am interested in how I will use these functions going forward with various projects.

    This week will be busy. On top of daily JavaScript lessons, I will do work for a Chingu Cohort and add a few HTML and CSS lessons. I wanted to join the cohort to team up with other newbies and add good projects to my portfolio. I hope everything goes well.

  • Thomas Fuller Quote
    Web Development

    Making a Website is Not Easy

    This past week has been busy. I completed the jQuery lesson and moved on to the basic front end development section of freeCodeCamp.com. The first project was to make a tribute page.
     
    The tribute could be to anyone or anything. The page needed to have an image, text and a link to an external website. I made a tribute page to Victor Newman. Victor is a character on the soap opera The Young and the Restless. As a child, I could not watch cartoons until my great-grandmother watched her “stories”. It was a must for her to stay updated on Victor’s activities. The page is okay. It met the requirements of the assignment. When I have free time, I want to go back and make the page look as I imagined it in my mind. I had no idea it would take so long to make a site. I made a few sites last year, but I used a template. This project was my first hand coded site. I did not use a template or copy anyone else’s code or design. I am proud of myself, but still feel I could have done better.
     
    The second project was my personal portfolio site. This was a tough one. I could not decide what projects to add to my portfolio. I do not have projects I am proud of. I have projects on GitHub that were assignments only. After I complete my freeCodeCamp coursework I will begin working on projects that are special to me. My coursework is number one now. This work will allow me to increase my coding skill level. I am still not finished with the portfolio. The basic information is there, but I need to make sure my external links work. I also do not like how the project section looks. I included two projects from Codepen. The projects are organized vertically. I would prefer horizontal alignment. I tried to re-align them, but my code did not work. Right now I am waiting for feedback. One of my fellow campers will suggest changes that will make the portfolio site better.
     
    The 100 Days of Code challenge has been tougher. Those first few weeks were a simple. Now I find myself reading more than I code. When a line of code does not work, I have to find the solution. StackOverflow, Google, w3schools.com and the freeCodeCamp forum are always helpful. Next week I will complete my portfolio site and begin basic JavaScript.
%d bloggers like this: