Design Layout

Use “onclick”

In traditional way, it’s fine to use “onclick”
but, the problem is
you can’t bind more than one event on the same element.
Here is the example, when clicking the first button
the rear one’s result will override the previous one.
Demo as below

Parallax.js

• Demo Site

• Table of Contents

• 3 ways to install this plug-in

  • Use CDN

    1	<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>

  • Download compiled.zip from release section
  • Install by npm

    1	npm i -s parallax-js

    Read more »

Wrapping individual lines with Abbreviation

Demo is here
Set up your hotkey in VScode, as in the demo video showed,
you can set up as “Shift+Ctrl+A”

Why need to learn version control system (Git) ?

When programmer works on project, there will be lots of files and source codes created during the development.
In the ancient times, people will create lots of files using different name tags, to identify with each other.

1
2
3

2020-08-21.html
2020-08-22.html
2020-08-23.html

How does API work ?

When we operate on webpage, it will need to get some data from backend.
But, it can’t get data directly from DB(database), instead, need to ask browser to do the favor.
Therefore, there is a communication method between browser and webpage called API.
(Application Programming Interface)

新聞來源

英文新聞網站:

1
2
3
4
5
6

https://e.vnexpress.net/
https://tuoitrenews.vn/
https://saigoneer.com/
https://vietnamnews.vn/
https://e.nhipcaudautu.vn/
https://www.vir.com.vn/

Building a Gitpages using Hexo, we can get it done from 2 main parts separately.

1. Github setting-1st part

Visit Github, and create a new repository on the website

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.