Javascript and Pearl coding for websites

Message

#1 Post by **tascoast** » Fri May 02, 2025 10:49 am

* have added a screenshot of electives for reference*
With so many clever people around, I was wondering if anyone spends much time using java and pearl in websites and applications, particularly back end? Although I'm confident with writing and editing html, use Wordpress/Wix/SquareSpace etc and can insert odd bits of java code in web pages for things like groovy navigation rollovers or drop lists, I'm going to do a 6mth course that takes it a lot further with the view to self-employment and small site design, initially.

I did notice how similar java and pearl are in defining variables and not so far from ZX-81 Basic I happily picked up from the manual long ago, looking at https://www.w3schools.com, so wonder if this is a worthwhile starting point, before I begin in July?

Some other things include:

"Brightspace, Microsoft 365, WebEx, Google Chrome, and access to development tools like Visual Studio Code, GitHub Desktop, MySQL Workbench, and SQL Server"

Brightspace is just online learning management, which students use to access learning resources, submit...365 for those without, typically, or possibly collaboration/sharing, in this course, Figma, which I'm looking at now, a web/app workspace designer thingy..should have Visual Studio Code via VBox etc on MS laptop...GitHub I just know from odd wifi dongle driver issues and MX testing, occasionally I think, but while I know of, I haven't done network/server SQL stuff, which I gather will be about running scripts and apps for websites, broadly speaking.

Any suggestions welcome. Thanks.
hellfirebluffpress.org

