Useful URLS - Linux - 24 May 2021

 http://localhost:4200/programmaticRoute/relative

https://stackblitz.com/edit/kk-angular-gen-project?file=src%2Fapp%2Fcomponents%2Fannotator-dashboard%2Fannotator-dashboard.component.spec.ts

https://www.netjstech.com/2020/08/navigate-route-programmatically-angular.html

https://angular.io/guide/router

https://www.digitalocean.com/community/tutorials/angular-query-parameters

https://serverfault.com/questions/62026/how-to-know-from-which-yum-repository-a-package-has-been-installed

https://www.google.com/search?q=remove+bash+history&rlz=1C1GCEA_enIN943IN943&oq=remove+bash&aqs=chrome.2.0j69i57j0l2j0i20i263j0l5.5872j0j7&sourceid=chrome&ie=UTF-8

https://phoenixnap.com/kb/how-to-create-sudo-user-on-ubuntu

https://devconnected.com/how-to-add-user-to-sudoers-on-ubuntu-20-04/

https://www.geeksforgeeks.org/passwd-command-in-linux-with-examples/

https://linuxize.com/post/usermod-command-in-linux/

https://www.differencebetween.com/difference-between-adduser-and-vs-useradd/#:~:text=The%20difference%20between%20adduser%20and%20useradd%20is%20that%20adduser%20is,utility%20command%20to%20add%20users.

https://www.howtogeek.com/50787/add-a-user-to-a-group-or-second-group-on-linux/#:~:text=To%20add%20an%20existing%20user,user%20you%20want%20to%20add.

https://linuxize.com/post/how-to-list-users-in-linux/

https://linuxize.com/post/how-to-list-groups-in-linux/

https://www.ibm.com/docs/en/ibm-mq/9.1?topic=windows-creating-managing-groups-linux

https://linuxize.com/post/how-to-add-user-to-group-in-linux/

https://www.networkworld.com/article/3409781/mastering-user-groups-on-linux.html#:~:text=There%20are%20actually%20two%20types,an%20account%20is%20set%20up.&text=Secondary%20groups%20are%20those%20that,the%20%2Fetc%2Fgroup%20file.

https://linuxize.com/post/how-to-delete-users-in-linux-using-the-userdel-command/

https://www.cyberciti.biz/faq/linux-list-users-command/

https://www.ibm.com/docs/en/aix/7.2?topic=passwords-using-etcpasswd-file

https://www.cyberciti.biz/faq/understanding-etcpasswd-file-format/

https://www.cyberciti.biz/faq/understanding-etcgroup-file/

https://www.digitalocean.com/community/tutorials/how-to-view-system-users-in-linux-on-ubuntu#:~:text=Every%20user%20on%20a%20Linux,line%20describes%20a%20distinct%20user.

https://www.cyberciti.biz/faq/how-to-delete-group-in-linux-using-groupdel-command/

https://www.journaldev.com/39787/linux-delete-group-groupdel-command

https://www.howtogeek.com/50787/add-a-user-to-a-group-or-second-group-on-linux/

https://linuxize.com/post/how-to-create-groups-in-linux/#:~:text=To%20create%20a%20new%20group,by%20the%20new%20group%20name.&text=The%20command%20adds%20an%20entry,adding%20users%20to%20the%20group%20.

https://linuxize.com/post/linux-chown-command/

https://www.baeldung.com/linux/chown-chmod-permissions

https://www.tecmint.com/add-users-in-linux/#:~:text=To%20create%20user's%20without%20their,shilpi'%20without%20a%20home%20directory.

https://www.tecmint.com/delete-remove-a-user-account-with-home-directory-in-linux/

https://phoenixnap.com/kb/fix-connection-reset-by-peer-ssh-error

https://devconnected.com/how-to-list-users-and-groups-on-linux/#:~:text=In%20order%20to%20list%20users,navigate%20within%20the%20username%20list.

https://phoenixnap.com/kb/grep-multiple-strings

https://unix.stackexchange.com/questions/106593/what-do-the-characters-y-d-n-mean

https://stackoverflow.com/questions/305035/how-to-use-ssh-to-run-a-local-shell-script-on-a-remote-machine

https://unix.stackexchange.com/questions/115917/why-is-bash-not-storing-commands-that-start-with-spaces

Microsoft Windows Terminal - Multiple Tabs Console

Microsoft Windows Terminal - Multiple Tabs Console 

Download Links

