What is makefile. How to write a makefile.

Ref: https://opensource.com/article/18/8/what-how-makefile

What is makefile

A makefile is a file containing a set of directives used by a make build automation tool to generate a target/goal.

You may have used make to compile a program from source code.

How to write makefile

To summarize, below is the syntax of a typical rule:

target: prerequisites
<TAB> recipe

As an example, a target might be a binary file that depends on prerequisites (source files). On the other hand, a prerequisite can also be a target that depends on other dependencies:

Some keyboards shortcuts when using safari

Navigating Webpages

Use arrow keys to go up and down.

Use Option+up/down or Shift+Space / Space to scroll quickly.

Use Command+up/down goto the top & button.

Open Pages in Tabs

Use Command+T to open a new Tab.

Use Shift+Command+Left/right arrow or Control+Tab / Control+Shift+Tab to move from tab to tab.

Use Command+W to close current tab.

Use Command+Z to reopen a closed tab.

Use Command+Option+W to close all tabs expect current tab.

Zsh & Bash

Since MacOs 10.15(Catalina). The default shell switch from bash to zsh. It is hard to say which one is better however Zsh has been used more widely than bash especially from Linux user.

Zsh

The Z shell (also known as zsh) is a Unix shell that is built on top of bash (the default shell for macOS (Before MacOs Catalina)) with additional features. It’s recommended to use zsh over bash. It’s also highly recommended to install a framework with zsh as it makes dealing with configuration, plugins and themes a lot nicer.

Basic

Documentation: https://erlang.org/doc/search/

Functional language

Erlang is a functional language. Code need compile and running line by line.

Every line need finish by a .. like: A = 1..

Module

Every erlang file will consider as a module. You console will compile all module you want.

You have to add -module(<filename>). into first line. Module should be same with filename without suffix.

In erl console, run c(<filename>). to compile it. Run a function is like: <moduleName>: <functionName>(...<argument>)

Extension

Reference

https://letswp.io/remote-development-visual-studio-code-amazon-ec2/

Reference

Very useful blog:

http://stevelosh.com/blog/2010/02/my-extravagant-zsh-prompt/#username-and-hostname

http://zsh.sourceforge.net/Intro/intro_12.html#SEC12

Variable

%d and %~ can add a number to specify how many previous path will show. Like %1~

Guide to zsh

Here is the link to A User’s Guide to the Z-Shell

single quotes & double quotes

RPROMPT="$(command)"  # this will run command, then set RPROMPT to the result
RPROMPT='$(command)'  # this will set RPROMPT to run command each time it is printed

Date

man Date

Author: Dmitri Pavlutin

Reference: https://dmitripavlutin.com/gentle-explanation-of-this-in-javascript/

Concept

• Invocation of a function is executing the code that makes the body of a function, or simply calling the function. For example parseInt function invocation is parseInt('15').
• Context of an invocation is the value of this within function body. For example the invocation of map.set('key', 'value') has the context map.
• Scope of a function is the set of variables, objects, functions accessible within a function body.

Invocations

• function invocation: alert(‘Hello World!’)
• method invocation: console.log(‘Hello World!’)
• constructor invocation: new RegExp(’\d')
• indirect invocation: alert.call(undefined, ‘Hello World!’)

this in different invocations

this is base on the context of calling this function

In same case, you may want to have a different style depend on your state or a variable. Now we can have two ways to achieve that.

classNames

This is a javascript for conditionally joining classNames.

Here is: Github

Basically, you can combine any number of classNames.

const classNames = require('classNames');
classNames('foo', { bar: true, duck: false }, 'baz', { quux: true }); // => 'foo bar baz quux'

ES6 template literals

You can just use template literals.

graphql

Design Graphql is base on what your want

github

https://github.com/TyrangYang/SpaceX_graphql_react

Vscode page for shortcut

Short cut

Source from Traversy Media

YouTube Channel

YouTube

Github