Mick
This is something very basic indeed, not really coding, but it occured to me it might serve as a bit of a digital fidget toy, in the right sort of hands, if you choose to copy and paste below into a text file and save as *html. It just changes the page background to whichever colour the pointer is over, using a table of coloured blocks (I didn't use any special order I think, but it was over 20 years ago now).

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title> JavaScript page background colour changer</title>
<meta content="text/html; charset=windows-1252" http-equiv="Content-Type">
<meta content="MSHTML 5.00.2314.1000" name="GENERATOR">
<meta content="HTML, Web Design Resources" name="description">
<meta content="Java" name="keywords">
</head>
<body text="#000000" link="#0000ff" bgcolor="6633FF">
<a name="top"></a>

<br>

<font color="#ff00ff" face="Comic Sans MS">
<h1>Background Colour Changer </h1>
</font>

<p>
<table border="0" cellpadding="8" cellspacing="8">
  <tbody><tr>
    <td bgcolor="#ffffff"><a href="#top" onmouseover="document.bgColor='FFFFFF'">&nbsp;</a> 
    </td><td bgcolor="#ffffcc"><a href="#top" onmouseover="document.bgColor='FFFFCC'">&nbsp;</a> 
    </td><td bgcolor="#ffff99"><a href="#top" onmouseover="document.bgColor='FFFF99'">&nbsp;</a> 
    </td><td bgcolor="#ffff66"><a href="#top" onmouseover="document.bgColor='FFFF66'">&nbsp;</a> 
    </td><td bgcolor="#ffff33"><a href="#top" onmouseover="document.bgColor='FFFF33'">&nbsp;</a> 
    </td><td bgcolor="#ffff00"><a href="#top" onmouseover="document.bgColor='FFFF00'">&nbsp;</a> 
    </td><td bgcolor="#ccffff"><a href="#top" onmouseover="document.bgColor='CCFFFF'">&nbsp;</a> 
    </td><td bgcolor="#ccffcc"><a href="#top" onmouseover="document.bgColor='CCFFCC'">&nbsp;</a> 
    </td><td bgcolor="#ccff99"><a href="#top" onmouseover="document.bgColor='CCFF99'">&nbsp;</a> 
    </td><td bgcolor="#ccff66"><a href="#top" onmouseover="document.bgColor='CCFF66'">&nbsp;</a> 
    </td><td bgcolor="#ccff33"><a href="#top" onmouseover="document.bgColor='CCFF33'">&nbsp;</a> 
    </td><td bgcolor="#ccff00"><a href="#top" onmouseover="document.bgColor='CCFF00'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#99ffff"><a href="#top" onmouseover="document.bgColor='99FFFF'">&nbsp;</a> 
    </td><td bgcolor="#99ffcc"><a href="#top" onmouseover="document.bgColor='99FFCC'">&nbsp;</a> 
    </td><td bgcolor="#99ff99"><a href="#top" onmouseover="document.bgColor='99FF99'">&nbsp;</a> 
    </td><td bgcolor="#99ff66"><a href="#top" onmouseover="document.bgColor='99FF66'">&nbsp;</a> 
    </td><td bgcolor="#99ff33"><a href="#top" onmouseover="document.bgColor='99FF33'">&nbsp;</a> 
    </td><td bgcolor="#99ff00"><a href="#top" onmouseover="document.bgColor='99FF00'">&nbsp;</a> 
    </td><td bgcolor="#66ffff"><a href="#top" onmouseover="document.bgColor='66FFFF'">&nbsp;</a> 
    </td><td bgcolor="#66ffcc"><a href="#top" onmouseover="document.bgColor='66FFCC'">&nbsp;</a> 
    </td><td bgcolor="#66ff99"><a href="#top" onmouseover="document.bgColor='66FF99'">&nbsp;</a> 
    </td><td bgcolor="#66ff66"><a href="#top" onmouseover="document.bgColor='66FF66'">&nbsp;</a> 
    </td><td bgcolor="#66ff33"><a href="#top" onmouseover="document.bgColor='66FF33'">&nbsp;</a> 
    </td><td bgcolor="#66ff00"><a href="#top" onmouseover="document.bgColor='66FF00'">&nbsp;</a> 
</td></tr>
  <tr>

    <td bgcolor="#33ffff"><a href="#top" onmouseover="document.bgColor='33FFFF'">&nbsp;</a> 
    </td><td bgcolor="#33ffcc"><a href="#top" onmouseover="document.bgColor='33FFCC'">&nbsp;</a> 
    </td><td bgcolor="#33ff99"><a href="#top" onmouseover="document.bgColor='33FF99'">&nbsp;</a> 
    </td><td bgcolor="#33ff66"><a href="#top" onmouseover="document.bgColor='33FF66'">&nbsp;</a> 
    </td><td bgcolor="#33ff33"><a href="" onmouseover="document.bgColor='33FF33'">&nbsp;</a> 
    </td><td bgcolor="#33ff00"><a href="#top" onmouseover="document.bgColor='33FF00'">&nbsp;</a> 
    </td><td bgcolor="#00ffff"><a href="#top" onmouseover="document.bgColor='00FFFF'">&nbsp;</a> 
    </td><td bgcolor="#00ffcc"><a href="#top" onmouseover="document.bgColor='00FFCC'">&nbsp;</a> 
    </td><td bgcolor="#00ff99"><a href="#top" onmouseover="document.bgColor='00FF99'">&nbsp;</a> 
    </td><td bgcolor="#00ff66"><a href="#top" onmouseover="document.bgColor='00FF66'">&nbsp;</a> 
    </td><td bgcolor="#00ff33"><a href="#top" onmouseover="document.bgColor='00FF33'">&nbsp;</a> 
    </td><td bgcolor="#00ff00"><a href="#top" onmouseover="document.bgColor='00FF00'">&nbsp;</a> 
</td></tr>
  <tr>

    <td bgcolor="#ffccff"><a href="#top" onmouseover="document.bgColor='FFCCFF'">&nbsp;</a> 
    </td><td bgcolor="#ffcccc"><a href="#top" onmouseover="document.bgColor='FFCCCC'">&nbsp;</a> 
    </td><td bgcolor="#ffcc99"><a href="#top" onmouseover="document.bgColor='FFCC99'">&nbsp;</a> 
    </td><td bgcolor="#ffcc66"><a href="#top" onmouseover="document.bgColor='FFCC66'">&nbsp;</a> 
    </td><td bgcolor="#ffcc33"><a href="#top" onmouseover="document.bgColor='FFCC33'">&nbsp;</a> 
    </td><td bgcolor="#ffcc00"><a href="#top" onmouseover="document.bgColor='FFCC00'">&nbsp;</a> 
    </td><td bgcolor="#ccccff"><a href="#top" onmouseover="document.bgColor='CCCCFF'">&nbsp;</a> 
    </td><td bgcolor="#cccccc"><a href="#top" onmouseover="document.bgColor='CCCCCC'">&nbsp;</a> 
    </td><td bgcolor="#cccc99"><a href="#top" onmouseover="document.bgColor='CCCC99'">&nbsp;</a> 
    </td><td bgcolor="#cccc66"><a href="#top" onmouseover="document.bgColor='CCCC66'">&nbsp;</a> 
    </td><td bgcolor="#cccc33"><a href="#top" onmouseover="document.bgColor='CCCC33'">&nbsp;</a> 
    </td><td bgcolor="#cccc00"><a href="#top" onmouseover="document.bgColor='CCCC00'">&nbsp;</a> 
</td></tr>
  <tr>

    <td bgcolor="#99ccff"><a href="#top" onmouseover="document.bgColor='99CCFF'">&nbsp;</a> 
    </td><td bgcolor="#99cccc"><a href="#top" onmouseover="document.bgColor='99CCCC'">&nbsp;</a> 
    </td><td bgcolor="#99cc99"><a href="#top" onmouseover="document.bgColor='99CC99'">&nbsp;</a> 
    </td><td bgcolor="#99cc66"><a href="#top" onmouseover="document.bgColor='99CC66'">&nbsp;</a> 
    </td><td bgcolor="#99cc33"><a href="#top" onmouseover="document.bgColor='99CC33'">&nbsp;</a> 
    </td><td bgcolor="#99cc00"><a href="#top" onmouseover="document.bgColor='99CC00'">&nbsp;</a> 
    </td><td bgcolor="#66ccff"><a href="#top" onmouseover="document.bgColor='66CCFF'">&nbsp;</a> 
    </td><td bgcolor="#66cccc"><a href="#top" onmouseover="document.bgColor='66CCCC'">&nbsp;</a> 
    </td><td bgcolor="#66cc99"><a href="#top" onmouseover="document.bgColor='66CC99'">&nbsp;</a> 
    </td><td bgcolor="#66cc66"><a href="#top" onmouseover="document.bgColor='66CC66'">&nbsp;</a> 
    </td><td bgcolor="#66cc33"><a href="#top" onmouseover="document.bgColor='66CC33'">&nbsp;</a> 
    </td><td bgcolor="#66cc00"><a href="#top" onmouseover="document.bgColor='66CC00'">&nbsp;</a> 
</td></tr>
  <tr>

    <td bgcolor="#33ccff"><a href="#top" onmouseover="document.bgColor='33CCFF'">&nbsp;</a> 
    </td><td bgcolor="#33cccc"><a href="#top" onmouseover="document.bgColor='33CCCC'">&nbsp;</a> 
    </td><td bgcolor="#33cc99"><a href="#top" onmouseover="document.bgColor='33CC99'">&nbsp;</a> 
    </td><td bgcolor="#33cc66"><a href="#top" onmouseover="document.bgColor='33CC66'">&nbsp;</a> 
    </td><td bgcolor="#33cc33"><a href="#top" onmouseover="document.bgColor='33CC33'">&nbsp;</a> 
    </td><td bgcolor="#33cc00"><a href="#top" onmouseover="document.bgColor='33CC00'">&nbsp;</a> 
    </td><td bgcolor="#00ccff"><a href="#top" onmouseover="document.bgColor='00CCFF'">&nbsp;</a> 
    </td><td bgcolor="#c0ccc0"><a href="#top" onmouseover="document.bgColor='00CCCC'">&nbsp;</a> 
    </td><td bgcolor="#00cc99"><a href="#top" onmouseover="document.bgColor='00CC99'">&nbsp;</a> 
    </td><td bgcolor="#00cc66"><a href="#top" onmouseover="document.bgColor='00CC66'">&nbsp;</a> 
    </td><td bgcolor="#00cc33"><a href="#top" onmouseover="document.bgColor='00CC33'">&nbsp;</a> 
    </td><td bgcolor="#00cc00"><a href="#top" onmouseover="document.bgColor='00CC00'">&nbsp;</a> 
</td></tr>
  <tr>

    <td bgcolor="#ff99ff"><a href="#top" onmouseover="document.bgColor='FF99FF'">&nbsp;</a> 
    </td><td bgcolor="#ff99cc"><a href="#top" onmouseover="document.bgColor='FF99CC'">&nbsp;</a> 
    </td><td bgcolor="#ff9999"><a href="#top" onmouseover="document.bgColor='FF9999'">&nbsp;</a> 
    </td><td bgcolor="#ff9966"><a href="#top" onmouseover="document.bgColor='FF9966'">&nbsp;</a> 
    </td><td bgcolor="#ff9933"><a href="#top" onmouseover="document.bgColor='FF9933'">&nbsp;</a> 
    </td><td bgcolor="#ff9900"><a href="#top" onmouseover="document.bgColor='FF9900'">&nbsp;</a> 
    </td><td bgcolor="#cc99ff"><a href="#top" onmouseover="document.bgColor='CC99FF'">&nbsp;</a> 
    </td><td bgcolor="#cc99cc"><a href="#top" onmouseover="document.bgColor='CC99CC'">&nbsp;</a> 
    </td><td bgcolor="#cc9999"><a href="#top" onmouseover="document.bgColor='CC9999'">&nbsp;</a> 
    </td><td bgcolor="#cc9966"><a href="#top" onmouseover="document.bgColor='CC9966'">&nbsp;</a> 
    </td><td bgcolor="#cc9933"><a href="#top" onmouseover="document.bgColor='CC9933'">&nbsp;</a> 
    </td><td bgcolor="#cc9900"><a href="#top" onmouseover="document.bgColor='CC9900'">&nbsp;</a> 
</td></tr>
  <tr>

    <td bgcolor="#9999ff"><a href="#top" onmouseover="document.bgColor='9999FF'">&nbsp;</a> 
    </td><td bgcolor="#9999cc"><a href="#top" onmouseover="document.bgColor='9999CC'">&nbsp;</a> 
    </td><td bgcolor="#999999"><a href="#top" onmouseover="document.bgColor='999999'">&nbsp;</a> 
    </td><td bgcolor="#999966"><a href="#top" onmouseover="document.bgColor='999966'">&nbsp;</a> 
    </td><td bgcolor="#999933"><a href="#top" onmouseover="document.bgColor='999933'">&nbsp;</a> 
    </td><td bgcolor="#999900"><a href="#top" onmouseover="document.bgColor='999900'">&nbsp;</a> 
    </td><td bgcolor="#6699ff"><a href="#top" onmouseover="document.bgColor='6699FF'">&nbsp;</a> 
    </td><td bgcolor="#6699cc"><a href="#top" onmouseover="document.bgColor='6699CC'">&nbsp;</a> 
    </td><td bgcolor="#669999"><a href="#top" onmouseover="document.bgColor='669999'">&nbsp;</a> 
    </td><td bgcolor="#669966"><a href="#top" onmouseover="document.bgColor='669966'">&nbsp;</a> 
    </td><td bgcolor="#669933"><a href="#top" onmouseover="document.bgColor='669933'">&nbsp;</a> 
    </td><td bgcolor="#669900"><a href="#top" onmouseover="document.bgColor='669900'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#3399ff"><a href="#top" "="" onmouseover="document.bgColor='3399FF'">&nbsp;</a> 
    </td><td bgcolor="#3399cc"><a href="#top" onmouseover="document.bgColor='3399CC'">&nbsp;</a> 
    </td><td bgcolor="#339999"><a href="#top" onmouseover="document.bgColor='339999'">&nbsp;</a> 
    </td><td bgcolor="#339966"><a href="#top" onmouseover="document.bgColor='339966'">&nbsp;</a> 
    </td><td bgcolor="#339933"><a href="#top" onmouseover="document.bgColor='339933'">&nbsp;</a> 
    </td><td bgcolor="#339900"><a href="#top" onmouseover="document.bgColor='339900'">&nbsp;</a> 
    </td><td bgcolor="#0099ff"><a href="#top" onmouseover="document.bgColor='0099FF'">&nbsp;</a> 
    </td><td bgcolor="#0099cc"><a href="#top" onmouseover="document.bgColor='0099CC'">&nbsp;</a> 
    </td><td bgcolor="#009999"><a href="#top" onmouseover="document.bgColor='009999'">&nbsp;</a> 
    </td><td bgcolor="#009966"><a href="#top" onmouseover="document.bgColor='009966'">&nbsp;</a> 
    </td><td bgcolor="#009933"><a href="#top" onmouseover="document.bgColor='009933'">&nbsp;</a> 
    </td><td bgcolor="#009900"><a href="#top" onmouseover="document.bgColor='009900'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#ff66ff"><a href="#top" onmouseover="document.bgColor='FF66FF'">&nbsp;</a> 
    </td><td bgcolor="#ff66cc"><a href="#top" onmouseover="document.bgColor='FF66CC'">&nbsp;</a> 
    </td><td bgcolor="#ff6699"><a href="#top" onmouseover="document.bgColor='FF6699'">&nbsp;</a> 
    </td><td bgcolor="#ff6666"><a href="#top" onmouseover="document.bgColor='FF6666'">&nbsp;</a> 
    </td><td bgcolor="#ff6633"><a href="#top" onmouseover="document.bgColor='FF6633'">&nbsp;</a> 
    </td><td bgcolor="#ff6600"><a href="#top" onmouseover="document.bgColor='FF6600'">&nbsp;</a> 
    </td><td bgcolor="#cc66ff"><a href="#top" onmouseover="document.bgColor='CC66FF'">&nbsp;</a> 
    </td><td bgcolor="#cc66cc"><a href="#top" onmouseover="document.bgColor='CC66CC'">&nbsp;</a> 
    </td><td bgcolor="#cc6699"><a href="#top" onmouseover="document.bgColor='CC6699'">&nbsp;</a> 
    </td><td bgcolor="#cc6666"><a href="#top" onmouseover="document.bgColor='CC6666'">&nbsp;</a> 
    </td><td bgcolor="#cc6633"><a href="#top" onmouseover="document.bgColor='CC6633'">&nbsp;</a> 
    </td><td bgcolor="#cc6600"><a href="#top" onmouseover="document.bgColor='CC6600'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#9966ff"><a href="#top" onmouseover="document.bgColor='9966FF'">&nbsp;</a> 
    </td><td bgcolor="#9999cc"><a href="#top" onmouseover="document.bgColor='9999CC'">&nbsp;</a> 
    </td><td bgcolor="#996699"><a href="#top" onmouseover="document.bgColor='996699'">&nbsp;</a> 
    </td><td bgcolor="#996666"><a href="#top" onmouseover="document.bgColor='996666'">&nbsp;</a> 
    </td><td bgcolor="#996633"><a href="#top" onmouseover="document.bgColor='996633'">&nbsp;</a> 
    </td><td bgcolor="#996600"><a href="#top" onmouseover="document.bgColor='996600'">&nbsp;</a> 
    </td><td bgcolor="#6666ff"><a href="#top" onmouseover="document.bgColor='6666FF'">&nbsp;</a> 
    </td><td bgcolor="#6666cc"><a href="#top" onmouseover="document.bgColor='6666CC'">&nbsp;</a> 
    </td><td bgcolor="#666699"><a href="#top" onmouseover="document.bgColor='666699'">&nbsp;</a> 
    </td><td bgcolor="#666666"><a href="#top" onmouseover="document.bgColor='666666'">&nbsp;</a> 
    </td><td bgcolor="#666633"><a href="file:///D:/Documents/newhomepage/html/f#top" onmouseover="document.bgColor='666633'">&nbsp;</a> 
    </td><td bgcolor="#666600"><a href="#top" onmouseover="document.bgColor='666600'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#3366ff"><a href="#top" onmouseover="document.bgColor='3366FF'">&nbsp;</a> 
    </td><td bgcolor="#3366cc"><a href="#top" onmouseover="document.bgColor='3366CC'">&nbsp;</a> 
    </td><td bgcolor="#336699"><a href="#top" onmouseover="document.bgColor='336699'">&nbsp;</a> 
    </td><td bgcolor="#336666"><a href="#top" onmouseover="document.bgColor='336666'">&nbsp;</a> 
    </td><td bgcolor="#336633"><a href="#top" onmouseover="document.bgColor='336633'">&nbsp;</a> 
    </td><td bgcolor="#336600"><a href="#top" onmouseover="document.bgColor='336600'">&nbsp;</a> 
    </td><td bgcolor="#0066ff"><a href="#top" onmouseover="document.bgColor='0066FF'">&nbsp;</a> 
    </td><td bgcolor="#0066cc"><a href="#top" onmouseover="document.bgColor='0066CC'">&nbsp;</a> 
    </td><td bgcolor="#006699"><a href="#top" onmouseover="document.bgColor='006699'">&nbsp;</a> 
    </td><td bgcolor="#006666"><a href="#top" onmouseover="document.bgColor='006666'">&nbsp;</a> 
    </td><td bgcolor="#006633"><a href="#top" onmouseover="document.bgColor='006633'">&nbsp;</a> 
    </td><td bgcolor="#006600"><a href="#top" onmouseover="document.bgColor='006600'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#ff33ff"><a href="#top" onmouseover="document.bgColor='FF33FF'">&nbsp;</a> 
    </td><td bgcolor="#ff33cc"><a href="#top" onmouseover="document.bgColor='FF33CC'">&nbsp;</a> 
    </td><td bgcolor="#ff3399"><a href="#top" onmouseover="document.bgColor='FF3399'">&nbsp;</a> 
    </td><td bgcolor="#ff3366"><a href="#top" onmouseover="document.bgColor='FF3366'">&nbsp;</a> 
    </td><td bgcolor="#ff3333"><a href="#top" onmouseover="document.bgColor='FF3333'">&nbsp;</a> 
    </td><td bgcolor="#ff3300"><a href="#top" onmouseover="document.bgColor='FF3300'">&nbsp;</a> 
    </td><td bgcolor="#cc33ff"><a href="#top" onmouseover="document.bgColor='CC33FF'">&nbsp;</a> 
    </td><td bgcolor="#cc33cc"><a href="#top" onmouseover="document.bgColor='CC33CC'">&nbsp;</a> 
    </td><td bgcolor="#cc3399"><a href="#top" onmouseover="document.bgColor='CC3399'">&nbsp;</a> 
    </td><td bgcolor="#cc3366"><a href="#top" onmouseover="document.bgColor='CC3366'">&nbsp;</a> 
    </td><td bgcolor="#cc3333"><a href="#top" onmouseover="document.bgColor='CC3333'">&nbsp;</a> 
    </td><td bgcolor="#cc3300"><a href="#top" onmouseover="document.bgColor='CC3300'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#9933ff"><a href="" onmouseover="document.bgColor='9933FF'">&nbsp;</a> 
    </td><td bgcolor="#9933cc"><a href="" onmouseover="document.bgColor='9933CC'">&nbsp;</a> 
    </td><td bgcolor="#993399"><a href="" onmouseover="document.bgColor='993399'">&nbsp;</a> 
    </td><td bgcolor="#993366"><a href="" onmouseover="document.bgColor='993366'">&nbsp;</a> 
    </td><td bgcolor="#993333"><a href="" onmouseover="document.bgColor='993333'">&nbsp;</a> 
    </td><td bgcolor="#993300"><a href="" onmouseover="document.bgColor='993300'">&nbsp;</a> 
    </td><td bgcolor="#6633ff"><a href="" onmouseover="document.bgColor='6633FF'">&nbsp;</a> 
    </td><td bgcolor="#6633cc"><a href="" onmouseover="document.bgColor='6633CC'">&nbsp;</a> 
    </td><td bgcolor="#663399"><a href="" onmouseover="document.bgColor='663399'">&nbsp;</a> 
    </td><td bgcolor="#663366"><a href="" onmouseover="document.bgColor='663366'">&nbsp;</a> 
    </td><td bgcolor="#663333"><a href="" onmouseover="document.bgColor='663333'">&nbsp;</a> 
    </td><td bgcolor="#663300"><a href="" onmouseover="document.bgColor='663300'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#3333ff"><a href="#top" onmouseover="document.bgColor='3333FF'">&nbsp;</a> 
    </td><td bgcolor="#3333cc"><a href="#top" onmouseover="document.bgColor='3333CC'">&nbsp;</a> 
    </td><td bgcolor="#333399"><a href="#top" onmouseover="document.bgColor='333399'">&nbsp;</a> 
    </td><td bgcolor="#333366"><a href="#top" onmouseover="document.bgColor='333366'">&nbsp;</a> 
    </td><td bgcolor="#333333"><a href="#top" onmouseover="document.bgColor='333333'">&nbsp;</a> 
    </td><td bgcolor="#333300"><a href="#top" onmouseover="document.bgColor='333300'">&nbsp;</a> 
    </td><td bgcolor="#0033ff"><a href="#top" onmouseover="document.bgColor='0033FF'">&nbsp;</a> 
    </td><td bgcolor="#0033cc"><a href="#top" onmouseover="document.bgColor='0033CC'">&nbsp;</a> 
    </td><td bgcolor="#003399"><a href="#top" onmouseover="document.bgColor='003399'">&nbsp;</a> 
    </td><td bgcolor="#003366"><a href="#top" onmouseover="document.bgColor='003366'">&nbsp;</a> 
    </td><td bgcolor="#003333"><a href="#top" onmouseover="document.bgColor='003333'">&nbsp;</a> 
    </td><td bgcolor="#003300"><a href="#top" onmouseover="document.bgColor='003300'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#ff00ff"><a href="#top" onmouseover="document.bgColor='FF00FF'">&nbsp;</a> 
    </td><td bgcolor="#ff00cc"><a href="#top" onmouseover="document.bgColor='FF00CC'">&nbsp;</a> 
    </td><td bgcolor="#ff0099"><a href="#top" onmouseover="document.bgColor='FF0099'">&nbsp;</a> 
    </td><td bgcolor="#ff0066"><a href="#top" onmouseover="document.bgColor='FF0066'">&nbsp;</a> 
    </td><td bgcolor="#ff0033"><a href="#top" onmouseover="document.bgColor='FF0033'">&nbsp;</a> 
    </td><td bgcolor="#ff0000"><a href="#top" onmouseover="document.bgColor='FF0000'">&nbsp;</a> 
    </td><td bgcolor="#cc00ff"><a href="#top" onmouseover="document.bgColor='CC00FF'">&nbsp;</a> 
    </td><td bgcolor="#cc00cc"><a href="#top" onmouseover="document.bgColor='CC00CC'">&nbsp;</a> 
    </td><td bgcolor="#cc0099"><a href="#top" onmouseover="document.bgColor='CC0099'">&nbsp;</a> 
    </td><td bgcolor="#cc0066"><a href="#top" onmouseover="document.bgColor='CC0066'">&nbsp;</a> 
    </td><td bgcolor="#cc0033"><a href="#top" onmouseover="document.bgColor='CC0033'">&nbsp;</a> 
    </td><td bgcolor="#cc0000"><a href="#top" onmouseover="document.bgColor='CC0000'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#9900ff"><a href="#top" onmouseover="document.bgColor='9900FF'">&nbsp;</a> 
    </td><td bgcolor="#9900cc"><a href="#top" onmouseover="document.bgColor='9900CC'">&nbsp;</a> 
    </td><td bgcolor="#990099"><a href="#top" onmouseover="document.bgColor='990099'">&nbsp;</a> 
    </td><td bgcolor="#990066"><a href="#top" onmouseover="document.bgColor='990066'">&nbsp;</a> 
    </td><td bgcolor="#990033"><a href="#top" onmouseover="document.bgColor='990033'">&nbsp;</a> 
    </td><td bgcolor="#990000"><a href="#top" onmouseover="document.bgColor='990000'">&nbsp;</a> 
    </td><td bgcolor="#6600ff"><a href="#top" onmouseover="document.bgColor='6600FF'">&nbsp;</a> 
    </td><td bgcolor="#6600cc"><a href="#top" onmouseover="document.bgColor='6600CC'">&nbsp;</a> 
    </td><td bgcolor="#660099"><a href="#top" onmouseover="document.bgColor='660099'">&nbsp;</a> 
    </td><td bgcolor="#660066"><a href="#top" onmouseover="document.bgColor='660066'">&nbsp;</a> 
    </td><td bgcolor="#660033"><a href="#top" onmouseover="document.bgColor='660033'">&nbsp;</a> 
    </td><td bgcolor="#660000"><a href="#top" onmouseover="document.bgColor='660000'">&nbsp;</a> 
</td></tr>
  <tr>
    <td bgcolor="#3300ff"><a href="#top" onmouseover="document.bgColor='3300FF'">&nbsp;</a> 
    </td><td bgcolor="#3300cc"><a href="#top" onmouseover="document.bgColor='3300CC'">&nbsp;</a> 
    </td><td bgcolor="#330099"><a href="#top" onmouseover="document.bgColor='330099'">&nbsp;</a> 
    </td><td bgcolor="#330066"><a href="#top" onmouseover="document.bgColor='330066'">&nbsp;</a> 
    </td><td bgcolor="#330033"><a href="#top" onmouseover="document.bgColor='330033'">&nbsp;</a> 
    </td><td bgcolor="#330000"><a href="#top" onmouseover="document.bgColor='330000'">&nbsp;</a> 
    </td><td bgcolor="#0000ff"><a href="#top" onmouseover="document.bgColor='0000FF'">&nbsp;</a> 
    </td><td bgcolor="#0000cc"><a href="#top" onmouseover="document.bgColor='0000CC'">&nbsp;</a> 
    </td><td bgcolor="#000099"><a href="#top" onmouseover="document.bgColor='000099'">&nbsp;</a> 
    </td><td bgcolor="#000066"><a href="#top" onmouseover="document.bgColor='000066'">&nbsp;</a> 
    </td><td bgcolor="#000033"><a href="#top" onmouseover="document.bgColor='000033'">&nbsp;</a> 
    </td><td bgcolor="#000000"><a href="#top" onmouseover="document.bgColor='000000'">&nbsp;</a> 
</td>
</tr>
</tbody></table>


</body></html>

#2 Post by **DukeComposed** » Fri May 02, 2025 6:00 pm

tascoast wrote: Fri May 02, 2025 10:49 am * have added a screenshot of electives for reference*
With so many clever people around, I was wondering if anyone spends much time using java and pearl in websites and applications, particularly back end? Although I'm confident with writing and editing html, use Wordpress/Wix/SquareSpace etc and can insert odd bits of java code in web pages for things like groovy navigation rollovers or drop lists, I'm going to do a 6mth course that takes it a lot further with the view to self-employment and small site design, initially.

My advice? Figure out what you want to accomplish, then figure out which languages you need to learn to get there.

I'm picking up a distinct lack of clarity on what, precisely, you want to learn and what you intend to do with that knowledge once you've gained it. Of particular note is this emphasis on using Java and Perl for backend applications and small site design.

Small sites don't run in Java or Perl. There may have been some truth to that 20 years ago, but these days it's simply not the norm.

Perhaps you're mistaking Java and JavaScript. Perhaps you're mistaking frontend and backend. It happens.

Many years ago when I was a CI/CD pipeline admin, my boss got it in his head that all his employees needed to get programming experience. In our staff meeting he stumped for us to get involved in a programming project: "You all need a programming project," he insisted. "A real one. In C#. Or Java." I assumed he simply misspoke, but he kept repeating it: "Everyone needs a real programming project this year. In a real language. C#. Or Java."

I raised my hand. "Do you mean Java, or do you mean JavaScript?" He insisted he meant Java.

Our company was one of the biggest competitors to Sun Microsystems and, in particular, to Java.

Imagine your job was making motorcycles for Kowasaki and your boss says "we all need to get better at riding motorcycles, so everyone needs to show up for a motorcycle-training class. Bring a real motorcycle. Something like a Harley-Davidson." This was the same situation.

So before you learn Java, or JavaScript, or Perl or Pearl or Intercal or anything else, ask yourself what you want to get out of the experience. Building websites is a far different situation today than in the golden era of a machine on a LAMP stack, some HTML, and a few CSS files you borrowed from somewhere online.

Figure out your goal, and then focus on it. The details will be apparent later.

Post-script: That boss insisted I needed a programming project and took my asking for Java/JavaScript clarification as a sign I was teasing him or not taking his order seriously. "Even you need to write some code this year," he lectured me. "I just ported AES to pure PowerShell," I reminded him, something I'd socialized around the team a few weeks earlier. He stood there in silence for a moment.

"Well," he stammered. "... You need another project then." Even the boss wasn't clear on what he wanted to accomplish. He just wanted his team to code something to make him look good and he never got clear on either the "what" or the "how".

Edit: typo

#3 Post by **tascoast** » Fri May 02, 2025 6:46 pm

My simple goal is to use site building tools like Wix and get the most out of them from a design and functionality perspective, more along the lines of online media, personal and small business sites. Currently, a small online newspaper, besides working with some learning management platforms like Moodle.

Accessibility gets overlooked a bit too, so designing to best practice and working out what tools are best, now that a simple ftp to a Unix directory has become a bit old hat and impractical :)

