{"id":31495,"date":"2017-07-17T03:01:58","date_gmt":"2017-07-16T17:01:58","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=31495"},"modified":"2017-07-17T17:48:20","modified_gmt":"2017-07-17T07:48:20","slug":"english-articles-in-grammar-game-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/english-articles-in-grammar-game-primer-tutorial\/","title":{"rendered":"English Articles in Grammar Game Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/the_article_game.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"English Articles in Grammar Game Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/the_article_game.jpg\" title=\"English Articles in Grammar Game Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">English Articles in Grammar Game Primer Tutorial<\/p><\/div>\n<p>It can be quite interesting when programming what web applications make &#8220;good bedfellows&#8221;.  By that I mean, it is not always that one web application can give another web application a huge &#8220;leg up&#8221; in terms of its workings &#8230;<\/p>\n<ul>\n<li>are always of the same subject matter or &#8220;theme&#8221; &#8230; though today they are &#8230; and\/or &#8230;<\/li>\n<li>are always for the same audience &#8230; though today they are<\/li>\n<\/ul>\n<p> &#8230; but in our experience it is more to do with &#8220;data organization&#8221; and to do with &#8220;how that data organization suits the presentation aspects&#8221; of the web application it is going to be the basis for.<\/p>\n<p>So in planning for today&#8217;s &#8220;The Article Game&#8221;, as an English grammar game suited to <a target=_blank title='ESL information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/English_as_a_second_or_foreign_language'>ESL<\/a> students, or other &#8220;English refresher students&#8221;, we knew we wanted to involve <a target=_blank title='Cloze test information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Cloze_test'>&#8220;cloze tests&#8221;<\/a> (what some of us might think of as &#8220;fill in&#8221; exercises) because we think &#8220;cloze tests&#8221; are great when there is a limited set of choices that would fit a &#8220;multiple choice&#8221; &#8220;filling in&#8221; of user knowledge into a &#8220;contextual&#8221; (English) sentence (or sentences, today).  And this &#8220;cloze test&#8221; arrangement we have done before at this blog with ESL web applications we have done in the past, though we have hardly ever mentioned it in these terms in the past.  If you are a regular, think of many of those <a target=_blank title='Dot Dot Dot' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/?s=Dot+Dot+Dot'>&#8220;Dot Dot Dot&#8221;<\/a> ESL games involving three parts to a phrase or sentence that you solve for one out of three unknowns presented as the question.  With many of these web applications, that data consisted of an (HTML and Javascript client side (only)) array of &#8220;sentences&#8221;.  We&#8217;ve never done more than one &#8220;sentence&#8221; at a time before, to our memory, but apart from that, today, we had the same &#8220;aims&#8221; of &#8220;data&#8221; in mind.  So in looking for a &#8220;leg up&#8221; web application, believe it or not, at the Mac OS X Terminal application command line we just went (at our usual coding place) &#8230;<\/p>\n<p><code><br \/>\nfgrep 'var sentence' *.htm*<br \/>\n<\/code><\/p>\n<p> &#8230; and picked out <a title='HTML\/Javascript Present Perfect Progressive Primer Tutorial' href='#html\/jppppt'>HTML\/Javascript Present Perfect Progressive Primer Tutorial<\/a> as a good &#8220;leg up&#8221; candidate, as indeed it is.  Not to say that there wasn&#8217;t tweaking, because there was, but the basics were there for very similar &#8220;data&#8221; arrangements, just, as per usual with these things, at least for us, &#8220;delimitation&#8221; changes.  And that is because we are great believers in very simple data structures, with a mild belief that flexible &#8220;delimitation&#8221; logics handling those simple &#8220;data&#8221; arrangements are the preferred way for our style, because we are comfortable with using the Javascript <a target=_blank title='Javascript string methods from w3schools' href='https:\/\/www.w3schools.com\/js\/js_string_methods.asp'>&#8220;string&#8221;<\/a> functions, our favourites being <i>replace<\/i> (including \/regex\/ style &#8220;replace&#8221;), <i>split<\/i>, <i>indexOf<\/i>, <i>length<\/i>, <i>substring<\/i>, <i>toLowerCase<\/i>, <i>toUpperCase<\/i>, <i>fromCharCode<\/i> and <i>slice<\/i>.<\/p>\n<p>And what about that <i>sentence<\/i> array &#8220;content&#8221;?  We turned to the experts, and want to thank &#8220;How English Works &#8230; A Grammar Practice Book&#8221; by Michael Swan and Catherine Walter (ISBN: 978-0-19-431456-5) and &#8220;Techniques and Resources in Teaching Grammar&#8221; by Marianne Celce-Murcia and Sharon Hilles (ISBN: 978-0-19-434191-2) for some <i>sentence<\/i> ideas, as questions for <i>cloze testing<\/i> the users having a go at today&#8217;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/the_article_game.html\" title='Click picture'>live run<\/a>.<\/p>\n<p>What can we say about English <a target=_blank title='English articles information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Article_(grammar)'>articles<\/a> in terms of their grammar?  Maybe the best way to describe these &#8220;modifiers of nouns&#8221; &#8230; the &#8220;little&#8221; words &#8230;<\/p>\n<ul>\n<li><i>a<\/i> or <i>an<\/i> as indefinite articles<\/li>\n<li><i>the<\/i> as a definite article<\/li>\n<li><i>one<\/i><\/li>\n<li>no article &#8230; sometimes &#8230; for example, generalizations<\/li>\n<p> &#8230; is to &#8220;couch&#8221; it in this way &#8230; supposing you didn&#8217;t have articles, like in the language <a target=_blank title='Estonian language information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Estonian_language'>Estonian<\/a> &#8230; and you were tasked with coming up with a way to get around this?  You need to change word <a target=_blank title='Estonian language has no articles' href='http:\/\/mylanguages.org\/estonian_articles.php'>endings<\/a> a lot!<\/p>\n<p>Here is that &#8220;The Articles Game&#8221; HTML and Javascript and CSS code at <a target=_blank title='The Articles Game' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/the_article_game.html-GETME' title='the_article_game.html'>the_article_game.html<\/a> and because today&#8217;s code was based so much on that previous <a title='HTML\/Javascript Present Perfect Progressive Primer Tutorial' href='#html\/jppppt'>HTML\/Javascript Present Perfect Progressive Primer Tutorial<\/a> (which is turn, itself, was based so much on <a target=_blank title='HTML\/Javascript Hearing and Listening Primer Tutorial' href='#hjhalpt'>HTML\/Javascript Hearing and Listening Primer Tutorial<\/a>) we also present, today, a &#8220;how we got there&#8221; differences link to peruse <a target=_blank title='The Articles Game' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/the_article_game.html-GETME' title='the_article_game.html'>here<\/a>.<\/p>\n<hr>\n<p id='html\/jppppt'>Previous relevant <a target=_blank title='HTML\/Javascript Present Perfect Progressive Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/html\/javascript-present-perfect-progressive-primer-tutorial\/'>HTML\/Javascript Present Perfect Progressive Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/present_perfect_progressive_or_simple_or_non_progressive.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/Javascript Present Perfect Progressive Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/pppt.jpg\" title=\"HTML\/Javascript Present Perfect Progressive Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Present Perfect Progressive Primer Tutorial<\/p><\/div>\n<p>Today&#8217;s very alliterative blog posting title, alas, doesn&#8217;t mean The <a target=_blank title=\"The Three P's\" href='https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/the-three-ps\/'>Three P&#8217;s<\/a> have had any offspring, but we can say today, that we are continuing on our ESL word and sentence game quest to help improve English usage for advanced <a target=_blank title='English as a Second Language information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/English_as_a_second_or_foreign_language'>ESL<\/a> students.<\/p>\n<p>The subtleties of the Present Perfect Progressive tense (also known as Present Perfect Continuous) in English are best explained in class, but next to that, let&#8217;s see what <a target=_blank title='Present perfect English tense information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Present_perfect'>Wikipedia<\/a> says &#8230;<\/p>\n<blockquote><p>\nEnglish also has a present perfect continuous (or present perfect progressive) form, which combines present tense with both perfect aspect and continuous (progressive) aspect: &#8220;I have been eating&#8221;. In this case the action is not necessarily complete; the same is true of certain uses of the basic present perfect when the verb expresses a state or a habitual action: &#8220;I have lived here for five years.&#8221;\n<\/p><\/blockquote>\n<p>So, this being the pretty complex subject it is, we&#8217;ve decided to put as the background image, today, with our web application, a reworked background image that is graphical by nature, reminding the user about the circumstances of the use of this English tense, and we&#8217;d like to thank <a target=_blank title='Useful link ... thanks' href='http:\/\/www.grammar-monster.com\/glossary\/present_perfect_progressive_tense.htm' style='text-decoration:none;'>Grammar Monster<\/a> for their wonderful website here.  Of humungously magnificent use, also, was the book &#8230;<\/p>\n<blockquote><p>\n&#8220;How English Works &#8230; A Grammar Practice Book&#8221; by Michael Swan and Catherine Walter\n<\/p><\/blockquote>\n<p> &#8230; from which the questions, though reworked a little, are derived, here, today, and with these matters, it is really good sentence questions to ask students that make for a good learning experience.  Eh wot &#8230; <font size=1>please ignore this break with protocol<\/font>.<\/p>\n<p>We use the web resources below in a similar manner to yesterday&#8217;s <a target=_blank title='HTML\/Javascript Hearing and Listening Primer Tutorial' href='#hjhalpt'>HTML\/Javascript Hearing and Listening Primer Tutorial<\/a> &#8230;<\/p>\n<ul>\n<li><a target=_blank title='Google Translate' href='http:\/\/translate.google.com\/'>Google Translate<\/a> &#8230; specifically its incredibly useful <a target=_blank title='Google Translate text to speech' href='http:\/\/translate.google.com\/translate_tts?tl=en&#038;q=hello'>text to speech service<\/a> &#8230; thanks, heaps &#8230; by the way, you may be asked to fill in a <a target=_blank title='Captcha information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/CAPTCHA'>Captcha<\/a> &#8220;puzzle&#8221; when accessing the text to speech functionality when using the <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/present_perfect_progressive_or_simple_or_non_progressive.html\" title='click picture'>live run<\/a>, and this may only happen once a session<\/li>\n<li><a target=_blank title='The Free Dictionary' href='http:\/\/thefreedictionary.com\/'>The Free Dictionary<\/a> &#8230; thanks, again<\/li>\n<\/ul>\n<p> &#8230; only this time we apply the traditional <a target=_blank title='Google Translate' href='http:\/\/translate.google.com\/'>Google Translate<\/a> windows to an optional translation (presumably back to the user&#8217;s native tongue) should they decide to complete English sentences but be curious about the context of all this back in the native tongue.  They can choose to ask for this mode with the bottom left HTML select (dropdown) tag.<\/p>\n<p>So English sentences are presented to the user to solve, where the parts of the sentence within <i>()<\/i> need replacing with the user entered answer to create a good workable English sentence, which can then, as an entire sentence, be either &#8230;<\/p>\n<ol>\n<li>heard via Google Translate <a target=_blank title='Google Translate text to speech' href='http:\/\/translate.google.com\/translate_tts?tl=en&#038;q=hello'>text to speech service<\/a> &#8230; or &#8230;<\/li>\n<li>translated via <a target=_blank title='Google Translate' href='http:\/\/translate.google.com\/'>Google Translate<\/a> &#8230; as mentioned above<\/li>\n<\/ol>\n<p>Against all this, maybe really advanced students can time themselves solving all the 27 English sentence questions, and perhaps beat their last time.<\/p>\n<p>Again, as in <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a>, we&#8217;ve included some Internationalization Emoji character helpers and like there, we found <a target=_blank title='Emojipedia' href='http:\/\/emojipedia.org\/'>Emojipedia<\/a> a great place to look up the concepts with better detail at the <a target=_blank title='File Format Info website' href='http:\/\/www.fileformat.info\/info\/unicode\/utf8.htm'>File Format Info<\/a> website.<\/p>\n<p>Regarding the Google Translate <a target=_blank title='Google Translate text to speech' href='http:\/\/translate.google.com\/translate_tts?tl=en&#038;q=hello'>text to speech service<\/a>, ESL students will probably have already experienced a variety of English accents, and there is no doubt this is a big thing to overcome in learning English, along with all the other challenges to do with learning another language.  The Google Translate text to speech is no different in the sense that there is an accent you should not think is going to be a typical accent, necessarily, to do with living where you&#8217;re going to be living.  But it does give you some guidelines into how words are pronounced, and it is good to have heard a word sometimes, before you hear it being spoken by a very fast speaker, for instance.  So, why not try the Present Perfect Progressive Timer Game by using this <a target=_blank title='Click picture' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/present_perfect_progressive_or_simple_or_non_progressive.html'>live run<\/a> link.<\/p>\n<p>For you programmers interested in HTML and Javascript and CSS code (especially as you don&#8217;t need any special web hosting to test today&#8217;s code) you can see this at <a target=_blank title='Past Present Progressive English Sentence Timer Game' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/present_perfect_progressive_or_simple_or_non_progressive.html-GETME' title='present_perfect_progressive_or_simple_or_non_progressive'>present_perfect_progressive_or_simple_or_non_progressive.html<\/a> and because today&#8217;s code was based so much on yesterday&#8217;s <a target=_blank title='HTML\/Javascript Hearing and Listening Primer Tutorial' href='#hjhalpt'>HTML\/Javascript Hearing and Listening Primer Tutorial<\/a> we also present, today, a &#8220;how we got there&#8221; differences link to peruse <a target=_blank title='Past Present Progressive English Sentence Timer Game' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/present_perfect_progressive_or_simple_or_non_progressive.html-GETME' title='present_perfect_progressive_or_simple_or_non_progressive'>here<\/a>.<\/p>\n<hr>\n<p id='hjhalpt'>Previous relevant <a target=_blank title='HTML\/Javascript Hearing and Listening Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-hearing-and-listening-primer-tutorial\/'>HTML\/Javascript Hearing and Listening Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listen_to.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/Javascript Hearing and Listening Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listening_and_hearing.jpg\" title=\"HTML\/Javascript Hearing and Listening Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Hearing and Listening Primer Tutorial<\/p><\/div>\n<p>We&#8217;ve got a web application on the theme of Listening and Hearing, today, written such that it doesn&#8217;t need serverside (in our case, PHP) constituents, just HTML and Javascript and CSS, with a lot of help from various sources as per &#8230;<\/p>\n<ul>\n<li><a target=_blank title='Google Translate' href='http:\/\/translate.google.com\/'>Google Translate<\/a> &#8230; specifically its incredibly useful <a target=_blank title='Google Translate text to speech' href='http:\/\/translate.google.com\/translate_tts?tl=en&#038;q=hello'>text to speech service<\/a> &#8230; thanks, heaps &#8230; by the way, you may be asked to fill in a <a target=_blank title='Captcha information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/CAPTCHA'>Captcha<\/a> &#8220;puzzle&#8221; when accessing the text to speech functionality when using the <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listen_to.html\" title='click picture'>live run<\/a>, and this may only happen once a session<\/li>\n<li><a target=_blank title='The Free Dictionary' href='http:\/\/thefreedictionary.com\/'>The Free Dictionary<\/a> &#8230; thanks, again<\/li>\n<li><a target=_blank title='Clipart Panda' href='http:\/\/www.clipartpanda.com\/clipart_images\/hearing-ear-32519232'>Clipart Panda<\/a> &#8230; for the background image &#8230; and the same configuration of this as we mentioned in <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a><\/li>\n<li>A Poem courtesy of this great <a target=_blank title='Poetry link' href='http:\/\/www.behappyzone.com\/happy-attitude-poems.html'>link<\/a> &#8230; thanks<\/li>\n<\/ul>\n<p>We&#8217;ve designed this web application with <a target=_blank title='English as a Second Language information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/English_as_a_second_or_foreign_language'>ESL<\/a> students in mind, but it might be useful for other purposes.  The idea is the user types, or copies and pastes some wording of interest into the &#8220;words&#8221; textarea and sees it presented in the yellow HTML <a target=_blank title='HTML Canvas element information from w3schools' href='http:\/\/www.w3schools.com\/tags\/ref_canvas.asp'>canvas<\/a> element, printed out slowly in that same method as discussed in <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a> as well.  This time, though, with the printing out, there are implied buttons under each word, via a white background (done with a call to the <a target=_blank title='HTML canvas fillRect() method information from w3schools' href='http:\/\/www.w3schools.com\/tags\/canvas_fillrect.asp'>fillRect()<\/a> HTML canvas method) to those bits of the canvas element.  To click on one of these white areas &#8230;<\/p>\n<ol>\n<li>opens a <a target=_blank title='Javascript window.open() method information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/met_win_open.asp'>window.open()<\/a> popup window of The Free Dictionary lookup for that word if your Language you&#8217;ve chosen in the HTML select (dropdown) element is English<\/li>\n<li>opens a window.open() popup window of Google Translate text to speech for that word in the Language you&#8217;ve chosen in the HTML select (dropdown) element<\/li>\n<\/ol>\n<p>There are limits to the amount of text Google Translate text to speech allows, and in some cases where you leave totally blank lines in your text, we may be able to &#8220;chunk&#8221; the text into several calls to Google Translate text to speech when you&#8217;ve pressed the &#8220;Hear &#128066; All the Words&#8221; button.<\/p>\n<p>Also, as in <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a>, we&#8217;ve included some Internationalization Emoji character helpers and like there, we found <a target=_blank title='Emojipedia' href='http:\/\/emojipedia.org\/'>Emojipedia<\/a> a great place to look up the concepts with better detail at the <a target=_blank title='File Format Info website' href='http:\/\/www.fileformat.info\/info\/unicode\/utf8.htm'>File Format Info<\/a> website.<\/p>\n<p>ESL students will probably have already experienced a variety of English accents, and there is no doubt this is a big thing to overcome in learning English, along with all the other challenges to do with learning another language.  The Google Translate text to speech is no different in the sense that there is an accent you should not think is going to be a typical accent, necessarily, to do with living where you&#8217;re going to be living.  But it does give you some guidelines into how words are pronounced, and it is good to have heard a word sometimes, before you hear it being spoken by a very fast speaker, for instance.  So, why not copy and paste some words off the Internet, and see how they sound by using this <a target=_blank title='Click picture' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listen_to.html'>live run<\/a> link.<\/p>\n<p>For you programmers interested in HTML and Javascript and CSS code (especially as you don&#8217;t need any special web hosting to test today&#8217;s code) you can see this at <a target=_blank title='Listening and Hearing' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listen_to.html-GETME' title='listen_to.html'>listen_to.html<\/a> and because today&#8217;s code was based so much on the supervisor HTML code of <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a> we also present, today, a &#8220;how we got there&#8221; differences link to peruse <a target=_blank title='Listening and Hearing' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listen_to.html-GETME' title='listen_to.html'>here<\/a>.<\/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='#d17742' onclick='var dv=document.getElementById(\"d17742\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/category\/animation\/\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17742' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d17772' onclick='var dv=document.getElementById(\"d17772\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/ESL\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17772' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d31495' onclick='var dv=document.getElementById(\"d31495\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/esl\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d31495' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>It can be quite interesting when programming what web applications make &#8220;good bedfellows&#8221;. By that I mean, it is not always that one web application can give another web application a huge &#8220;leg up&#8221; in terms of its workings &#8230; &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/english-articles-in-grammar-game-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,14,33,37],"tags":[103,2266,2105,281,2147,388,396,537,576,652,2011,997,1119,1319,1452],"class_list":["post-31495","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-software","category-tutorials","tag-array","tag-cloze","tag-context","tag-css","tag-delimiter","tag-english","tag-esl","tag-grammar","tag-html","tag-javascript","tag-noun","tag-programming","tag-sentence","tag-tutorial","tag-word"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/31495"}],"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=31495"}],"version-history":[{"count":14,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/31495\/revisions"}],"predecessor-version":[{"id":31529,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/31495\/revisions\/31529"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=31495"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=31495"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=31495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}