Once we’ve created our first TypeScript file, we need to convert it to JavaScript if we want our browsers (or Node.JS) to run it. There are several online sandbox tools to let you write code, but they won’t convert it to JavaScript, at least none that I’ve found yet. To set it up, you will…
We’ve already seen the standard data types in JavaScript and TypeScript. However, JavaScript allows for class, and we want to therefore be able to define a custom data type within TypeScript. Since JavaScript supports classes and object-oriented programming, so does TypeScript. You can explicitly describe this object’s shape using an interface declaration. Then, to define an object…
We already looked at the very first script in TypeScript, but it buys us nothing new. So let’s look at how we can use typed variables, and how it will stop errors, on a simple scale. So if we want to expand on our first example, we might want to use a variable. Now TypeScript…
You will need to install the TypeScript engine for you to use TypeScript. This is because your TypeScript code must be converted into JavaScript, so it needs a program called a transpiler to do the conversion to JavaScript so that a browser can run it. What does a Transpiler Actually Do? A transpiler is not…
To install TypeScript, it is helpful to have Node.JS because you will need nvm to install the TypeScript. To install Node.JS if you don’t have it, you can go to https://nodejs.org/en/download/prebuilt-installer to download an installer. On that page, you can choose your OS, the version of the software, and which processor you want. Download the…
Besides making working with the DOM easier, it also makes it easy to create some simple visual effects. jQuery effects are built-in methods that allow you to animate, show, hide, or transition elements in a webpage. When used correctly, jQuery effects can: Therefore, it is important to focus on effects that improve user experience and…
Previously, we looked at how you might work with the DOM by using some of the various methods that jQuery provides to you to modify the DOM. Let’s look at a simple example where we will add content to the DOM, and then manipulate it further. So we’ll start off with something simple, our HTML…
We’ve already seen some basic DOM manipulation with previous examples. Things like adding a class when the DOM is ready, or updating the text of a button based upon events that the user creates as they use the page. However, these are simple, and we can do so much more. First however, let’s talk about…
