Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/damianc/dev-notes

A handy reference of dev stuff that may turn out helpful at times.
https://github.com/damianc/dev-notes

angular design-patterns javascript typescript

Last synced: about 1 month ago
JSON representation

A handy reference of dev stuff that may turn out helpful at times.

Awesome Lists containing this project

README 

        
# Dev_Notes



Handy dev stuff :rocket::rocket:



Similar repos:

* [@charliegerard](https://github.com/charliegerard/dev-notes)

* [@jbranchaud](https://github.com/jbranchaud/til)

* [@thoughtbot](https://github.com/thoughtbot/til)



---



Currently:   **374** Dev_Notes



---



# Categories



* [Algorithms and Data Structures](#algorithms-and-data-structures)

  - [Algorithms](#algorithms)

  - [Data Structures](#data-structures)

* [Angular](#angular)

  - [Directives and Components](#directives-and-components)

  - [Forms](#forms)

  - [NgRx](#ngrx)

  - [Pipes](#pipes)

  - [Angular Routing](#angular-routing)

  - [HTTP](#http)

* [Bash Apps](#bash-apps)

* [Canvas](#canvas)

  - [`ImageData` and Pixel Control](#imagedata-and-pixel-control)

* [CSS](#css)

  - [Scss](#scss)

* [Design Patterns](#design-patterns)

  - [Creational](#creational)

  - [Structural](#structural)

  - [Behavioral](#behavioral)

* [Docker](#docker)

* [Errors](#errors)

* [Express.js](#expressjs)

* [Firebase](#firebase)

* [Formulas](#formulas)

  - [Math Core](#math-core)

* [Git](#git)

* [GraphQL](#graphql)

* [HTML](#html)

* [HTML5 APIs](#html5-apis)

* [JavaScript](#javascript)

  - [Recipes](#recipes)

  - [ES6+](#es6)

  - [DOM](#dom)

  - [PWA](#pwa)

  - [RegExp](#regexp)

  - [JS Tools](#js-tools)

  - [OOP](#oop)

  - [FP](#fp)

  - [Exotics](#exotics)

  - [JS Lab](#js-lab)

* [Nest.js](#nestjs)

* [Node](#node)

  - [CLI](#cli)

* [npm](#npm)

* [PHP](#php)

* [Python](#python)

* [React](#react)

  - [react-router](#react-router)

* [Redux](#redux)

* [REST API](#rest-api)

* [RxJS](#rxjs)

* [SQL](#sql)

* [SVG](#svg)

  - [SVG + JavaScript](#svg--javascript)

* [TDD](#tdd)

* [Tools](#tools)

* [TypeScript](#typescript)

  - [Types From Types](#types-from-types)

* [UI](#ui)

* [Vue](#vue)

* [Webpack](#webpack)

* [WordPress](#wordpress)



# Algorithms and Data Structures



## Algorithms



* [Algorithms](algorithms-and-data-structures/algorithms.md)

* [Bubble Sort](algorithms-and-data-structures/bubble-sort.md)

* [Fibonacci Generator](algorithms-and-data-structures/fibonacci-generator.md)



## Data Structures



* [Multi-Edged DAG for Network of Train Connections](algorithms-and-data-structures/multi-edged-graph-on-trains.md)

* [Abstract Syntax Tree](algorithms-and-data-structures/ast.md)

* [Abstract Data Types](algorithms-and-data-structures/abstract-data-types.md)

* [Linked List](algorithms-and-data-structures/linked-list.md)

* [Priority Queue on Max Heap](algorithms-and-data-structures/priority-queue-on-max-heap.md)



# Angular



* [Classes and styling](https://github.com/damianc/dev-notes/blob/master/angular/classes-and-styling.md)

* [Resolving path, e.g., `@interface/Readable`](angular/resolve-path.md)

* [RxJS Imports](angular/rxjs-imports.md)

* [Interfaces](angular/interfaces.md)

* [Lifecycle Hooks](angular/hooks.md)

* [`@ContentChildren` vs `@ViewChildren` and Detecting Changes](angular/content-and-view-children.md)

* [Custom Service](angular/custom-service.md)

* [Service Provider](angular/service-provider.md)

* [Local Service Providers](angular/local-service-providers.md)

* [Angular Modules](angular/modules.md)

* [Animations](angular/animations.md)

* [Animation Details](angular/animation-details.md)



## Directives and Components



* [Multiple ``](angular/multiple-ng-content.md)

* [The `*ngIf` Directive](angular/ngif-directive.md)

* [Component Event with `@Output`](angular/component-event.md)

* [Structural Directive with Context](angular/struct-directive-context.md)

* [Structural Directive Using `for..of` Expression](angular/structural-directive-using-forof.md)

* [Assignment vs. `as` in Structural Directive](angular/assignment-as-in-structural-directive.md)

* [Structural Directive: One \*Attribute instead of [Two]](angular/two-attrs-into-one.md)

* [`[ngTemplateOutlet]` vs. `*ngTemplateOutlet`](angular/ng-template-outlet.md)

* [`Renderer2`](angular/renderer2.md)

* [`ngIf` Implementation](angular/ngif-implementation.md)

* [`ngFor` Implementation](angular/ngfor-implementation.md)

* [Diff Monitoring: Array](angular/array-monitoring-tools.md)

* [Diff Monitoring: Object](angular/object-monitoring-tools.md)

* [Diff Monitoring: Map](angular/map-monitoring-tools.md)



## Forms



* [Conditional Validators](angular/forms/conditional-validators.md)

* [Custom Form Control](angular/forms/custom-form-control.md)



## NgRx



* [Counter Example with NgRx](angular/ngrx/counter-example.md)



## Pipes



* [Custom Pipe](angular/pipe.md)

* [More Complex Pipe](angular/custom-filter.md)

* [Impure Pipe](angular/impure-pipe.md)

* [`async` Pipe](angular/async-pipe.md)

* [Pipe Using Another Pipe](angular/pipe-using-pipe.md)



## Angular Routing



* [Adding a Router](angular/routing/root-router.md)

* [Redirect to Dynamic Path](angular/routing/redirect-to-dynamic-path.md)

* [Params of Route](angular/routing/route-params.md)

* [Parent Router Params](angular/routing/parent-router-params.md)

* [Optional Params vs. Query Params](angular/routing/optional-query-params.md)

* [Add Params to Current URL](angular/routing/add-params-to-current-url.md)

* [`Router` Properties and Methods](angular/routing/router-properties-and-methods.md)

* [Route Data](angular/routing/route-data.md)

* [Route Children](angular/routing/route-children.md)

* [Routing Guards](angular/routing/guards.md)

* [Resolvers](angular/routing/resolvers.md)

* [Named Outlets](angular/routing/named-outlets.md)

* [Highlight Active Route](angular/routing/highlight-active-route.md)

* [Lazy Loading a Module](angular/routing/lazy-loading-module.md)

* [Router Events](angular/routing/router-events.md)



## HTTP



* [`HttpRequest`](angular/http/http-request.md)

* [`HttpContext`](angular/http/http-context.md)

* [Interceptors](angular/http/interceptors.md)

* [Download File Returned from API with `file-saver`](angular/http/download-file-from-api-with-file-saver.md)



# Bash Apps



* [Count Particular Files Excluding a Particular Directory](bash-apps/count-particular-files-excluding-a-dir.md)

* [Searching Files: `find`](bash-apps/searching-files-find.md)

* [Functions](bash-apps/functions.md)

* [Flow Control](bash-apps/flow-control.md)

* [Examining Stuff: `test`](bash-apps/examining-stuff-test.md)

* [Altering Text](bash-apps/altering-text.md)

* [Text Processing: `cut`](bash-apps/text-processing-cut.md)

* [Text Processing: `tr`](bash-apps/text-processing-tr.md)

* [Text Processing: `wc`](bash-apps/text-processing-wc.md)

* [Brace Expansion](bash-apps/brace-expansion.md)

* [Formatting Output](bash-apps/formatting-output.md)

* [`PS1` Variable](bash-apps/ps1-variable.md)

* [Progress Bar](bash-apps/progress-bar.md)

* [Date: `date`](bash-apps/date.md)

* [[du] Disk Usage](bash-apps/du.md)

* [`cd /d` on Win10 / cmd](bash-apps/cdd-win10.md)

* [Pipe to `while`](bash-apps/pipe-to-while.md)

* [[ln] Symbolic and hard links](bash-apps/symbolic-and-hard-links.md)



# Canvas



* [Camera Preview on Canvas](canvas/canvas-camera-preview.md)

* [Repeat Image in Grid](canvas/repeat-image-in-grid.md)



## `ImageData` and Pixel Control



* [Getting Adjacent Pixels](canvas/id-adjacent-pixels.md)

* [Invert Colors](canvas/id-invert-colors.md)

* [Monochrome Image](canvas/id-monochrome.md)

* [Reducing Number of Colors](canvas/id-reducing-colors.md)



# CSS



* [CSS Selectors](css/selectors.md)

* [CSS Counters](css/counters.md)

* [Prevent Line-Break in a Table](css/prevent-line-break-in-table.md)

* [Ellipsis at the end of too long text](css/long-text-ellipsis.md)

* [Media Queries](css/media-queries.md)

* [`nth-child()`](css/nth-child.md)

* [`flex-grow`, `flex-shrink` and `flex-basis`](css/flex-grow-shrink.md)

* [Grid Coords](css/grid-coords.md)

* [Grid Named Lines and Areas](css/grid-lines-and-areas.md)

* [Paintlet](css/paintlet.md)



## Scss



* [`@each...in`](css/scss/each-in.md)

* [`@for` Loop](css/scss/for-loop.md)

* [`@while` Loop](css/scss/while-loop.md)

* [If Conditions](css/scss/if-conditions.md)

* [`switch` Function](css/scss/switch-function.md)

* [`@function` and `...`](css/scss/function-three-dots.md)

* [Recursive Functions](css/scss/recursive-functions.md)

* [RWD Mixins](css/scss/rwd-mixins.md)

* [SassScript Mixins](css/scss/sassscript-mixins.md)



# Design Patterns



* [List of Design Patterns](design-patterns/list.md)

* [Builder vs. Abstract Factory](design-patterns/builder-vs-abstract-factory.md)



## Creational



* [Singleton](design-patterns/creational/singleton.md)



## Structural



* [Adapter](design-patterns/structural/adapter.md)

* [Bridge](design-patterns/structural/bridge.md)

* [Composite](design-patterns/structural/composite.md)

* [Decorator](design-patterns/structural/decorator.md)

* [Facade](design-patterns/structural/facade.md)

* [Flyweight](design-patterns/structural/flyweight.md)



## Behavioral



* [Chain of Responsibility](design-patterns/behavioral/chain-of-responsibility.md)

* [Command](design-patterns/behavioral/command.md)

* [Interpreter](design-patterns/behavioral/interpreter.md)

* [Iterator](design-patterns/behavioral/iterator.md)

* [Mediator](design-patterns/behavioral/mediator.md)

* [State](design-patterns/behavioral/state.md)

* [Strategy](design-patterns/behavioral/strategy.md)

* [Visitor](design-patterns/behavioral/visitor.md)



# Docker



* [`Dockerfile` File](docker/dockerfile.md)

* [Formatting a list of images/containers](docker/formatting-images-containers-list.md)

* [Filtering a list of images/containers](docker/filtering-images-containers-list.md)

* [Deleting multiple images and containers](docker/deleting-images-containers.md)



# Errors



* [JavaScript heap out of memory](errors/js-heap-out-of-memory.md)

* [System limit for number of file watchers reached](errors/system-limit-of-file-watchers.md)

* [zsh: corrupt history file](errors/zsh-corrupt-history-file.md)



# Express.js



* [The `request` Object](expressjs/request-object.md)

* [The `response` Object](expressjs/response-object.md)

* [Settings](expressjs/settings.md)

* [Custom Middleware](expressjs/custom-middleware.md)

* [Modular Structure](expressjs/modular-structure.md)

* [Streaming](expressjs/streaming.md)

* [Streaming Video](expressjs/streaming-video.md)

* [Manual Streaming of Text](expressjs/manual-streaming-text.md)



# Firebase



* [Get Data from Firestore](firebase/get-data-from-firestore.md)

* [Firebase Realtime Database: Observing a Value](firebase/realtime-database-observing-value.md)

* [Firebase Realtime Database: Observing a Collection](firebase/realtime-database-observing-collection.md)

* [Upload File to Bucket](firebase/upload-file-to-bucket.md)



# Formulas



* [Lacking Stuff of `Math`](formulas/math-lacking-stuff.md)

* [Lacking `Math` Angular Methods](formulas/math-lacking-angular-methods.md)

* [Angular Methods](formulas/angular-methods-list.md)

* [Distance Between 2 Coords](formulas/distance-between-two-coords.md)

* [Angular Diameter/Size](formulas/angular-size.md)

* [Distribute Items Equally on a Circle](ui/distribute-items-equally-on-circle.md)

* [Getting Point on Circle](formulas/math-core/getting-point-on-circle.md)

* [Polygon Area](formulas/polygon-area.md)

* [Transformation Matrixes](formulas/transformation-matrixes.md)

* [Math Outside](formulas/math-outside.md)



## Math Core



* [Lines and Points Formulas](formulas/math-core/lines-and-points-formulas.md)

* [Distance Between 2 Points](formulas/math-core/distance-between-points.md)

* [Distance Between Point and Line](formulas/math-core/distance-between-point-and-line.md)

* [Circle Tangents by Control Point](formulas/math-core/circle-tangents-by-cp.md)

* [Line Transformations](formulas/math-core/line-transformations.md)

* [Finding Linear Function](formulas/math-core/finding-linear-function.md)

* [Distance Between 2 Parallel Lines](formulas/math-core/lines-distance.md)

* [Finding a Point by Distance](formulas/math-core/finding-point-by-distance.md)

* [Linear Function Passing Through 2 Points](formulas/math-core/line-by-two-points.md)

* [Straight Lines: Intersection Point and Angle](formulas/math-core/lines-intersection-angle.md)

* [Line Segment: Length and Center](formulas/math-core/line-segment.md)

* [Trigonometric Formulas](formulas/math-core/trigonometric-formulas.md)

* [Attract Point to Line](formulas/math-core/attract-point-to-line.md)

* [Attract Point to Circle](formulas/math-core/attract-point-to-circle.md)

* [Getting Triangle's Lacking Parameters](formulas/math-core/triangle-lacking-info.md)

* [Circle Parameters](formulas/math-core/circle-parameters.md)

* [Point on Circle by Angle](formulas/math-core/point-on-circle-by-angle.md)

* [Point Coordinates on Circle](formulas/math-core/circle-point-coords.md)

* [Find Circle by 2 Points and Radius](formulas/math-core/find-circle-by-two-points-and-r.md)

* [Find Circle by Point Coords/Angle and Radius](formulas/math-core/find-circle-by-point-angle-and-r.md)

* [Bump Arc Length](formulas/math-core/bump-arc-length.md)

* [Circle Area in X-Range](formulas/math-core/circle-area-in-x-range.md)

* [Line and Parabola Intersection](formulas/math-core/line-parabola-intersection.md)

* [Line and Circle Intersection](formulas/math-core/line-circle-intersection.md)

* [Circles Intersection](formulas/math-core/circles-intersection.md)

* [Centroid of Triangle Rendered with Lines _f(x)_, _g(x)_ and _h(x)_](formulas/math-core/triangle-centroid.md)

* [Short Multiplication](formulas/math-core/short-multiplication.md)



# Git



* [Generate and Add SSH Key](git/generate-and-add-ssh-key.md)

* [Add SSH identity](git/add-ssh-identity.md)

* [Assume Unchanged](git/assume-unchanged.md)

* [Empty commit](git/empty-commit.md)

* [Update last commit](git/update-last-commit.md)

* [Renaming Branch](git/rename-branch.md)

* [Comparing Files from 2 Different Branches](git/diff-different-branches.md)

* [Find the commit a bug has been introduced in](git/find-commit-introducing-bug.md)



# GraphQL



* [Query](graphql/query.md)

* [Query Arguments](graphql/query-arguments.md)

* [Aliases](graphql/aliases.md)

* [Multiple Resources Request](graphql/multiple-resources-request.md)

* [Fragments](graphql/fragments.md)



# HTML



* [File Input: `accept` Attribute](html/file-input-accept.md)

* [Placeholder for ``](html/placeholder-for-input-type-date.md)

* [Values of the `autocomplete` Attribute](html/autocomplete-values.md)

* [Suggest New Password on Password Control](html/suggest-new-password.md)



# HTML5 APIs



* [Detect Tab Change](html5-apis/detect-tab-change.md)

* [Download Textarea Content with `URL.createObjectURL()`](html5-apis/download-textarea-with-createobjecturl.md)

* [Generating Dynamic Files with `FileReader`](html5-apis/generate-dynamic-file.md)

* [Web Worker](html5-apis/web-worker.md)

* [Custom Video Controls](html5-apis/custom-video-controls.md)

* [`URL`](html5-apis/url.md)

* [`URLSearchParams`](html5-apis/url-search-params.md)

* [Display Browser Modal to Save Credentials](html5-apis/display-browser-modal-to-save-pass.md)



# JavaScript



* [`Array.fill(object)`](javascript/array-fill-with-object.md)

* [`mouseenter`, `mouseover`, `mousemove`, `mouseleave` and `mouseout`](javascript/mouse-events.md)

* [Disable Shortcuts or Context Menu](javascript/disable-shortcuts-or-contextmenu.md)

* [`reduce()` Uses](javascript/reduce-uses.md)

* [Deep Clone of Object](javascript/deep-clone.md)

* [Enumerating Properties](javascript/enumerating-properties.md)

* [`this` reference](javascript/this-reference.md)

* [`Math`](javascript/math.md)

* [`BigInt`](javascript/bigint.md)

* [Checking `NaN`](javascript/checking-nan.md)



## Recipes



* [Random Number from a Range](javascript/recipes/random-from-range.md)

* [Alter Wrapper](javascript/recipes/alter-wrapper.md)

* [_Trusted Value Providers_ aka _Signed Objects_](javascript/recipes/encapsulated-objects.md)

* [Calling `eval()` in a Context](javascript/recipes/eval-in-context.md)



## ES6+



* [Iterators](javascript/es6/iterators.md)

* [`Symbol.asyncIterator` and `Symbol.iterator`](javascript/es6/asynciterator-iterator.md)

* [Generator Member Shorthand](javascript/es6/generator-member-shorthand.md)

* [Object Descriptors](javascript/es6/object-descriptors.md)

* [`preventExtensions()`, `seal()` and `freeze()`](javascript/es6/freeze-seal-preventextensions.md)

* [`Object.is()`](javascript/es6/object-is.md)

* [[Weak]Map vs. [Weak]Set](javascript/es6/maps-vs-sets.md)

* [export and import](javascript/es6/export-and-import.md)

* [Typed Arrays](javascript/es6/typed-arrays.md)

* [Proxy Traps](javascript/es6/proxy-traps.md)

* [`Symbol.match`](javascript/es6/symbol-match.md)

* [`Symbol.search`](javascript/es6/symbol-search.md)

* [`Symbol.replace`](javascript/es6/symbol-replace.md)

* [`Symbol.split`](javascript/es6/symbol-split.md)



## DOM



* [DOM Traversing Methods](javascript/dom/traverse-methods.md)

* [`insertAdjacent*()`](javascript/dom/insert-adjacent.md)



## PWA



* [File Input - Capture Photo/Video/Audio](javascript/pwa/file-input-capture.md)

* [Battery Events](javascript/pwa/battery-events.md)

* [Contact Picker API](javascript/pwa/contact-picker-api.md)



## RegExp



* [RegExp: named captured groups](javascript/es6/re-named-groups.md)

* [`match()` vs. `exec()` and RegExp with/without the `g` Flag](javascript/match-vs-exec-g.md)

* [RegExp _Sticky_ Flag](javascript/re-sticky-flag.md)

* [Matching Emoji in RegExp](javascript/es6/regexp-emoji.md)

* [Unicode Property Escapes](javascript/es6/unicode-property-escapes.md)

* [`$` in the `replace()` Function](javascript/regexp-dollar-in-replace.md)

* [RegExp Related Symbols](javascript/regexp-related-symbols.md)



## JS Tools

* [Styling `console.log()`](javascript/tools/styling-console-log.md)



## OOP



* [Anonymous Classes](javascript/oop/anonymous-class.md)

* [Abstract and Final Classes](javascript/oop/abstract-final-class.md)

* [Inheritance](javascript/oop/inheritance.md)



## FP



* [`compose`](javascript/fp/compose.md)

* [Recursive Accumulator](javascript/fp/recursive-accumulator.md)



## Exotics



* [Dynamic Object Destructuring Assignment](javascript/exotics/dynamic-object-destructuring-assignment.md)

* [`(...[,param2]) => ...`](javascript/exotics/func-params-rest-second-param.md)

* [Two-Way Maps](javascript/exotics/two-way-maps.md)

* [8 Variants of the `for` Loop](javascript/exotics/eight-for-variants.md)

* [Swap Variables](javascript/exotics/swap-variables.md)



## JS Lab



* [`this` in Static Methods](javascript/js-lab/this-in-static-methods.md)



# Nest.js



* [Decorators](nestjs/decorators.md)



# Node



* [Implementation of a Readable Stream](node/readable-stream-implementation.md)

* [Set Environment Variable When Running App](node/set-env-when-running.md)

* [`btoa()` and `atob()` in Node](node/btoa-and-atob.md)

* [NPM Script Working with Files](node/npm-script-working-with-files.md)

* [`dgram` Socket](node/dgram-socket.md)



## CLI



* [Progress Bar](node/cli/progress-bar.md)



# npm



* [Check if Package Name is Free to Use](npm/check-package-name.md)



# PHP



* [Closure](php/closure.md)

* [Generator](php/generator.md)

* [Namespaces](php/namespaces.md)

* [Late Static Bindings](php/late-static-bindings.md)

* [`const` vs `define`](php/const-vs-define.md)



# Python



* [ES-Like Expressions](python/es-like-expressions.md)

* [Array Sequentially Assignment](python/array-sequentially-assignment.md)

* [Comprehensions](python/comprehensions.md)



# React



* [Lifecycle Methods](react/lifecycle-methods.md)

* [Axios + RxJS](react/axios-rxjs.md)

* [`React.forwardRef()`](react/forward-ref.md)

* [Hooks: `useState()`](react/hooks-usestate.md)

* [Hooks: `useEffect()`](react/hooks-useeffect.md)

* [Hooks: `useContext()`](react/hooks-usecontext.md)

* [Hooks: `useMemo()` and `useCallback()`](react/hooks-usememo-and-usecallback.md)

* [Hooks: `useRef()`](react/hooks-useref.md)

* [Hooks FAQ](react/hooks-faq.md)



## react-router



* [Link Passing Additional Data](react/react-router/link-passing-additional-data.md)



# Redux



* [Pure Redux](redux/pure-redux.md)

* [Passing State: `Provider`, `ReactReduxContext` and `connect()`](redux/passing-state.md)

* [Component Being Container for Itself](redux/component-being-container-for-itself.md)

* [`useDispatch()` and `useSelector()`](redux/useselector-usedispatch.md)

* [Custom Middleware](redux/custom-middleware.md)

* [Multiple Stores](redux/multiple-stores.md)

* [Extra Argument of Thunk](redux/thunk-extra-argument.md)



# REST API



* [Decoding JWT Token](rest-api/decode-jwt-token.md)

* [HTTP Codes](rest-api/http-codes.md)

* [Request Headers](rest-api/request-headers.md)

* [Response Headers](rest-api/response-headers.md)



# RxJS



* [RxJS Custom Operator](rxjs/custom-operator.md)

* [Custom Observable](rxjs/custom-observable.md)

* [`Subject`](rxjs/subject.md)

* [Built-in Observables](rxjs/builtin-observables.md)

* [Join of Observables](rxjs/join-of-observables.md)

* [Join Operators](rxjs/join-operators.md)

* [Filtering Operators](rxjs/filtering-operators.md)

* [Transformation Operators](rxjs/transformation-operators.md)

* [Error Handling Operators](rxjs/error-handling-operators.md)

* [Conditional and Boolean Operators](rxjs/conditional-and-boolean-operators.md)

* [Mathematical and Aggregation Operators](rxjs/math-stat.md)

* [Utility Operators](rxjs/utility-operators.md)

* [Multicasting Operators](rxjs/multicasting-operators.md)



# SQL



* [`SELECT`](sql/select.md)

* [`INSERT`/`UPDATE`/`DELETE`](sql/insert-update-delete.md)

* [`UNION`](sql/union.md)

* [Types of Join](sql/types-of-join.md)

* [`CREATE TABLE`](sql/create-table.md)

* [Stored Function](sql/stored-function.md)

* [Stored Procedure](sql/stored-procedure.md)

* [Cursors in Stored Procedure](sql/cursors.md)

* [Triggers](sql/triggers.md)

* [Create table with a struct of another - `CREATE TABLE...LIKE`](sql/create-table-like-another.md)

* [Create table with a query - `CREATE TABLE...SELECT`](sql/create-table-with-query.md)



# SVG



* [SVG Markup](svg/markup.md)

* [Styling SVG](svg/styling.md)

* [Lines and Polygons](svg/lines-and-polygons.md)

* [Basic Shapes](svg/basic-shapes.md)

* [Paths](svg/paths.md)

* [Texts](svg/texts.md)

* [Grouping Elements](svg/groups.md)

* [Transformations](svg/transformations.md)

* [Reusing Elements](svg/reusing-elements.md)

* [Patterns and Imaged Backgrounds](svg/patterns.md)

* [Gradients](svg/gradients.md)



## SVG + JavaScript



* [Dynamic Polyline](svg/js/dynamic-polyline.md)



# TDD



* [Testing Gulp Plugin](tdd/testing-gulp-plugin.md)



# Tools



* [vim commands](tools/vim-commands.md)

* [Sublime shortcuts](tools/sublime-shortcuts.md)



# TypeScript



* [Property Auto-Asignment within Constructor](typescript/auto-assignment.md)

* [Iteration Types](typescript/iteration-types.md)

* [Mapped Types](typescript/mapped-types.md)

* [`keyof any`](typescript/keyof-any.md)

* [Generics](typescript/generics.md)

* [Advanced Generics](typescript/advanced-generics.md)

* [`Lowercase`, `Uppercase`, `Capitalize` and `Uncapitalize`](typescript/lowercase-uppercase-etc.md)

* [`Extract` and `Exclude` with Template Literals](typescript/extract-exclude-template-literal.md)

* [Utility Types](typescript/utility-types.md)

* [Advanced Types](typescript/advanced-types.md)

* [Decorators](typescript/decorators.md)

* [The `infer` Keyword](typescript/infer.md)

* [Type Being Props Selector](typescript/type-being-props-selector.md)

* [Building Object Type from Array](typescript/build-object-type-from-array.md)

* [Bivariance Hack](typescript/bivariance-hack.md)



## Types From Types



* [Numeral System](typescript/types-from-types/numeral-system.md)

* [`If`, `Equal`, `Like` and String Matchers](typescript/types-from-types/if-equal-like-string-matchers.md)

* [`StrLength` and `ArrLength`](typescript/types-from-types/strlen-arrlen.md)

* [`Replace`](typescript/types-from-types/replace.md)

* [`Repeat`](typescript/types-from-types/repeat.md)

* [`ReverseStr` and `ReverseArr`](typescript/types-from-types/reversestr-reversearr.md)

* [`Join` and `Split`](typescript/types-from-types/join-split.md)

* [`TrimLeft`, `TrimRight` and `Trim`](typescript/types-from-types/trim-left-right.md)

* [`CamelCase` and `KebabCase`](typescript/types-from-types/camelcase-kebabcase.md)

* [`Getterize` and `Degetterize`](typescript/types-from-types/getterize-and-degetterize.md)



# UI



* [Distribute Items Equally on a Circle](ui/distribute-items-equally-on-circle.md)



# Vue



* [Features Preview with Counter Example](vue/counter-example.md)

* [Template Syntax](vue/template-syntax.md)

* [Classes and Styles](vue/classes-and-styles.md)

* [Events](vue/events.md)

* [The `v-if` Directive](vue/v-if.md)

* [The `v-for` Directive](vue/v-for.md)

* [Form Inputs and `v-model`](vue/form-inputs-and-v-model.md)



# Webpack



* [Resolve Extensions (Other Than `.js`)](webpack/resolve-extensions.md)

* [Resolve Shorthand Module](webpack/resolve-shorthand-module.md)

* [Multiple Outputs](webpack/multiple-outputs.md)



# WordPress



* [Attaching Assets](wordpress/attaching-assets.md)

* [WordPress Hooks](wordpress/hooks.md)

* [WordPress Filters](wordpress/filters.md)

* [Custom Columns](wordpress/custom-columns.md)

* [Inline SVG Icon when Registering CPT](wordpress/cpt-inline-svg-icon.md)

* [Adding a favicon](wordpress/adding-favicon.md)

* [Adding thumbnail metabox to posts](wordpress/thumbnail-support.md)

* [Change Title Placeholder](wordpress/change-title-placeholder.md)

* [AJAX Requests](wordpress/ajax-requests.md)

* [Generating a custom menu](wordpress/generating-custom-menu.md)