Skip to content

Instantly share code, notes, and snippets.

🎯
Focusing

Ashutosh Singh gladiatorAsh

🎯
Focusing
View GitHub Profile
View PageUsability.md

Web page metrics Time to First Paint - First Paint indicates navigation. It confirms that rendering has started First Contentful Paint - When browser renders the first content in the DOM. Time to Interactive (TTI) - Page has displayed content, Event handlers are registered for most visible elements, page responds within 50 ms - user does not experience jank First Input delay (FID) - It measures the time from a user first interacting with a page to when the browser can respond to the interaction

Optimize user-centric metrics TTI- Do less work Split up large JS bundles by code-splitting

View Accessibility.md

Visual High contrast ratio. Inspect element helps with checking the contrast ratio Avoid communicating information using only color Test using screen readers Semantic elements using aria attributes Hearing Text alterantives for all media content Cognitive Limit animation and autoplaying videos for users by using the prefers-reduced-motion CSS media query Avoid interactions that are timing-based

View Git.md

##Fetch a remote branch git checkout --track origin/<remote_branch_name>

@gladiatorAsh
gladiatorAsh / C#.md
Created Sep 23, 2019
C Sharp questions
View C#.md
  1. How can you return multiple values from a method in C#?
  2. What's the difference between ref and out?
  3. What are the value and reference types in C#?
  4. What is the base class in C# for all data types?
  5. What is boxing and unboxing?
  6. What are pointer types in C#?
  7. What is the purpose of is and as operators?
  8. What is encapsulation and how is it implemented in C#?
  9. What is a struct and how is it different from a class?
  10. What is an enum?
View Extensions.md

Extensions I use

  1. Auto Import
  2. Beautify
  3. Better Comments
  4. Bracket Pair Colorizer
  5. C#
  6. CodeMetrics
  7. Debugger for Chrome
  8. ESLint
  9. Format Files
View Switching node to windows.md

Switching node to windows

1. Go here https://github.com/coreybutler/nvm-windows and click Download Now to get nvm installer for windows
2. Close all command consoles
3. Run installer to install nvm
4. Start console and type nvm list to show the current list of node versions installed
5. Install 8.15.0 by running nvm install <version> if you don’t have this specific version
6. Run nvm use <version> to switch to that node version
7. To confirm run nvm list. The version with an asterisk is your current version You can always use node -v :-)
@gladiatorAsh
gladiatorAsh / Extensions.md
Last active Mar 8, 2019 — forked from testgithubd/Extensions.md
Extensions for VS Code
View Extensions.md

Extensions I use

  1. Auto Import
  2. Beautify
  3. Better Comments
  4. Bracket Pair Colorizer
  5. C#
  6. CodeMetrics
  7. Debugger for Chrome
  8. ESLint
  9. Format Files
@gladiatorAsh
gladiatorAsh / AngularRevision.md
Last active Nov 22, 2018
Revision of Angular
View AngularRevision.md

www.w3schools.com

  1. Directives are HTML attribute modifiers
  2. Expressions bind data to HTML
  3. Filters format data and coincidentally also filter
  4. Modules define Angular JS applications
  5. Controllers control AngularJS applications
  • ng-app directive: Initiates an angular js application
  • ng-model directive: binds value of HTML controls to app data
@gladiatorAsh
gladiatorAsh / notes.md
Created Nov 21, 2018 — forked from LeZuse/notes.md
React.js internals
View notes.md

React.js

React

  • Element is a simple key,ref,props enclosure
  • Gets generated on every react batch strategy pass
  • It is "owned” by ReactCompositeComponent
  • JSX translates tags into ReactElement.createElement ftion calls

ReactCompositeComponent

  • React component (class)
You can’t perform that action at this time.