Skip to content

Instantly share code, notes, and snippets.

khattab88 / git-commands.txt
Created April 17, 2018 14:36
useful git commands
add remote repo: git remote add origin
publish to remote: git push -u origin master
khattab88 / web-toolkit.txt
Created May 13, 2018 12:26
web development toolkit
- Fonts: google fonts (Lato)
- Colors:
- Palette: flat ui colors (
- Shades: 0 to 255 (
- Mixer: Adobe color wheel (
- Gradiant: ui gradiants (
- Images: unsplash (
khattab88 / pig-game.html
Last active May 14, 2018 16:38
my first ui component
<!DOCTYPE html>
<html lang="en">
<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>Pig Game</title>
<link href=",300i,400" rel="stylesheet">
khattab88 / clearfix.txt
Last active May 14, 2018 19:48
how to fix float side effects using clearfix
apply this css class to the PARENT of floated elements
.clearfix {
overflow: auto;
.clearfix::after {
content: "";
display: table;
clear: both;
1- define list of reusable ui components
ex: - login from
- header
- footer
- grid
- sidebar
- navbar
- dropdown
- images
- loader
- javascript
- es6
- node.js (npm)
- transpiler (babel)
- module system (systemjs, requirejs)
- unit testing (jasmine, mocha, sinon)
- build tools (grunt, gulp)
- webpack
- version control (git, tfs)
- Software engineer with technical experience in various technology and business domains.
- I have also gained valuable experience in working in teams.
- I have both technical and interpersonal skills and am looking for a challenging role.
- Have interest in designing and developing efficient modern systems, and learning new technologies and tools if need arises.
- requirement analysis
- use cases (user stories)
- data flow diagrams
- bdd (as an analysis tool for business scenarios)
- analysis patterns
- ready-made analysis models for different business domains
- existing business models
- oo design
compiling source code into machine code:
1- preprocessing: resolve files (dependencies)
2- compiling: convert source code into machine code (assembly code)
3- assembling: convert assembly code to machine-level code (binary code)
4- linking: combine compiled files (binary code)
- computers only understand 0 and 1 (binary system) which is base-2 number system
- ASCII respresents a mapping between set of decimal numbers ==> letters and symbols
ex: letter A can be represented as number 65
letter B can be represented as number 66
letter a can be represented as number 97
letter b can be represented as number 98
- Unicode is a superset of ASCII system, which can represent any kind of letters on different alphapets and symbols.