The electives should suit those like me with a design interest or who plan on a more conventional ITC pathway.

I expect I mean JavaScript, for adding custom code to Wordpress etc., working with user inputs and arrays, data driven applications, going on a brief conversation by phone.

I may also spend a bit more time working with online learning platforms down the track, so can't go too wrong for 6 months over winter Downunder.

#4 Post by **CharlesV** » Fri May 02, 2025 7:55 pm

I have to agree with Duke, the main thing to target is clarity. This business is fraught with varied languages, platforms and "today's methods" ... and 35 years in this business has taught me that a) NOT jumping to the next flavor is prudent, and b) being able to maintain what you build is MORE important than 'building it". (read between the lines please - KNOW what your building and KNOW the craft of it!!)

I have 24 languages under my belt and have programmed in many of them for many years, and while I would say I am routinely working with 5 to 10 of those ... a few standout as continued use. ( SQL, C#, Python, Java, CSS, HTML, Javascript, C and Pascal)

Focus on programming ( structures, design, methods and getting 'functional programming' methods!) and not so much on "Languages" and also focus on WHAT your after. Exp: Wix is one of my favorites to work with, but if I have to get dirty it's php and javascript. (And Languages like ASP (personal favorite) was LONG gone from real work;-/ )

Personally, I think its better to be production driven.. so get basics and focus on what you want to do, and once you have structure and design ... languages will follow.

#5 Post by **timkb4cq** » Fri May 02, 2025 8:42 pm

In the early '90s I used Perl to sign up and login users to the members only area of a website.
I have also used Perl for some daily batch text processing on a site. It's very efficient for that use. Not so much for modern interactive websites.

#6 Post by **tascoast** » Fri May 02, 2025 9:37 pm

Wix is one of my favorites to work with, but if I have to get dirty it's php and javascript.

Wix does have a nice UI layout, compared to WordPress. I assumed WordPress might be better for document styling and publishing, although that's limited by the sort of plan you have using standard features.

I can't complain about the mobile view that's pretty seamless now.

Australia Votes.....

#7 Post by **CharlesV** » Fri May 02, 2025 10:11 pm

tascoast wrote: Fri May 02, 2025 9:37 pm
Wix is one of my favorites to work with, but if I have to get dirty it's php and javascript.
Wix does have a nice UI layout, compared to WordPress. I assumed WordPress might be better for document styling and publishing, although that's limited by the sort of plan you have using standard features.

I can't complain about the mobile view that's pretty seamless now.

Australia Votes.....

I actually found the wix system REALLY nice to publish a document base with. I have a large KB on one of my sites and it was VERY nice to do in WIX. ( I had it all working in wordpress with an add on, which was very good.. but once I figured out the way to do it in WIX it was very good - and its controlled :-) )

