Sign in

Bryan Guner
Web Developer, Electrical Engineer

Every extension or tool you could possibly need

Here’s a rudimentary static site I made that goes into more detail on the extensions I use…

Here’s the repo it was deployed from:


Command Palette

Access all available commands based on your current context.

Keyboard Shortcut: Ctrl+Shift+P

Resources, Cheat Sheets & Links @Bottom of the Page!

For More Advanced Readers, or those with very limited free time… here’s an abridged Git Reference.

What’s a distributed version control system?

Git is an example of a distributed version control system (DVCS) commonly used for open source and commercial software development. DVCSs allow full access to every file, branch, and iteration of a project, and allows every user access to a full and self-contained history of all changes. Unlike once popular centralized version control systems, DVCSs like Git don’t need a constant connection to a central repository. Developers can work anywhere and collaborate asynchronously from any time zone.

Without version control, team members are subject…

Curating Complexity: A Guide to Big-O Notation

  • Why is looking at runtime not a reliable method of calculating time complexity?
  • Not all computers are made equal( some may be stronger and therefore boost our runtime speed )
  • How many background processes ran concurrently with our program that was being tested?
  • We also need to ask if our code remains performant if we increase the size of the input.
  • The real question we need to answering is: How does our performance scale?.

big ‘O’ notation

  • Big O Notation is a tool for describing the efficiency of algorithms with respect to the size of…

Applications of Tutorial & Cheat Sheet Respectivley (At Bottom Of Tutorial):


  • PEP8 : Python Enhancement Proposals, style-guide for Python.
  • print is the equivalent of console.log.

‘print() == console.log()’

# is used to make comments in your code.

def foo():
The foo function does many amazing things that you
should not question. Just accept that it exists and
use it with caution.

Python has a built in help function that let’s you see a description of the source code without having to navigate to it… “-SickNasty … Autor Unknown”


  • Python has three types of numbers:
  1. Integer
  2. Positive and Negative Counting Numbers.

No Decimal Point

Created by a literal non-decimal point number … or … with the int() constructor.

Codepen with examples for you to practice with below!

The Object Type

The object is a data structure that stores other data, similar to how an array stores elements.

Javascript simple types:

  • numbers (has object-like methods but they are immutable)
  • strings (has object-like methods but they are immutable)
  • booleans (has object-like methods but they are immutable)
  • null
  • undefined

All other values are objects including arrays and functions.

Objects are class free, can contain other objects and can inherit properties from their prototypes (which can reduce object initialisation time and memory consumption).

In other programming languages, objects are referred to as, “dictionaries”, “maps”, or “associative arrays”.

  • Objects are indexed with keys instead of…

Part 1

How to learn effectively

Learning: The acquisition of skills and the ability to apply them in the future.

What makes an Effective learner?

  • They are active listeners.
  • They are engaged with the material.
  • They are receptive of feedback.
  • They are open to difficulty.

Why do active learning techniques feel difficult?

  • It feels difficult because you are constantly receiving feedback, and so you are constantly adapting and perfecting the material.

Desirable Difficulty

  • The skills we wish to obtain is often a difficult one.
  • We want challenging but possible lessons based on current level of skill.

Effective learners space their practice

  • Consistent effort > cramming =>…

A all encompassing list of tools and resources for web developers

General resources

  • Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app: HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++…
  • DevHints: cheatsheets for many web technologies
  • Carbon: use this to share images of your code in presentations etc
  • Badgen:
  • to your documentation/readmes
  • Git Flight Rules: A guide for astronauts (now, programmers using Git) about what to do when things go wrong.
  • browser-2020: Things you can do with a browser in 2020 ☕️

📦 Finding and vetting npm packages

  • pika: A searchable catalog of modern “module” packages on npm
  • npms


VSCode Extensions that are indispensable in JavaScript development

Back and Forth

Bracket Pair Colorizer 2

You should probably skip this one… seriously it’s just for internal use!

A simple to follow guide to Lists Stacks and Queues, with animated gifs, diagrams, and code examples!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store