 Resources from Basarat Ali Syed in 2021

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

typescript

Insertion sort is a very intuitive algorithm as humans use this pattern naturally when sorting cards in our hands.
 
In this lesson, using **TypeScript / Javascript**, we’ll cover how to implement this algorithm, why this algorithm gets its name, and the complexity of our implementation of the insertion algorithm.

Insertion sort algorithm using TypeScript

Say you have an array that has at least one item repeated. How would you find the repeated item. This is a question commonly presented to beginner developers. Here we discuss the elegant solution to this problem.

Find the repeated item in an array using TypeScript

Bubble sort is considered the simplest sorting algorithm to implement. We’ll approach the problem in two ways. Once using a set number of iterations, and next using an idiomatic approach. 

We’ll be covering this problem using **TypeScript** / **Javascript**

Bubble sort using TypeScript

JavaScript® (often shortened to JS) is a lightweight, interpreted, object-oriented language with first-class functions, most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic, and supports object-oriented, imperative, and functional programming styles.

javascript

Learn how to write a promise based delay function and then use it in `async await` to see how much it simplifies code over `setTimeout`.

Lets say you want to call a function after 1s, 2s, 3s. You can use `setTimeout`, or you can wrap it up into a simple delay function that works with async/await

Simplify Asynchronous Callback Functions using async/await

In a doubly linked list each node in the list stores the contents of the node and a pointer or reference to the next and the previous nodes in the list. It is one of the simplest way to store a collection of items.

In this lesson we cover how to create a doubly linked list data structure and how to use its strengths to implement an O(1) FIFO queue + O(1) LIFO stack. We also demonstrate why one would use it over a singly linked list. We also cover how to approach authoring such data structures.

Implement a doubly linked list in TypeScript

Quicksort (also called partition sort and pivot sort) is arguably the most used sorting algorithm. It is the one commonly implemented internally in language runtimes. 

We’ll be covering step by step a recursive approach to solving the quick sort algorithm with **TypeScript / Javascript** and why exactly it’s called _quick_ sort. 

Quicksort algorithm using TypeScript

The FizzBuzz problem is commonly presented as the lowest level of comprehension required to illustrate adequacy in computer programming.

In this lesson you learn about the problem as well as its solution in TypeScript. We will also cover some tricks on approaching the problem and coding interview questions in general.

Understand the FizzBuzz coding problem and its solution

In this lesson we cover all the details of how to sort a list of items using **[TypeScript](/q/typescript)**. There are a few things that will catch beginner developers off guard, such as the `.sort` method mutating your array, and how the `.sort` method doesn’t sort numbers how you’d expect. 

You'll learn these gotcha’s and how to work around them.
 
We’ll also present a few tricks to make your sort logic more readable and maintainable using **TypeScript**.

Sort arrays in TypeScript

The median maintenance problem is a common programming challenge presented in software engineering job interviews.

In this lesson we cover an example of how this problem might be presented and what your chain of thought should be to tackle this problem efficiently.

Median Maintenance algorithm implementation using TypeScript / JavaScript

Learn the fundamentals of creating, resolving and rejecting promises using TypeScript. We also cover the fundamentals of a `.then` chain.

We will see how the Promise constructor takes an executor callback which will be called at runtime with two arguments (resolve and reject).

Promise Fundamentals using TypeScript

async / await should really be thought as a better way to use Promises reliably and safely with less chances of programming errors.

This lesson covers the fundamentals of annotating a function as async. An `async` function gets the chance to use the `await` keyword. This lesson covers the usages of these keywords.

Write Async Functions with the async/await Operators

The great thing about asynchronous programming is that you can do multiple things in parallel. E.g. you can make multiple network requests, or read multiple files from the file system. 

This lesson covers how to write parallel as well as serial async code.

Execute Promises in Parallel and Serial using async / await

The `for-await-of` syntax is similar to the `for-of` iteration. The key difference is that it automatically awaits any promises generated by the iterator. This lesson covers how to consume async data sources easily with `for-await-of`.

`for-await-of` essentially allows you to use `async/await` in a generator function.

Asynchronous Iteration using for-await-of

The goal of this course is to give you a solid understanding of how  `async / await` works and how to use it effectively with TypeScript.

To start, we will look at `Promise` basics and see how `.then` and `.catch` are greatly simplified by `async / await`. We will then look at methods for executing asynchronous code in serial (the default), in parallel (with `Promise.all`), and Async iteration.

All with the added benefit of code analysis and error checking by TypeScript. Here's a little intro to the course material. I hope you enjoy the course!

async / await using TypeScript Course Overview

The maximum subarray problem is one of the nicest examples of dynamic programming application.

In this lesson we cover an example of how this problem might be presented and what your chain of thought should be to tackle this problem efficiently.

Maximum Contiguous Subarray algorithm implementation using TypeScript / JavaScript

There is a particular arithmetic series that shows up time and time again in analysis of naïve implementations of many common programming challenges.

In this lesson we show why the time complexity is Quadratic, so you don't have to keep analyzing it over and over.

Sum of the most common algorithmic arithmetic series

JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. 

Doing JSON serialization and deserialization in JavaScript and TypeScript is super easy as it is a format essentially designed for this language. This lesson covers the JSON.stringify primitive provided by JavaScript runtimes.

Serialize objects to JSON

TypeScript can actually be used just as a JavaScript -> JavaScript Transpiler e.g. ES6 -> ES5. This allows you to easily maintain your old JavaScript code base along with potentially uplifting to a TypeSafe version using a single compiler.

Using TypeScript for pure JavaScript

Cascading Style Sheets bring order and beauty to our applications.

Media queries are very important for designs that you want to work on both mobile and desktop browsers. TypeStyle gives media queries special attention, making it easy to write them using CSS in JS. 

In this lesson we show TypeStyle's `media` function. We also demonstrate how you can add non standard media queries if you want. Finally we show how organizing media queries this way is encapsulated under CSS class names.

Add responsive styles using TypeStyle Media Queries

TypeStyle is a very thin layer on top of CSS. In this lesson we show how to change styles based on pseudo classes e.g. :focus :hover and :active which matches very closely with what you would write with raw CSS.

Style CSS pseudo-classes using TypeStyle

Just like pseudo-classes, pseudo-elements are added to selectors but instead of describing a special state, they allow you to style certain parts of an element.

In this lesson we show how you can insert new content into the DOM using CSS pseudo elements. We also cover using other pseudo element selectors to change default browser behaviors.

Topics

Instructors

Content Type