Light

pcoet / typescript-patterns Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 0.0 482 KB

Programming patterns and TypeScript usage examples

License: Apache License 2.0

JavaScript 1.86% TypeScript 98.14%

typescript-patterns's Introduction

TypeScript patterns

Programming patterns, JavaScript features, and TypeScript examples.

Contributing

See CONTRIBUTING.md for details.

License

Apache 2.0; see LICENSE for details.

Disclaimer

This project is not an official Google project. It is not supported by Google and Google specifically disclaims all warranties as to its quality, merchantability, or fitness for a particular purpose.

Scripts

Use the following scripts to work with the examples in src:

npm install: Install dependencies.
npm run test: Run the tests.
npx jest -t '<TestName>': Run a single test, e.g. npx jest -t 'regex'
npm run build: Tests, compiles, and lints the source code. Run this before pushing a change.

Examples

The projects in the examples directory are standalone packages with their own package.json files. See their respective README files for details on running these projects:

examples/website/README.md

typescript-patterns's People

Contributors

Stargazers

Watchers

typescript-patterns's Issues

Create DOM example(s)

See:

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model

Create canvas example(s)

See:

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API

Create CSS animation example(s)

See:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

Build navs in TypeScript

Put the nav content in a separate navs script and add the DOM nodes on page load.

Create mock and spy examples using jest

Put these in a jest-examples or unit-test-examples dir.

Create functional programming examples

Resources:

Implement a stack

Create fetch example(s)

See:

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

Implement merge sort

Create a CSS file

Create a starter CSS file with a grid and responsiveness built in. Serve it from a node server.

Implement a webpack pipeline

Implement a webpack pipeline. Put the source files in src/web/site.

Create generator examples

For reference, see:

Implement a queue

Implement a digraph

Implement quicksort

Create destructuring examples

Implement a web service

Implement insertion sort

Create Promise example

Create examples of working with `this`

Create an icon

Create an icon and serve it from a node server.

Create collections examples

Should include examples of working with Array, Map, and Set.

Create HTML page

Create an HTML page and serve it using a node server.

Implement Dijkstra shortest path algorithm

Implement a graph

Create file reading examples

Implement selection sort

Create async/await example

Create a client-side JS file

Create a client-side JS file and serve it from a node server.

Implement a linked list

Implement a BST

Create SVG example(s)

See:

Implement depth-first search

Implement breadth-first search

Create async examples

Create callback example

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.