website/temp/jqueryessentialtraining/introduction.js

import { addBanner, addArticle, addHeader, addSubHeader, addParagraph, addCaption, addQuote } from '/scripts/article.js';
import { addInset, addInsetList, addInsetCodeListing, addInsetBulletList } from '/scripts/inset.js';
import { addImageWithCaption, addButtonGroup } from '/scripts/visuals.js';
import { menu } from "/scripts/web_dev_buttons.js";;

const main = document.querySelector("main")
main.append(addBanner("jQuery Essential Training", "Joe Marini : September 2016", "INTRODUCTION"))
main.append(addArticle())
const article = document.querySelector("article")
article.append(addHeader("Setting up the Environment"))
article.append(addParagraph("jQuery is a library written (I believe) JavaScript pretty similar to the JavaScript libraries I created while developing this course and they are used in the same way – the file has to be made available to the web server either remotely or by including the file in the HTML folder somewhere."))
article.append(addParagraph("I have created a jQuery folder for my website and put the different versions of the lib there.  Note the files themselves can be downloaded from https://jquery.com/download/"))
article.append(addParagraph(" Other than that, the only thing you really need to do in terms of setting up the environment is to have a text editor but I am already doing my dev in Dreamweaver so it’s not an issue for me.  Can use Brackets or VS Code, both of which have live servers available but again, I already have my own web server so not really worried about that. "))
article.append(addParagraph(" Note that there are compressed and uncompressed versions of jQuery – generally you can use the uncompressed version for development and the compressed version for production.  Note, the compressed file is not compressed in the traditional sense, maybe optimised would be a better word as it is really just a case (I think) of whitespace/comments etc being removed from the file to make it as small as possible.  I have downloaded version 3.6.3 and the file sizes are 287KB and 88KB so big difference proportionally but in terms of size, neither is particularly huge so probably not as big of an issue nowadays. "))
article.append(addParagraph(" To put it into context, the most recent zipped backup of this site is over 450,000 KB."))
article.append(addHeader("What is jQuery"))
article.append(addParagraph("jQuery is an open-source library.  Like any library, it is designed to make coding easier by providing solutions to common problems and making difficult tasks simple by abstracting away some of the complexity.  In particular, it is useful for working with AJAX, producing dynamic content and rich animations and producing content that works across all browsers."))
article.append(addParagraph("It is interesting to note that this course was produced in 2016, more than 6 years ago as I write this.  At that time, jQuery was probably the most popular jQuery library."))
article.append(addParagraph("If you compare that to the situation today, there are plenty of statistics to suggest that jQuery is still very popular and is used in between 70 and 80 percent of all websites.  But if you do a web search for information on jQuery, most of the content surrounds the debate on whether it is still worth learning jQuery today.  Although it is still used a lot and there is certainly a lot of legacy jQuery code around, it is worth bearing in mind that much of its apparent popularity is down to the fact that it is a dependency of Bootstrap (although possibly being dropped in version 5) and other frameworks so it is less clear whether developers are still coding jQuery."))
article.append(addParagraph("Personally, I think that it is still worth learning because it is kind of an intermediary step between JavaScript and framweworks such as React so I think that learning it will probably help to develop a deeper understanding of React."))
article.append(addParagraph("jQuery is designed to be easy to use.  It uses CSS syntax to allow you to easily locate and manipulate DOM elements.  It uses JavaScript syntax but it is designed to work with collections of elements rather than individual elements."))
article.append(addParagraph("It also uses plugins to extend the facilities it can provide and there are a lot of these available.  For example, you can download plugins from <a href='https://plugins.jquery.com/tag/responsive/'>jQuery.com</a> or <a href='https://www.jqueryscript.net/'>jQueryScript.net</a>.  Although the subject is not covered in this course, it is quite easy to build your own plugins which means that you can customise jQuery either with existing plugins or by creating new plugins if necessary."))
article.append(addParagraph("You might wonder why the loadHTML"))
main.append(menu("jQuery"))