javascript Archives - Jyrone Parker

Python

With Python2.7 officially reaching end of life this year, Python3 is the big dawg on the block now. Python is often touted as one of the easiest languages to learn and often taught to new freshman students at universities and with good reason. Python is used in many fields ranging from scaleable web applications such as Instagram, to machine learning and artificial intelligence algorithms.

Java

Java has be solidified in the game for decades now and likely is here to stay. Java is using heavily in enterprise scale web applications and to a lesser extent desktop GUI applications. Java is a truly interoperable programming language that can be used in embedded systems, web systems and mobile systems. You can also use Java to create Android applications although Kotlin is being pushed as the new language of choice.

C/C++

Ahhh my personal favorite languages C/C++. If you have an itching for system level programming such as writing operating systems, then I implore you to check out C++. It is used whenever you want bare metal efficiency and is also used highly in enterprise level video game productions such as Unreal Engine. If you want to get dirty and personal with computers, then C/C++ are your choices!

Javascript

Javascript has come a long way over the years. Javascript is used in front end web application development to create dynamic web applications. It is also used as a back end language to host web services and as a result you can use one language for a full stack web application. With the advent of web assembly we will start to see javascript used in many unconventional ways. If you have even the slightest inkling of doing web development, then Javascript needs to be on your radar.

You Can’t Go Wrong With Any Of These

By no means are these the only languages that you should or can learn in 2020 to get a job. I still do PHP development so there is a market for any language. However if you want a wide array of market opportunity I suggest that these be the languages that you focus on. After you get some practice with one of these languages, sign up for Triplebyte and have companies BID ON YOU based on your skillset from a one time technical coding quiz! Also if you need extra guidance on your career path book a 1-on-1 session with me and let me help you!

[callaction url=”https://www.youtube.com/user/JPlaya01″ background_color=”#333333″ text_color=”#ffffff” button_text=”Go Now” button_background_color=”#e64429″]Subscribe To My Youtube Page[/callaction]

Making About Me Interactive

If you have been following this series thus far then you should have an About Me page that looks similar to the following:

About Me Page Pre Javascript — About Me page before javascript implementation

So far we have added the HTML, integrated Bootstrap and added some custom CSS. This blog will serve as an introduction to Javascript. Javascript is the programmig language of the web. HTML defines the content, CSS defines the layout, Javascript defines the behavior. In this tutorial I will introduce you to the high level concepts of Javascript with fine tuned examples later to come.

Random Color Generator

To get you started on the basics of Javascript I will take you through creating a random color generator that will change the background color. This process will require adding a new button to the HTML as well as a new tag <script>. It will also involve an external script that contains the logic for changing the color. Below your phone number add the following HTML

<button id="color-change" class="btn btn-default">Change Background Color</button>

Nothing special the javascript will use this button later. Now create a new folder, call it js/ and inside create a new file called main.js. Inside this newly created file add the following contents.

window.onload = function(){
  document.getElementById('color-change').onclick = function(){
    /* In HTML colors are represented in a 6-digit hexadecimal string
    The values range from 0-9 and A-F*/
    var letters = '0123456789ABCDEF';
    //Colors in HTML are always prepended with a #
    var color = '#';
    //Loop 6 times and randomly select a character from the letters variable
    //Then concatanate to the color string
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    //set the background color of <body> to the random color
    document.body.style.backgroundColor = color;
  };
};

I’m going to break this down top to bottom:

window.onload – The window object represents an open window in a browser, onload is a javascript event that runs the specified function once everything on the page loads.
function() – A JavaScript function is a block of code designed to perform a particular task.
document.getElementById(‘color-change’)- get the button we just created based on it’s ID
.onclick = function(){ – onClick is a Javascript event that fires when an element is *WAIT FOR IT…..* CLICKED!
var letters = ‘0123456789ABCDEF’; – a variable called letters that holds all the possible values for a HTML color string
var color = ‘#’; – In HTML color strings always start with # followed by 6 characters. Here we initialize a color string.
for (var i = 0; i < 6; i++ ) { – A Javascript loop that runs 6 times and evaluates everything between {}
color += letters[Math.floor(Math.random() * 16)]; – Remember that color string and letters string? Here we add (concatenate) onto
the color string and select a random character from the letters string
document.body.style.backgroundColor = color; – Set the background color of <body> to the newly generated color.

Your page should look similar to this:

If you click the button your background should change to a random color like so:

Conclusion

I know it isn’t terribly fancy but you just wrote your first web app! It’s not that difficult is it?! Continuing forth I will add more advanced features to teach more in-depth skills. If you haven’t already please subscribe to my blog via email and feel free to leave any comments below!

Tag: javascript

Top Programming Languages To Learn In 2020

Programming Is Even More In Demand In 2020