{"id":36665,"date":"2018-03-08T03:01:39","date_gmt":"2018-03-07T17:01:39","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=36665"},"modified":"2018-03-08T11:00:05","modified_gmt":"2018-03-08T01:00:05","slug":"javascript-course-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/javascript-course-primer-tutorial\/","title":{"rendered":"Javascript Course Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/js_course.jpg\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Javascript Course Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/js_course.jpg\" title=\"Javascript Course Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Javascript Course Primer Tutorial<\/p><\/div>\n<p>There are lots of ways to learn, and can think of (at the very least), combinations of &#8230;<\/p>\n<ul>\n<li>Visual<\/li>\n<li>Auditory<\/li>\n<li>Kinesthetic (movement)<\/li>\n<\/ul>\n<p>There are lots of approaches within and among those modes of learning, also.  Let&#8217;s take the broad brush topic area in computing I&#8217;d recommend as the top priority for web applications and development, the computer language &#8220;Javascript&#8221;.<\/p>\n<p>As we&#8217;ve said before, &#8220;Javascript&#8221; is labyrinthine in its vastness, and you don&#8217;t have to set out to learn it all to get going.  The thing is, out of &#8230;<\/p>\n<table>\n<tr>\n<td>\n<ul>\n<li>Javascript<\/li>\n<li>HTML<\/li>\n<li>CSS<\/li>\n<li>PHP<\/li>\n<li>MySql and phpMyAdmin<\/li>\n<li>SSH<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>SSL<\/li>\n<li>Linux<\/li>\n<li>Cron<\/li>\n<li>Curl<\/li>\n<li>Korn Shell<\/li>\n<li>Apache<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/table>\n<p> &#8230; &#8220;components&#8221; of the technical side to running web applications on our rjmprogramming.com.au domain, although in fundamentals they consist of HTML web pages, the study of Javascript will make the biggest difference to how dynamic your webpages are.<\/p>\n<p>Labyrinthine or not, Javascript learning can take many forms, and perhaps you should be open to lots of those different approaches.  Today, to start our list of approaches we want to link you to a great online resource that came to our attention recently, thanks to <a target=_blank href='mailto:alex@guru99.pro' title='Email Alex Nordeen, Editor at Guru99'>Alex Nordeen<\/a>, Editor at Guru99 &#8230;<\/p>\n<ul>\n<li>Course Driven: <a target=_blank title='Javascript Tutorials for Beginners' href='https:\/\/www.guru99.com\/interactive-javascript-tutorials.html'>Javascript Tutorials for Beginners<\/a> is a very comprehensive course in Javascript covering topics such as Variables, Arrays, Loops, Conditional Statements, Functions, Cookies, DOM, Events in Javascript, Object Oriented JavaScript, Internal and External Javascript and Javascript Examples<\/li>\n<li>Command Driven: <a target=_blank title='Javascript information from w3schools' href='https:\/\/www.w3schools.com\/js\/'>Javascript Tutorials at W3Schools<\/a> is extremely comprehensive, and we like to link to here at this blog<\/li>\n<li>jQuery Driven: <a target=_blank title='jQuery Javascript library' href='https:\/\/jquery.com\/'>jQuery Javascript Library<\/a> approach takes a Javascript library, in this case jQuery, and you run with it and its plugins such as <a target=_blank title='Bootstrap jQuery plugin' href='https:\/\/getbootstrap.com\/docs\/3.3\/javascript\/'>Bootstrap<\/a>, similar to &#8230;<\/li>\n<li>YUI Driven: <a target=_blank title='YUI Javascript library' href='https:\/\/yuilibrary.com\/'>YUI Javascript Library<\/a> approach takes the YUI Javascript library as the source &#8230;<\/li>\n<li>Framework Driven: <a target=_blank href='http:\/\/campus.codeschool.com\/courses\/shaping-up-with-angular-js\/' title='Google AngularJS'>Google&#8217;s AngularJS<\/a> tutorials take you through Javascript for an eCommerce application<\/li>\n<li>Immersion Driven:  <a target=_blank title='Javascript information from rjmprogramming.com.au' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/javascript\/'>Javascript Tutorials at rjmprogramming.com.au<\/a> (cough, cough) is a website where you don&#8217;t focus so much on Javascript, as much as to see how it works in combination with other &#8220;disciplines&#8221; in that list above, to see you learn how to create web applications<\/li>\n<\/ul>\n<p>Of course, there are as many ways to approach such a big topic as there are pink sand grains on Bondi Beach, but we definitely want you to give it a go, and for 99% of us, am sure, you have to put down the books eventually and give things a go.  Happily, with the Javascript (client) topic you can, without having to worry about IDEs or even an Internet connection, if you want to play around with a URL (in the address bar of your favourite web browser) such as for our <a target=_blank title='MAMP' href='http:\/\/mamp.info'>MAMP<\/a> local (Mac OS X (on a MacBook Pro)) Apache\/PHP\/MySql web server&#8217;s <b>Document Root<\/b>&#8216;s australia.htm &#8230;<\/p>\n<p><code><br \/>\nfile:\/\/<b>\/Applications\/MAMP\/htdocs\/<\/b><a target=_blank title='Version online' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/australia.html_GETME'>australia<\/a>.<a target=_blank title='Version online' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/australia.html_GETME'>htm<\/a><br \/>\n<\/code><\/p>\n<p>&#8230; but realize that after those first few plays around, not even needing a live Internet connection (but you won&#8217;t get the web inspectors to kick in with this scenario), you could plan for an Apache\/PHP\/MySql (led) future by installing <a target=_blank title='MAMP' href='http:\/\/mamp.info'>MAMP<\/a> with a URL &#8230;<\/p>\n<p><code><br \/>\n<b>http:\/\/localhost:8888\/<\/b>australia.htm<br \/>\n<\/code><\/p>\n<p> &#8230; <a target=_blank title=\"but there's more\" href=\"http:\/\/www.youtube.com\/watch?v=iiATDMHU7gc\">&#8220;but there&#8217;s more&#8221;<\/a> &#8230; with this local Apache\/PHP\/MySql you get the services of active web inspectors and, believe it or not, you still don&#8217;t need an Internet connection to do your work and testing (but, believe me, testing IS work, and most of it).  Get the Internet connection and compare it to <a target=_blank title='Version online' href='HTTP:\/\/www.rjmprogramming.com.au\/HTMLCSS\/australia.htm'>HTTP:\/\/www.rjmprogramming.com.au\/HTMLCSS\/australia.htm<\/a> and forgot to say for any of these links, you need whatever media is required, in this case an image called <a target=_blank title='australia.jpg' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/australia.jpg'>australia.jpg<\/a> which we&#8217;d have saved into <b>\/Applications\/MAMP\/htdocs\/<\/b> (the (default) Document Root of a Mac OS X version of MAMP) off which we do all our web application development around here, using TextWrangler as a text editor.<\/p>\n<p>If this is you, embarking on a quest to learn Javascript, congratulations and good luck!<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d36665' onclick='var dv=document.getElementById(\"d36665\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/javascript\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d36665' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>There are lots of ways to learn, and can think of (at the very least), combinations of &#8230; Visual Auditory Kinesthetic (movement) There are lots of approaches within and among those modes of learning, also. Let&#8217;s take the broad brush &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/javascript-course-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[1669,212,267,1750,652,688,744,997,1265,1319,1345,1404,2099],"class_list":["post-36665","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-address-bar","tag-client","tag-course","tag-document-root","tag-javascript","tag-learning","tag-mamp","tag-programming","tag-textwrangler","tag-tutorial","tag-url","tag-web-browser","tag-web-inspector"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/36665"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=36665"}],"version-history":[{"count":15,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/36665\/revisions"}],"predecessor-version":[{"id":36688,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/36665\/revisions\/36688"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=36665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=36665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=36665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}