https://github.com/microsoft/terminal/releases/tag/v1.8.1092.0

https://github.com/microsoft/terminal#readme

Alternate Download URL

https://www.microsoft.com/en-us/p/windows-terminal/9n0dx20hk701?activetab=pivot:overviewtab

https://helpdeskgeek.com/how-to/use-multiple-tabs-in-the-windows-command-prompt/

5 Software Utilities

@Media , Transition, CSS Property

<!DOCTYPE html>
<html>
<head>
<style> 

div {
  width: 100px;
  height: 100px;
  background: green;
  transition: background 0s, width 3s;
}

@media screen and (max-width : 600px){
  div {
      width: 100px;
      height: 100px;
      background: cyan;
  }
}

div:hover {
  width: 300px;
  background:yellow;
  transform:rotate(10deg)
}
</style>
</head>
<body>

<h1>The transition Property</h1>

<p>Hover over the div element below, to see the transition effect:</p>
<div>Golu</div>

<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p>

</body>
</html>

Transform CSS Property

<!DOCTYPE html>
<html>
<head>
<style> 
  div.a {
     width: 150px;
     height: 80px;
     background-color: yellow;
     //-moz-transform: rotate(20deg);
     //-ms-transform: rotate(20deg);
     -webkit-transform: rotate(20deg);
     //transform: rotate(20deg);
  }
</style>
</head>
<body>
<h1>The transform Property</h1>
<div class="a">Hello World!</div>
</body>
</html>

Custom Attribute ANGULAR ??

https://codecraft.tv/courses/angular/custom-directives/creating-a-custom-directive/

https://www.youtube.com/watch?v=YAlxSudXg_g&list=PL-TLnxxt_AVGz9wRWkCajUkcH5zfa9JKP&index=34&t=9s

https://youtu.be/YAlxSudXg_g  [Make a Custom Angular Directive]

<div class="card card-block" ccCardHover>...</div>

import { Renderer, Directive, ElementRef } from '@angular/core';

import {  } from '@angular/core';

@Directive({

  selector:"[ccCardHover]"

})

class CardHoverDirective {

  constructor(private el: ElementRef, private renderer: Renderer) { 

    //renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'gray'); 

	el.nativeElement.style.backgroundColor = 'gray';

  }

}

SASS, SCSS ? What is that ?

https://sass-lang.com/

https://sass-lang.com/guide - Variables, Nesting, Mixins, Partials, Modules, Inheritance, Operators

• npm install -g sass
• sass input.scss output.css 
• sass --watch input.scss output.css

2 Types of Syntaxes

• .scss - Brackets, Semicolon, More Popular
• .saas - Indentation, Newline

When you install Sass on the command line, you'll be able to run the sass executable to compile .sass and .scss files to .css files. 

---------------------------------------------------------------------------------------------------------------------------------------------------------------

https://dev.to/olawanle_joel/sass-vs-scss-odf

https://stackoverflow.com/questions/5654447/whats-the-difference-between-scss-and-sass/5654511#5654511

From the homepage of the language
Sass has two syntaxes. The new main syntax (as of Sass 3) is known as “SCSS” (for “Sassy CSS”), and is a superset of CSS3’s syntax.
 This means that every valid CSS3 stylesheet is valid SCSS as well. SCSS files use the extension .scss.
The second, older syntax is known as the indented syntax (or just “Sass”). 
Inspired by Haml’s terseness, it’s intended for people who prefer conciseness over similarity to CSS.
Instead of brackets and semicolons, it uses the indentation of lines to specify blocks. 
Although no longer the primary syntax, the indented syntax will continue to be supported. Files in the indented syntax use the extension .sass.
SASS is an interpreted language that spits out CSS. The structure of Sass looks like CSS (remotely), but it seems to me that the description is a bit misleading; it's not a replacement for CSS, or an extension. 
It's an interpreter which spits out CSS in the end, so Sass still has the limitations of normal CSS, but it masks them with simple code.

 ---------------------------------------------------------------------------------------------------------------------------------------------------------------

Angular - Unit TESTING - Karma , Jasmine

Unit tests can be written in a variety of Javascript testing framework (Jasmine, QUnit, Mocha) ; this is JS code that is run in the browser.

Karma is a browser test runner.

Karma can launch the page in many browsers (FF, Chrome, or headless browsers like PhantomJs.)

The custom web page will be a bit different for each testing framework ; this is why karma has plugins for different frameworks.