HUANG's Notes

There is no royal road to learning -- Anthony Trollope

Learn bash Scripting

BY Guanqiao Huang

LEARN BASH SCRIPTING Any command that can be run in the terminal can be run in a bash script. Variables are assigned using an equals sign with no space (greeting="hello"). Variables are acce...

Scrum Elements

BY Guanqiao Huang

Scrum Elements Terms: Roles Product Owner Maximizing the value of the product Managing the product Backlog Maximizing the Development Team work Entire organization must respect PO decisio...

Learn Agile and Scrum

BY Guanqiao Huang

Learn Agile Agile Development is a set of methods and practices where solutions evolve through collaboration between self-organising, cross-functional teams. You’ll need to first understand the agi...

Command Line Review

BY Guanqiao Huang

NAVIGATION The command line is a text interface for the computer’s operating system. To access the command line, we use the terminal. A filesystem organizes a computer’s files and directories ...

Learn Command Line

BY Guanqiao Huang

Learn Command Line Codecademy Learn the Command Line module Command Line: Navigation Viewing and Changing the File System Redirecting Input and Output Configuring the environment Bash Sc...

Browser compatibility

BY Guanqiao Huang

Browsers have different default styles for HTML elements which will result in discrepancies in how they are rendered across browsers. Avoid using the latest CSS features that have yet to be su...

CSS Grid layout

BY Guanqiao Huang

Grid Template .grid { display: grid; border: 2px blue solid; width: 400px; height: 500px; /* grid-template-columns: 100px 50% 200px; grid-template-rows: 40% 50% 50px; */ grid-temp...

CSS Transitions

BY Guanqiao Huang

TRANSITIONS Links Different properties transition in different ways, for example: Color values, like color and background-color, will blend to a new color. Length values like font-size, widt...

CSS layout

BY Guanqiao Huang

CSS Float Example 1 .left{ float: left; width:50%; } .right{ float:left; width:50%; } .container{ overflow:auto; /*或者overflow:hidden 这样变成Block Formatting Context*/ }...

CSS Review 2

BY Guanqiao Huang

符号英文 { } curly braces Position static - the default value (it does not need to be specified)默认的 relative - 与relative相似，但多了top left right botton等设置，可能会overflow其他element，可以令absolute子元素根据它来定...