This repository is a collection of useful commands, code snippets, and tutorials covering various technologies and concepts I encounter in my journey as a developer. π±
Explore, learn, and grow with me! π
Show your support: β¨
- Star β this repository to help it gain visibility.
- Share π’ it with fellow developers who might find it useful.
Hide/Show table of contents
|
- Configure git
- Config file locations
- Configure user's name & email
- Various important config commands
- Branching
- Create new branch
- Delete branch
- Quick switch back to previous branch/commit-sha/references etc.
- Branch listing
- Rename a branch
- Track new branch
- Checkout branch/commit-sha/references/etc. (go forward/backward)
- Add, Commit, Amend, Pull, Push, Merge & Delete
- Checkout forward/backward
- Cherry Pick
- Stashing
- Logging
- Show - more logging
- Recovery or Reset
- Reset using
reflog
- Reset using
- Squash
- Rebase
- Change the
author
of an earlier commit - Change the
commit message
of an earlier commit - Reordering commits using rebase
- Rebase options
- Change the
- Working with remotes
- Conflicts
- e.g. Merging
release
branch intomaster
and we have 3 foldersfoo/
,bar/
,js/
. Now want to resolve conflicts such asfoo/
,bar/
should likemaster
andjs/
should likerelease
branch.
- e.g. Merging
- Git Submodules
- Some important operations
- Cleanup garbage in remote repository
- Prune empty commits
- Create a new WorkTree and work paralley in the same repo (different branch)
- Add a
signed-off-by
field in a commit - How to tell git to ignore local changes (already tracked by git)?
- Generate a Git Hash (SHA1) for specific contents
- Tag and Releases
- Fancy Commands
- Concepts
- Tracked vs Untrack file
- GitHub vs Git
- Commit Object
- Three areas where code lives
- Three types of git
References
- Different types of HEAD
- The Seven Rules of a Great Git Commit Message
- Difference between HEAD~ and HEAD^
-
- Explain
Hoisting
in JavaScript - Why
Hoisting
Important? - First, memory is set aside for all necessary variables and declared functions
- Function Expressions are never hoisted! They are treated as assignments
- Check if return statement is at the top
- Analyzing Hoisting Load Order I
- Analyzing load order II
- Analyzing Load Order III
- The variables declared with
let
orconst
are hoisted but stayuninitialised
- Explain
-
- Prototypes!
- What is Constructor call?
- What is
[[Prototype]]
and where does it come from? - How does
[[Prototype]]
affect the behavior of an object? - What is the 3 different ways to find where an object
[[Prototype]]
linked to? - Discuss:
__proto__
,[[Prototype]]
,prototype
- Two mechanism always exists in JavaScirpt -- Lexical Scopes & Prototype Chain
- Object Oriented in JavaScript
- Explanation of Prototype
- When an inherited function is executed, the value of
this
points to the inheriting object, not to theprototype object
where the function is an own property - New object using Object.create() (ES5)
- New object using
class
syntactical sugar - Similar in Object pattern
- Use
hasOwnProperty()
to know if the property exists as it's own property - Prototype shadowing
- Avoid Shadowing
- Object Linked
OLOO
(Object Linked to Other Object): delegated objects- Convert the above codes to OLOO
- Class in ES6
- Different ways to create objects and the resulting prototype chain
- Dig into some examples from MDN
- Notes
- We have to call
super
first in constructor
-
- How does
this
keyword change in different context? - 1.
this
in Global Context - 2.
this
in Object Constructor - 3.
this
in an Object Method - 4.
this
in a Simple function - 5.
this
in a Arrow function - 6.
this
in Event listener - Default Rules
- Hard Binding of
this
- Priority of
this
binding (top -> bottom: hight -> low)
- How does
-
- What is asynchronous programming and why is it important?
- Explain Event Delegation
- Describe Event Bubbling
- What are benefits of
named
function over aanonymous
function - Difference between
target
vscurrentTarget
- What is
Factory Function
? - Difference:
null
,undefined
andundeclared
? - What does JavaScript
get
andgetter
keyword do? - What is the
two
conditions of beingModule
? - How to get
Unique
values of an Array? - How to remove all
falsy
values from an Array? - How to create an
Empty
Object? - How to require function parameters by force?
- How to get Query String Parameters?
- What is
Debouncing
in JavaScript? - How to determine what should be the
this
keyword value? - Convert a string to
spinal
string - What type of
Scoping Rule(s)
does JavaScript have? - What are
3
different ways we can create a new Scoped variable? - What are the four things the new keyword actually does when we put in front of a function call?
- What is the different between
undeclared
andundefined
? - What is the only value in JS that is not equal to itself!?
- What does happen when we declare a variable with
var
andlet
? - Compare:
null
,undefiend
,NaN
- Implement an Event Emitter that supports standard operations
- How to Write Optimized JavaScript?
- What is Vue.js?
- Installing
- Known Options for Vue Instance
- Key Sentences
- For Loop
- Bind Attribute and Class Name
- Dynamic Components
- Lazy Loading Off-screen Components
- Disable Re-rendering with v-once
- Output Raw HTML with v-html Directives
- Get Event Data from the Event
- Pass Own Arguments with Event Object
- Modifying and Event with Modifiers
- Listening to Keyboard Events
- Write JavaScript Code into Template
- Using Tow Way Binding v-model="variable"
- Two Way Binding from Child to Parent
- Reacting to Changing with Computed Properties
- Dynamic Styling with CSS Classes
- Setting Styles Dynamically without CSS Classes
- Styling Elements with an Array Syntax
- Conditioning Rendering with v-if/v-else
- Alternative of v-if using <template>
- Use v-show if we don't want to detach element from DOM
- Rendering Lists with v-for
- Use of v-for with <template>
- Looping through Objects
- Looping through a Lists of Numbers
- Keeping Track of Elements When using v-for
- Access Template from Vue Module by Setting a Ref
- Mounting a Template
- VueJS instance Life Cycle
- Pass HTML Content from Parent to Child Using <slot>
- How Directives Works
- HTML5 History Mode
- Difference Between v-model and v-bind
- Vuex
- Service Worker Caching Config - Progressive Web App
- Toggling Similar Elements
- Vue Observable - Alternate to Vuex
- Vue Router has 3 Types of Guards
- Vue Filters
- Mixin
- Vue Cheat Sheets
- Vuex Cheat Sheets
- Shortcuts
- Initial Render
- Virtual DOM
- Runtime + Compiler vs. Runtime-only
- Compile Templates in Client Manually
- Reactivity in Depth
- Parent-child Communication
- Docker Install (latest or a specific version)
- Run docker as daemon
- Remove all containers
- Remove all images
- Run an image
- print log of a container
- Exec a container
- Run image with binding port