2ality – JavaScript and more
Learning web development: Booleans, comparisons and <code>if</code> statements
Learning web development: Booleans, comparisons and <code>if</code> statements
2Ality
[Web dev for beginners] Booleans, comparisons and `if` statements in JavaScript
In this chapter, we learn about tools for only running a piece of code if a condition is met: truth values (booleans), comparisons and if statements.
🤬1
2ality – JavaScript and more
Learning web development: Shells and Node.js
Learning web development: Shells and Node.js
2Ality
[Web dev for beginners] Shells and Node.js
In this chapter we explore two topics: A shell is like browser console, but for the operating system instead of for JavaScript. It helps us with programming by running the tools (programs) we need to get things done. Node.js is a program that lets us run…
🤬1
2ality – JavaScript and more
Learning web development: Modules and testing in JavaScript
Learning web development: Modules and testing in JavaScript
2Ality
[Web dev for beginners] Modules and testing in JavaScript
So far, all of our JavaScript code resided in a single file – be it an .html file or a .js file. In this chapter, we learn how to split it up into multiple files. And how to automatically test if the code we write is correct.
🤬1
2ality – JavaScript and more
Learning web development: JavaScript Maps
Learning web development: JavaScript Maps
2Ality
[Web dev for beginners] JavaScript Maps
In this chapter, we’ll explore the data structure Map (a class) which lets us translate (“map”) from an input value to an output value. We’ll use a Map to display text upside-down in a terminal!
🤬1
2ality – JavaScript and more
Learning web development: Asynchronous JavaScript – Promises and async functions
Learning web development: Asynchronous JavaScript – Promises and async functions
2Ality
[Web dev for beginners] Asynchronous JavaScript – Promises and async functions
In this chapter, we learn how to handle tasks that take a long time to complete – think downloading a file. The mechanisms for doing that, Promises and async functions are an important foundation of JavaScript and enable us to do a variety of interesting…
🤬1
2ality – JavaScript and more
Learning web development: Installing npm packages and bundling
Learning web development: Installing npm packages and bundling
2Ality
[Web dev for beginners] Installing npm packages and bundling
In this chapter we develop a small web app in the same way that large professional web apps are developed: We use libraries that we install via npm. We write tests for some of the functionality. We combine all JavaScript code into a single file before we…
🤬1
2ality – JavaScript and more
Learning web development: Frontend frameworks
Learning web development: Frontend frameworks
2Ality
[Web dev for beginners] Frontend frameworks
In this chapter, we’ll take a look at frontend frameworks – libraries that help with programming web user interfaces (“frontend” means “browser”, “backend” means “server”). We’ll use the frontend framework Preact to implement the frontend part of a todo list…
🤬1
2ality – JavaScript and more
Learning web development: Markdown
Learning web development: Markdown
2Ality
[Web dev for beginners] Markdown
In this chapter, we explore Markdown, a lightweight markup language that’s easy to learn and used a lot when writing about programming: documentation, comments, etc. We’ll need it in the next chapter. Learning it may seem like a detour but it’s easy to pick…
🤬1