34
Articles
9月27日 03:01
Last updated
No Image

CSS wish: inner breakpoints

In this blog post, I’d like to talk about CSS: I wish it supported inner breakpoints – breakpoints not for viewports or containers but for HTML elements inside viewports or containers.

2ality
css tool
No Image

Learning web development: Creating web pages via HTML

In this chapter, we learn how to create web pages via HTML.

2ality
tool ui
No Image

Learning web development: Getting started

In this chapter, we perform a few steps to prepare us for web development.

2ality
framework tool
No Image

Learning web development: Version control via Git and GitHub

In this chapter, we learn how to use the version control system Git and a useful companion website, GitHub. Both are important tools when programming in teams but even help programmers who work on their own.

2ality
tool
No Image

Learning web development: 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 up and you’ll come across it often if you are interested in web development.

2ality
library tool
No Image

Learning web development: Native package managers

In this chapter, we install a package manager for our operating system. That enables us to install shell commands that we can’t get via npm.

2ality
tool
No Image

Learning web development: Authenticating users with plain Node.js

In this chapter, we learn how to write a server that lets users log in via passwords. That process is called authentication.

2ality
api tool
No Image

Learning web development: Implementing web servers

In this chapter, we’ll write our own web server: It will serve files and manage the data for a browser app.

2ality
api tool
No Image

Learning web development: 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 app – whose backend part we’ll implement in a future chapter.

2ality
framework library ui
No Image

Learning web development: 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 serve the web app. That is called bundling. (Why we do that it explained later.)

2ality
library tool
No Image

Learning web development: 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 things.

2ality
tool
No Image

Learning web development: JSON and processing files in Node.js

In this chapter, we explore the popular data format JSON. And we implement shell commands via Node.js that read and write files.

2ality
library tool
No Image

Learning web development: 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!

2ality
library tool
No Image

Learning web development: JavaScript exceptions

In this chapter, we look at exceptions in JavaScript. They are a way of handling errors. We’ll need them for the next chapter.

2ality
tool
No Image

JavaScript’s trademark problem

In this blog post, we discuss Oracle’s trademark of the word “JavaScript”: What are the problems caused by that trademark? How can we fix those problems?

2ality
api framework tool