Why is it called serverless?

The term serverless doesn't mean there aren't any servers involved; instead, it means that the developer doesn't have to manage the servers. In traditional server-based architectures, developers need to manage servers, including their maintenance, scaling, and security. In serverless architecture, the cloud provider manages the servers, and the developer only focuses on the application code.

What language is Serverless Framework?

Serverless Framework is a tool for building serverless applications in various programming languages, including Node.js, Python, Java, and Go. It provides a simple and intuitive way to deploy serverless applications on popular cloud providers like AWS, Azure, and Google Cloud Platform.

What does Serverless Framework do?

The Serverless Framework simplifies the process of building, deploying and managing serverless applications. It provides a command-line interface (CLI) for creating, testing, and deploying serverless functions and APIs. It also allows developers to specify the required resources, such as AWS Lambda functions, API Gateway endpoints, and Amazon S3 buckets, in a serverless.yml file.

Pro's

What is Bun

Bun is a new JavaScript runtime that's built from the ground up for running code outside of the browser. It allows developers to write and run JavaScript code just like they would with Node.js but with a focus on performance and efficiency.

Why is Bun Fast

Bun is built on top of the JavaScriptCore engine, which is the same engine that powers Safari. It's optimized for running JavaScript code quickly and efficiently, making Bun a fast runtime. In addition, the JavaScriptCore engine starts quicker and performs faster than the v8 engine that powers Node.JS and the Chrome browser.

Is Bun Production Ready:

Yes, Bun is at a stable version however, it has not hit its 1.0.0 as of writing, so there is a possibility things might change as the engine develops. It is safe to assume if you are starting a new project that Bun would be a good fit, if you are migrating your existing app with a large user base, I would recommend waiting until the engine is at a full version release.

Why Use Bun

Install Git

The first step in using Git is to install it on your computer. Git is available for Windows, Mac, and Linux operating systems. You can download the installer from the official Git website here.

Set up Git

After installing Git, you need to set up your name and email address in Git's configuration file. This information is used to identify who made each change to the codebase.

To set up your name and email address, open a command prompt or terminal window and enter the following commands:

bash
git config --global user.name "Your Name"

Previous Parts

• Building a Portfolio Site - Planning it out

Deciding Your Stack

Here are some tools that you might use

Planning

Planning out what type of content you want to include is an essential step in creating a website. You can get fancy with the site's design, but if there isn't enough content to go along with it, the site is useless. Now let's get into the steps of selecting what type of content you should include.

Target audience

Deciding who your target audience is will help shape everything you will put on your site. Are you trying to get hired by a company? Great gear your content more toward why you would be a great fit for their business. Looking for freelance work, talk about previous clients you have had, how you helped them, and the problems you solved for them.

Selling Point

The selling point of your site should be what the entire page brings the reader to, a call to action. Your call to action can be anything you want, filling out a form, checking out your GitHub, or emailing you.

Type of content

Register for a Push Notification Service

To use push notifications, you need to register for a push notification service. Some popular services include Firebase Cloud Messaging, OneSignal, and Pusher. These services provide APIs for sending and receiving push notifications.

Ask for User Permission

Before you can send push notifications, you need to get the user's permission. This is done using the Notification API in JavaScript. Here's an example of how to ask for permission:

javascript
if (Notification.permission === 'default') {
  Notification.requestPermission().then(function(permission) {
    if (permission === 'granted') {

REST (Representational State Transfer)

This is a protocol for building web services that are scalable and easy to maintain. It uses HTTP methods like GET, POST, PUT, and DELETE to manipulate resources identified by URIs. Here's an example of a RESTful API call in JavaScript using the fetch API:

javascript
fetch('https://example.com/api/users')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

The basic syntax of a ternary operator is as follows:

javascript
condition ? expressionIfTrue : expressionIfFalse

The condition is evaluated first. If it's true, the expressionIfTrue is executed and its result is returned. If it's false, the expressionIfFalse is executed and its result is returned.

First, you need to identify the condition that you want to evaluate. This can be any expression that evaluates to a boolean value (true or false).

In this tutorial, we will guide you through the steps to set up GitHub Pages with a custom domain.

Prerequisites

Before you begin, you will need the following:

• A GitHub account
• A GitHub repository with your website files
• A custom domain name that you own

Create a CNAME file

Here is a step-by-step tutorial on how to set up JSDoc for your JavaScript project:

Install JSDoc

You can install JSDoc using npm (the Node.js package manager). Open your terminal or command prompt and run the following command:

npm install -g jsdoc

This command will install JSDoc globally on your system, so you can use it for any JavaScript project.

HTML escaped characters are created by using an ampersand (&) followed by a specific code or name that represents the character, and then closing the sequence with a semicolon (;). For example, the escaped character for the less than sign (<) is < and for the greater than sign (>) it is >.

Here are some common HTML escaped characters and their codes:

• < represents the less than sign (<)
• > represents the greater than sign (>)
• & represents the ampersand (&)
• " represents the double quote (")

Media Queries are defined and used in CSS to transform your page based on user-set criteria. CSS might not be able to adapt your design perfectly, instead, you might consider using JavaScript. The traditional way of determining if a device meets the Media Query criteria would be to use DOM attributes like innerWidth. However, now you are able to use Media Queries in JavaScript using the window.matchMedia function.

matchMedia

The window.matchMedia function in JavaScript is used to check if a particular media query applies to the current device or browser window. It returns a MediaQueryList object that contains information about the media query, such as the media type, media features, and whether the query matches the current device or not. Using the addEventListener method you can listen for changes to the media query and execute different code based on the result.

window.matchMedia('(max-width: 600px)');
// MediaQueryList {media: '(max-width: 600px)', matches: false, onchange: null}

Checking for clipboard access

The first step in using any navigator feature is to make sure you have the correct permissions to use the feature. To check the clipboard feature use navigator.permissions.query and pass an object with the key of write-on-clipboard. This will return granted if the user has granted permission.

javascript
navigator.permissions.query({ name: "write-on-clipboard" }).then((result) => {
    if (result.state == "granted" || result.state == "prompt") {
    alert("Write access granted!");
}
});

Installing TOML

TOML is a simple file format, so you don't need to install any specific software to use it. You can create and edit TOML files using any plain text editor such as Notepad, Sublime Text, or Atom.

Creating a TOML file

To create a new TOML file, simply create a new text file with the ".toml" extension. For example, if you want to create a configuration file for your application, you can create a file named "config.toml".

Basic syntax of TOML

The basic syntax of TOML is simple and easy to learn. Here's an example of a TOML file:

What is a media query?

A media query is a block of CSS code that is used to apply certain styles to a web page based on the characteristics of the device that is being used to view it. For example, you might want to adjust the layout of your page when it is viewed on a mobile device, or you might want to apply different styles to a page when it is printed.

Using media queries in CSS

To use media queries in CSS, you need to follow a few simple steps.

1. Define the media query The first step is to define the media query using the @media rule. The syntax for the @media rule is as follows: