- Nếu dùng Visual Studio Code và muốn sử dụng những phím tắt này:
  1. Ấn tổ hợp phím **_Ctrl + Shift + X_**
  2. Gõ **_Sublime Text Keymap_**
  3. Nhấn nút **_Install_**

## Chung

- **_Ctrl + Shift + P_** : Mở Command Prompt

- **_Ctrl + K + B_** : Ẩn / hiện Side bar

- **_Ctrl + N_** : Tạo file mới
- **_Ctrl + Shift + N_** : Tạo cửa sổ mới

- **_Ctrl + O_** : Mở file

- **_Ctrl + S_** : Lưu file

- **_Ctrl + Shift + S_** : Lưu file với tên mới

## Chỉnh sửa

- **_Ctrl + Shift + ↑_** : Dịch chuyển dòng/vùng chọn lên 1 dòng

- **_Ctrl + Shift + ↓_** : Dịch chuyển dòng/vùng chọn xuống 1 dòng

- **_Ctrl + L_** : Chọn dòng hiện tại, tiếp tục nhấn Ctrl + L để chọn dòng tiếp theo

- **_Ctrl + D_** : Chọn một từ, tiếp tục nhấn Ctrl + D để chọn những từ giống vậy

- **_Ctrl + Shift + D_** : Nhân đôi dòng/vùng chọn hiện tại

- **_Ctrl + M_** : Đi tới dấu đóng ngoặc / mở ngoặc gần nhất

- **_Ctrl + Shift + M_** : Chọn toàn bộ nội dung trong dấu ngoặc

- **_Ctrl + Shift + K_** : Xóa toàn bộ dòng

- **_Ctrl + ]_** : Lùi dòng hiện tại vào trong 1 tab

- **_Ctrl + [_** : Lùi dòng hiện tại ra ngoài 1 tab

- **_Ctrl + /_** : Comment / Un-comment dòng / vùng chọn hiện tại ("// ")

- **_Ctrl + Shift + /_** : Đóng / Mở toàn bộ dòng / vùng chọn hiện tại ("/\* \*/")

## Thu gọn code

- **_Ctrl + Shift + [_** : Thu gọn lựa chọn

- **_Ctrl + K + 1_** : Thu gọn tất cả

- **_Ctrl + K + J_** : Mở toàn bộ

- **_Ctrl + 2 - 9_** : Cấp độ thu gọn

## Điều hướng/di chuyển

- **_Ctrl + P_** : Mở nhanh file bằng tên

- **_Ctrl + R_** : Đi đến **_kí tự_** cần tìm

- **_Ctrl + ;_** : Đi đến **_từ_** trong file hiện tại

- **_Ctrl + G_** : Đi đến **_dòng_** trong file hiện tại

## Tìm kiếm và thay thế

- **_Ctrl + F_** : Tìm

- **_Ctrl + H_** : Thay thế

- **_Ctrl + Shift + F_** : Tìm trong các file đang mở

Tabs

- **_Ctrl + Shift + T_** : Mở tab đã đóng gần nhất

- **_Ctrl + Tab_** : Di chuyển qua lại giữa các tab

- **_Ctrl + W_** : Đóng tab hiện tại

- **_Alt + [NUM]_** : Đi tới tab thứ [NUM]

## Chia màn hình

- **_Alt + Shift + NUM_** : Chia màn hình thành [NUM] cột

- **_Alt + Shift + 5_** : Chia màn hình thành grid gồm 4 groups

- **_Alt + Shift + 8_** : Chia màn hình thành 2 hàng

- **_Ctrl + [NUM]_** : Đi tới group thứ [NUM]

- **_Ctrl + Shift + [NUM]_** : Chuyển file tới group thứ [NUM]

- **_Shift + F11_** : Vào mode "nghiêm túc" (không làm phiền)

## Bookmarks

- **_F2_** : Đi tới bookmarks tiếp theo

- **_Ctrl + F2_** : Bookmarks/Bỏ bookmarks

- **_Shift + F2_** : Đi tới bookmarks trước

- **_Ctrl + Shift + F2_** : Xóa tất cả bookmarks

## Thao tác với văn bản

- **_Ctrl + K + U_** : Chuyển vùng chọn sang chữ in hoa

- **_Ctrl + K + L_** : Chuyển vùng chọn sang chữ thường

Tổng hợp phím tắt trong Sublime Text / VSCode

# 7+ Web Features You May Not Know

## 1. Link sharing

```js
export const sharingHandle = () => {
  document.querySelector('#share').onclick = async () => {
    const shareData = {
      url: 'https://scorie.vercel.app',
      title: 'PWAs are awesome',
      text: 'Visit my other PWA: ',
    };

    if (!('share' in navigator) || !navigator.canShare(shareData)) {
      alert('Web Share API is not compatible || Cannot share the data');
      return;
    }

    try {
      await navigator.share(shareData);
      alert('Content shared!');
    } catch (error) {
      alert('Content was not shared by the user');
    }
  };
};
```

## 2. Device Motion

```js
export const deviceMotionHandle = () => {
  'navigator' in window && navigator.geolocation.getCurrentPosition(console.log);

  addEventListener('devicemotion', (e) => {
    const output = document.querySelector('#motion');

    output.innerHTML = `
<div>
  Acceleration: ${Math.round(((e?.acceleration?.x || 0) + Number.EPSILON) * 100) / 100} m/s2
</div>
<div class="w-full">
  <span>X: ${+(e?.acceleration?.x || 0).toFixed(2)}</span>
  <span>Y: ${+(e?.acceleration?.y || 0).toFixed(2)}</span>
  <span>Z: ${+(e?.acceleration?.z || 0).toFixed(2)}</span>
</div>
<div>
  <span>Alpha: ${+(e?.rotationRate?.alpha || 0).toFixed(2)}</span>
  <span>Beta: ${+(e?.rotationRate?.beta || 0).toFixed(2)}</span>
  <span>Gamma: ${+(e?.rotationRate?.gamma || 0).toFixed(2)}</span>
</div>`;
  });
};
```

## 3. Bluetooth Detection

```js
export const bluetoothHandle = () => {
  document.querySelector('#ble').addEventListener('click', () => connectBluetooth());

  const connectBluetooth = async () => {
    if (!('navigator' in window)) return;

    // Connect Device
    const device = await navigator.bluetooth.requestDevice({
      filters: [
        {
          services: ['heart_rate'],
        },
      ],
    });
    const server = await device.gatt.connect();

    // Get heart rate data
    const hr = await server.getPrimaryService('heart_rate');
    const hrMeasurement = await hr.getCharacteristic('heart_rate_measurement');

    // Listen to changes on device
    await hrMeasurement.startNotifications();

    hrMeasurement.addEventListener('characteristicvaluechanged', (e) => {
      console.log(parseHeartRate(e.target.value));
    });
  };

  const parseHeartRate = (initialValue) => {
    // In Chrome 50+, a DataView is returned instead of an ArrayBuffer.
    const value = initialValue.buffer ? initialValue : new DataView(initialValue);
    const flags = value.getUint8(0);

    const rate16Bits = flags & 0x1;
    const contactDetected = flags & 0x2;
    const contactSensorPresent = flags & 0x4;
    const energyPresent = flags & 0x8;
    const rrIntervalPresent = flags & 0x10;

    const result = {};

    let index = 1;

    result.heartRate = value.getUint16(index, !!rate16Bits);
    index += 1 + +!!rate16Bits;

    contactSensorPresent && (result.contactDetected = !!contactDetected);

    if (energyPresent) {
      result.energyExpended = value.getUint16(index, true);
      index += 2;
    }

    if (rrIntervalPresent) {
      const rrIntervals = [];
      for (; index + 1 < value.byteLength; index += 2) {
        rrIntervals.push(value.getUint16(index, true));
      }
      result.rrIntervals = rrIntervals;
    }

    return result;
  };
};
```

## 4. Contact Picker

```js
const props = ['name', 'email', 'tel', 'address', 'icon'];
const opts = { multiple: true };
const supported = 'contacts' in navigator && 'ContactsManager' in window;

export const contactPickerHandle = () => {
  const getContacts = async () => {
    if (!supported) return;

    const contacts = await navigator.contacts.select(props, opts);
    console.log(contacts);
  };

  const button = document.querySelector('#contacts');
  button.addEventListener('click', getContacts);
};
```

## 5. File System

```js
export const fileSystemHandle = () => {
  const getFileBtn = document.querySelector('#fs-get');
  const saveFileBtn = document.querySelector('#fs-save');

  getFileBtn.onclick = async () => {
    const [handle] = await window.showOpenFilePicker();
    const file = await handle.getFile();

    console.log(file);
  };

  saveFileBtn.onclick = async () => {
    const textFile = new File(['hello world'], 'hello.txt', { type: 'text/plain' });
    const handle = await window.showSaveFilePicker();
    const writable = await handle.createWritable();

    await writable.write(textFile);
    await writable.close();
  };
};
```

## 6. Idle Detection

```js
export const idleDetectionHandle = () => {
  if (!('IdleDetector' in window)) return;

  const idleBtn = document.querySelector('#idle');
  const idleStatus = document.querySelector('#idle-status');

  const runIdleDetection = async () => {
    // @ts-ignore
    await IdleDetector.requestPermission();
    // @ts-ignore
    const idleDetector = new IdleDetector();

    idleDetector.addEventListener('change', () => {
      const { userState, screenState } = idleDetector;

      idleStatus && (idleStatus.innerHTML = userState + ' ' + screenState);

      if (userState == 'idle') {
        // update database with status
        console.log(userState);
      }
    });

    await idleDetector.start({ threshold: 120000 });
  };

  idleBtn.addEventListener('click', () => runIdleDetection());
};
```

## 7. Geolocation

```js
const geoOptions = {
  timeout: 10 * 1000,
  enableHighAccuracy: true,
  maximumAge: 0,
};

window.navigator.geolocation.getCurrentPosition(
  (position) => {
    const cords = position.coords;
    console.log(`Latitude :  ${cords.latitude}`);
    console.log(`Longitude :  ${cords.longitude}`);
  },
  (error) => {
    console.debug(`Error: ${error.code}:${error.message}`);
    /**
     * Invoke the IP based location services
     * to fetch the latitude and longitude of the user.
     */
  },
  geoOptions
);
```

## And more ...

### Thanks for reading !

7+ web features

### Xem lại pass Wifi

`netsh wlan show profile "_name_" key=clear`

### Ẩn thư mục hoàn toàn

- Mở powershell (shift + left click)
- Gõ `attrib +s +h "__folder_name__"` để ẩn
- Gõ `attrib -s -h "__folder_name__"` để hiện

### Kiểm tra tình trạng Pin Laptop

- Run as Administrator PowerShell
- Gõ `powercfg /batteryreport`

### Cài "Auto Shutdown" máy

- Gõ `shutdown -a` : tắt auto shutdown
- Gõ `shutdown -s -t __time__` : tắt máy theo thời gian (giây)

### Window shortcut

- Visit this [**site**](https://support.microsoft.com/en-us/windows/keyboard-shortcuts-in-windows-dcc61a57-8ff0-cffe-9796-cb9706c75eec) to discover more

Thủ thuật hay khi sử dụng máy tính cá nhân (Cập nhật liên tục)

## CMD

- Clink + Oh My Post

## Bash

### **ZSH**

- Check out my github repo for installation [**here**](https://github.com/yuran1811/Yuran-Workspace/tree/main/zsh_config)

#### Steps:

1. Download the latest zsh package [**here**](https://packages.msys2.org/package/zsh?repo=msys&variant=x86_64)

Example: `zsh-5.7.1-1-x86_64.pkg.tar.xz`

Update:

The package now is compacted using `zstd`, so now we need some "special" extractor.  
So, in my case, I've downloaded this [**file**](https://repo.msys2.org/msys/x86_64/zsh-5.8-5-x86_64.pkg.tar.zst)
And extracted it using the [**Peazip**](https://peazip.github.io/zst-compressed-file-format.html)

2. Extract the content to your git bash installation dir:

Usually `C:\Program Files\Git`

3. Test it and config zsh:

Open git bash and type:

```
zsh
```

So, this step is important, it seems `zsh` will ask a few configurations, like the tab completion, history, etc.  
Please read the options and set that according to your use.

4. Installing oh-my-zsh, execute the following cmd on git bash

```shell
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
```

5. Configuring zsh as default shell

Edit the `~/.bashrc` file. (create it if it doesn't exist)

Add the following lines at the end of the file

```
# Launch Zsh
if [ -t 1 ]; then
exec zsh
fi
```

Close and open again the git bash.

#### Optional steps

6. Installing the Honukay theme

```shell
curl -fsSL https://raw.githubusercontent.com/oskarkrawczyk/honukai-iterm/master/honukai.zsh-theme -o ~/.oh-my-zsh/custom/themes/honukai.zsh-theme
```

7. Set it

```shell
sed -i 's/ZSH_THEME="robbyrussell"/ZSH_THEME="honukai"/g' ~/.zshrc
```


404

Not Found