And WIX has many free add-on's and I like and use too. I tend to stick with the add-on's that wix creates, but there are a ton available.

#8 Post by **tascoast** » Fri May 02, 2025 11:01 pm

I actually found the wix system REALLY nice to publish a document base with. I have a large KB on one of my sites and it was VERY nice to do in WIX. ( I had it all working in wordpress with an add on, which was very good.. but once I figured out the way to do it in WIX it was very good - and its controlled :-) )

And WIX has many free add-on's and I like and use too. I tend to stick with the add-on's that wix creates, but there are a ton available.

The only immediate gap I've encountered is finding a free equivalent of flipbooks for PDF files, although I'm currently using a simple slide show.

I have a really nice Wix template for a mainstream, online newspaper look to play with currently. Half the problem is just not knowing what's out there, but Figma looks like one platform I'll be using, so I'll watch the video at least and know where things generally are. Creating some pages looks easy, although the design interface is quite different

MX Linux Forum

Javascript and Pearl coding for websites

Javascript and Pearl coding for websites

Re: Javascript and Pearl coding for websites

Re: Javascript and Pearl coding for websites

Re: Javascript and Pearl coding for websites

Re: Javascript and Pearl coding for websites

Re: Javascript and Pearl coding for websites

Re: Javascript and Pearl coding for websites

Re: Javascript and Pearl coding for websites