Month: May 2024
-

-
Converting HEIC to PNG
—
I discuss the problem of converting HEIC image files to PNG and explain two solutions: manual conversion and writing a Python program using Pillow-HEIF. I share my Python code and discuss the installation and features of the pillow-heif package.
-
addEventListener()
—
The addEventListener() method allows you to add an event to an HTML element in JavaScript. Although the example used often shows this function being used to add a response of a ‘click’ event to a button, there is an easier way by using the ‘onclick’ property. This is the typical way to use a button:…
-
Server-side vs. client-side
—
As you are learning HTML, JavaScript and CSS, you are going to realize that there are things that webpages do, that you can’t do with HTML, JS or CSS. At that point, it is time to understand the server-side vs. client-side of the web. All of the web development you have been doing so far,…
-
Writing more complex code
—
When you first start learning to program, you are often motivated by a desire to create a specific program, like a game. But writing larger programs can be frustrating due to the number of errors and your lack of progress. I discuss how to develop you code step-by-step in order to achieve early success and…
-
If statements
In JavaScript, if statements are written like this: This is one of the main ways that we use to get a program to make a decision based on input and do something different than it would otherwise do. When the program reaches the if statement, it will determine if the condition is true or false.…
-
Things we discussed
—
troubleshooting properly controlling a function with a button setInterval Adjusting the look of a hyperlink inputting text arrays if statements writing more complex code server-side vs client-side addEventListener flex boxes
-
Troubleshooting your webpage
—
This code troubleshooting guide emphasizes the importance of clear formatting, comments, and variable names. It also highlights common HTML and JavaScript errors to watch out for and suggests using the browser console for error messages and variable value checks. Proper formatting and console usage can greatly facilitate code troubleshooting.
-
Adjusting the look of a hyperlink
—
In HTML, a hyperlink is specified by the tag <a>. Here is an example: By default, the text in a hyperlink is blue and underlined. However, you can use CSS to change the appearance of a hyperlink. For example, This will change the text of the hyperlink be red (color) and to NOT be underlined…