Skip to content

Instantly share code, notes, and snippets.

View SelenGora's full-sized avatar
🦄
Unicorns are awesome

Selen Gora SelenGora

🦄
Unicorns are awesome
View GitHub Profile

Single Responsibility Principle

  • A class should only have one reason to change
  • Seperation of concerns -> different classes handling different, independet tasks/problems

Open-Closed Principle

  • Clases should open for extensions but closed for modification

Liskow Substition Principle

  • You should be able to substitute a base type for a subtype
@SelenGora
SelenGora / GitEssentials.md
Last active January 15, 2020 12:34
Git Essentials Notes

GitBash command lines

  • pwd Print the working directory
  • mkdir <FolderName> Make a directory (for folder)
  • touch <FileName> Create folder
  • cd <DirectoryName> Navigate to the directory
  • cd .. Back to parent directory
  • rm <FileName> Remove file
  • rmdir <FolderName> Remove folder
  • ls -a Shows hidden files in directory
@SelenGora
SelenGora / boxtofullwidth.html
Last active August 9, 2019 07:53
Setting the box in container to full width with CSS Grid
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Grid</title>
<style>
.grid-layout {
@SelenGora
SelenGora / RegexNotes.markdown
Last active July 31, 2019 13:52
These are the notes from @freeCodeCamp Regular Expression classes

Regex Flags

i (ignore case)

Ignores the upper or lower case

const myStr = "IgNoreCase"
const exampleRegex = /ignorecase/i

myStr.match(exampleRegex) // true
@SelenGora
SelenGora / Validation-Form-Elements.markdown
Created March 11, 2015 15:47
Validation Form Elements
@SelenGora
SelenGora / Label-+-Checkbox-css-custom-style.markdown
Created March 11, 2015 14:00
Label + Checkbox css custom style
@SelenGora
SelenGora / gist:4464205
Last active January 8, 2016 15:29
Exercise-1 / Music notes using CSS
<!DOCTYPE html>
<html>
<head>
<title>Music notes </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#container {
width: 960px;
margin: 0 auto;
position: relative;