HTML Elements

HTML defines the structure of the document/webpage. The table below, includes the definitions of basic HTML structural elements.

Element Description
<body> The content inside the body tags is displayed to the screen.
<div> A container that divides the page into sections. It allows us to group HTML elements and apply thesame styles for all HTML elements inside.
<span> It is used to separate small pieces of content that are on the same line as other content.
<header> A container usually for either navigational links or introductory content containing h1 to h6 headings.
<nav> It is used to define a block of navigation links such as menus and tables of contents. It can be used inside of the <header> element or on its own.
<main> It is used to encapsulate the dominant content within a webpage.
<section> Defines elements in a document, such as chapters, headings, or any other area of the document with the same theme.
<article> It can hold content such as articles, blog posts, comments, etc.
<aside> It is used to mark additional information that can enhance another element. E.g editorial sidebars, quotes, etc.

CSS

CSS applies styling to websites. Everything in CSS has a box around it. Understanding these boxes is key to being able to create more complex layouts with CSS, or to align items with other items.

The Box Model
The Box Model

JavaScript

Javascript is the behavior layer of a webpage, it makes webpages interactive.

Logical Operators Description
&& AND operator: both conditions have to be met to evaluate to true
|| OR operator: one condition must evaluate to true. If the first condition is true the second condition is not checked.
! NOT operator: inverts a Boolean value, inverts the truthiness of non-Boolean values.

VScode

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. It makes coding faster and easier.

Action Keyboard Shortcut
Move one line Up Alt + Up Arrow
Move one line Down Alt + Down Arrow
Copy Line Down Shift + Alt + Down Arrow
Copy Line Up Shift + Alt + Up Arrow

Git

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. I use Git Bash on Windows OS and I upload my repositories on Github.

GitHub is a code hosting platform for version control. It lets us collaborate and work with others on projects from anywhere in the world!

Command Action
$ git init Creates a hidden .git directory where all of the commits are stored
$ git status Shows the status of the project files
$ git log Displays all of the commits of a repository
$ git log --oneline Shows all commits one line at a time
$ git add Adds file to the staging index
$ git commit Moves files from the staging index to the repository.
$ touch .gitignore Creates a .gitignore file where we can list all files / folders to be ignored when making a commit

ServiceNow

Common ServiceNow platform Keyboard Shortcuts and commands.

Action Keyboard Shortcut
Activate Global search Field Ctrl + Alt + G
Toggle Application Navigator Ctrl + Alt + C
Activate Navigation Filter Field Ctrl + Alt + F
Impersonate User Ctrl + Alt + I
Navigate to the Main Content of the page Ctrl + Alt + P