Curriculum

Introduction

These are the essential skills that every engineer attending the Pesto Bootcamp must be familiar with. We have built up this resource library by creating our own internal content and by curating our favorite blog posts, documentation sites and courses from around the web.

Here, you have access to resources which will help you understand the general programming concepts as well as the specifics of various technologies in depth.

Getting Started

Each section should be completed in order from top to bottom because some of the skills build on each other.

Clean Code

It is really a very simple concept but one that sparked more debates and controversies than anything else in Computer Science. If you have ever thought about Tabs versus Spaces, snake_case versus CamelCase, verbNoun variable nomenclature or nounVerb, using is with booleans, or right level of abstraction then you know what it means. However, it is just the beginning. It's there in mathematics too. Mathematicians G.H Hardy and Betrand Russell use the term elegance and rigour for mathematical beauty. The term itself Clean Code is sufficiently descriptive and intuitively sensible, yet to put it into practice is as hard as composing a sonata, writing an opus, sculpting David and painting The Last Supper. So if you are new to this concept, begin with the following links to get a gist of it. You'll get an idea about the same and form an opinion.

In short Clean Code is:

• Easy to understand
• Easy to modify
• Easy to test
• Works correctly

Also, if you always remember that code is written to read (by humans) and not just to be executed, you'll mostly be on the right track.

• Articles

  • What is Clean Code and why should you care?

  • Steps to better code

  • Clean code because it’s fun

  • Keeping your code clean

  • "Clean Code Concepts Adapted for JavaScript" by Ryan McDermott

• Books

  • Structure and Interpretation of Computer Programs by Hal Abelson, Gerald Jay Sussman

  • Clean Code, Agile Software Development and Clean Architecture by R C Martin.

  • Code Complete (2nd Edition) by Steve McConnell

  • Programming Pearls by Jon Bentley

  • Design Patterns by the Gang of Four (one of the best books for program architecture)

Setting up environment (details)

• Z Shell

• Editor

  • VSCode

  • Basic Vim (for Git Rebase and in-terminal editing)

• Terminal and Commands

• Version Managers

  • Node Version Manager

• Package Managers

  • yarn

  • npm(along with npx)

  • Homebrew (macOS)

• Environment Variables and uses

• Version Control

  • Centralized and Distributed

  • What are the advantages of Distributed over centralized.

  • Why distributed is preferred versus Centralized.

  • Git and GitHub ( Know the difference )

  • Various other git services providers

  • Git

  • Repositories (forking and cloning and the difference between them)

    • How to create

    • What are README files

    • How to read other people's repositories

  • gitignore files

    • Why it is required?

    • What are important things to put in it?

    • Logs

    • Compiled Binaries

    • Coverage Reports

    • Intermediate Files

  • Commits

    • What is a commit

    • Why commit often and in a logically coherent units

    • Difference between staging area, index area, and, working directory commit

    • Conventions to follow during a commit

    • Searching through a commit

  • Branching and Merging

    • Branch as an abstraction unit

    • Why branching is required?

    • How it handles features and allows multiple people to work on the same repo without collisions.

    • Checkout a branch

    • Conventions to follow for a branch name

    • Why master exists

    • HEAD and branch references

  • Reset

    • What is a reset?

    • Difference between hard, soft, and mixed reset.

    • When to do reset?

  • Stashing

    • Why stashing is required?

    • How to keep stashes of files

    • How to pop them back

  • Issues and Pull requests (Github)

    • What is an issue?

    • Atomic PRs

    • How to create an issue

    • How to assign it to a member?

    • How to create a Pull Request referencing that issue

    • How to review a PR

  • Git commands ( with common flags )

    • init

    • clone

    • add

    • commit

    • remote

    • pull ( vs fetch and its difference)

    • push

    • merge

    • branch

    • checkout

    • status

    • diff

    • log

  • Git Rebase

    • Why Rebase (vs merge)

    • Interactive rebase options

    • Rebase [ Udacity's GitHub and Collaboration Course by Richard Kalehoff ]

    • Git team workflows: Merge or Rebase

    • Merging vs Rebasing

    • How to rebase and update a pull request

    • Rebase and merge pull requests

  • Commit message style guides

    • Udacity Commit Message Style Guide

  • Atomic commits

  • Git Resources

  • Git Cheat Sheet

  • Getting Started With Version Control

  • Basics - Learn To Love Git

  • Try Git tutorial

  • gitignore files

  • Understand branching and merge

    • Using Branches

    • Creating new branch and managing branches

    • Git branch tutorial

  • Github issues and pull Requests

  • Git commands

  • MOOC Courses

    • Udacity's Version Control with Git [ Link ]

    • Udacity's How to use Git and Github [ Link ]

  • http://ohshitgit.com/

  • Extra References

  • Awesome Git - A list of curated resources about git and associated technologies.

  • Pro Git - free Git book (CC BY-NC-SA 3.0) - A comprehensive reference on git and its internals.

• Javascript

  • ES5

  • Basic Language Features

    • Expressions Versus Statements

    • Control Flow Statements and Blocks

    • Comments

    • How to write good comments

    • Why comment should not be written

    • Links: [1, 2, 3]

    • Strict Mode

    • JavaScript’s Type System

    • Static Versus Dynamic

    • JS Types

    • Static Typing Versus Dynamic Typing

    • Static Type Checking Versus Dynamic Type Checking

    • Coercion

    • An explanation of JavaScript’s weird type system

    • Primitive Values Versus Objects

    • JavaScript Primitive vs. Reference Values

    • The Difference Between Boolean Objects and Boolean Primitives in JavaScript

    • undefined and null

    • What’s the difference between Null & Undefined?

    • Equality Operators: === Versus ==

    • Logical Operators

    • Truthy vs Falsy values

    • Bitwise Operators

    • Using JavaScript’s Bitwise Operators in Real Life

    • String

    • Unicode

      • Code Points

      • Size in bytes of a single char

      • Unicode and javascript

    • Constructing Strings

    • Manipulation

    • Concatenation

    • Statements

    • Loops

      • for

      • while

      • do while

      • for in

    • if else

    • Switch

    • debugger statement

    • Functions (details)

    • Roles of functions

    • Defining Functions

      • Function Expressions

      • Function Declarations

      • The Function Constructor

    • Params vs Arguments

    • Hoisting

    • More Control over Function Calls: call(), apply(), and bind()

    • Arguments Object

    • Closures

    • global/window object

    • console

      • log

      • formatted output

    • setTimeout

      • A good question on setTimeout

    • setInterval

    • clearInterval

    • Objects

    • Property Accessors (Dot and square notation)

    • this in objects

      • Losing this When Extracting a Method
      • Functions Inside Methods Shadow this
      • Other gotchas when using this

    • Inheritance

      • Prototypal Chain

      • Sharing Data Between Objects via a Prototype

      • Setting and Deleting Affects Only Own Properties

      • Javascript inheritance by examples

    • Object reflective methods

      • .keys

      • Check out all the methods of Object here

    • Accessors (Getters and Setters)

    • Property Attributes and Property Descriptors

    • Protecting Objects

      • Sealing

      • Extensions

      • Freezing

      • Protection Is Shallow

    • Exception Handling

    • What Is Exception Handling?

    • Exception Handling in JavaScript

      • throw

      • [try-catch-finally](Languages Edit Advanced try...catch)

    • Error Constructors

    • Stack Traces

    • All these are explained here

    • Arrays

    • Forms of objects

      Arrays are list-like objects whose prototype has methods to perform traversal and mutation operations. Neither the length of a JavaScript array nor the types of its elements are fixed. Since an array's length can change at any time, and data can be stored at non-contiguous locations in the array, JavaScript arrays are not guaranteed to be dense; this depends on how the programmer chooses to use them. In general, these are convenient characteristics; but if these features are not desirable for your particular use, you might consider using typed arrays.

      Arrays cannot use strings as element indexes (as in an associative array) but must use integers. Setting or accessing via non-integers using bracket notation (or dot notation) will not set or retrieve an element from the array list itself, but will set or access a variable associated with that array's object property collection. The array's object properties and list of array elements are separate, and the array's traversal and mutation operations cannot be applied to these named properties.

    • Array Methods

      • Map

      • Reduce

      • Filter

      • forEach

    • mutating and non-mutating methods

    • Regular Expressions

    • Quantifiers

    • Capture Groups

    • Flags

    • .test

    • .match

    • .exec

    • A simple tool to play with regex

    • Javascript regex in depth

    • Date object

    • Epoch time

    • Understanding Date and Time in JavaScript

    • JSON

    • Working with JSON

    • parse

    • stringify

    • difference between objects and JSON

  • Modules

    • JavaScript Modules: A Beginner’s Guide

    • In-depth

  • Shallow copy and Deep Copy

    • Copying objects in javascript

    • How to deep copy

    • Why it's required

  • instanceof, typeof, new

    • More about 'new'

  • Pure, total and partial functions

    • What are pure functions and why use them?

    • Pure versus impure functions

    • Partial Functions

    • Functional perspective

    • Decoupling methods from their objects

    • Function Composition For Every Day Use.

    • Why it's better than loops

    • map vs forEach vs for

    • Rethinking JavaScript: Death of the For Loop (Also read comments from the author for more context and why loops are a better choice in some cases)

  • Built In Modules

    • Boolean

    • Date

    • Error

    • Function

    • JSON

    • Math

    • NaN

    • Infinity

    • Number

  • Concurrency Model and Event Loop

  • ES6

  • Let and Const

    • Lexical Scope vs Function Scope
    • Why const?
    • Only references are const
    • Temporal Dead Zone
    • Variables and scoping in ECMAScript 6

  • Template Literals

  • Arrow Functions Expressions

    • this is lexical instead of bind
    • versus normal functions

  • for-of

  • default parameters

  • Named Params

  • Rest Params

  • Tagged Templates

  • De-structuring Assignment

  • Shorthand Properties

  • ES6 Modules

    • CJS

    • AMD

  • Promises

    • then

    • catch

    • finally

    • all

  • Classes in ES6

    • How it's same as new Function

    • In-Depth

  • Computed Object properties

  • Object.assign

  • Async/Await (Promises)

    • How it's based on Promises

  • Symbols

  • Maps and WeakMaps

  • Sets and WeakSets

  • Iterator Protocol

  • Proxy

  • Generators

  • Iterators and generators

  • function*

  • yield

  • yield*

  • Style Guides

  • AirBnB

    • Breathing air into AirBnB’s JavaScript Style Guide

    • 5 JavaScript Style Guides — Including AirBnB, GitHub, & Google

  • Google

  • Standard JS

• Frontend

  • HTML5

  • Doctype

    • Quirks Mode and Standards Mode

  • head and body

  • Block elements vs Inline Elements

  • span vs div

  • forms

    • How to structure an HTML form?

    • Form Data Validation

    • input

    • textarea

    • basic attributes

    • action

    • method

  • HTML meta tags, (MDN Link)

  • CSS3

  • Box Model

  • Grid Systems

  • Responsiveness

    • 9 basic principles of responsive web design

  • Flex-box Model

    • Flexbox froggy: Interactively learn flexbox

  • Frameworks

  • Pre-processors

    • CSS Preprocessors — Effective Tools for Faster Styling of Web Pages and User Interfaces

    • Sass/SCSS

    • How to use Sass Mixins

  • Post Processors

    • Autoprefixer

  • CSS Basics Videos

  • CSS Positioning Videos

  • JSON as Data Exchange format

  • Javascript Elements for Frontend

  • window object

  • document object

  • DOM manipulation

  • Node/HTMLElement/HTMLList

  • Ajax

    • XMLHTTPRequest
    • axios
    • fetch API with Promises

  • canvas API and SVG

  • Video and audio APIs (<video> and <audio>)

  • React (details)

  • Redux

  • Official Docs

  • When to use redux?

    • You MIGHT Not Need Redux (By the creator of Redux: Dan Abramov)

  • Router

  React Router is a collection of navigational components that compose declaratively with your application.

  • Official Docs

  • A Simple React Router v4 Tutorial

  • Storage

  • Cookies

  • IndexDB

  • WebStorage

  • Cache API

  • Localisation/Internationalization

  • Read this to get an overview of what they are and the difference between them.

  • Accessibility

  • w3 docs

  • Course on Udacity

  • Security

  • XSS

  • CSRF

  • CORS

  • CSP directives

  • Cross Browser Testing

  • Handling common HTML and CSS problems

  • Handling common JavaScript problems

  • Browser specific modes

  • Polyfills

  • Shims

  • Difference between polyfills and shims

• Tooling

  • Build Tools and Bundlers

  • NPM Scripts

    • NPM [scripts]() as a build tool

  • Gulp

  • JavaScript build tools and automation systems

  • Choosing a JavaScript build tool: to config or not config

  • Making a sense out of build tools

  • Module Bundling

  • Webpack

  • Live Reloads (Hot Reloading and HMR)

  • BrowserSync for Responsive Designs

  • Linting

  • ESLint

  • Does linting make you a better developer

  • Husky

  • lint-staged

  • Continuous Integration

  • How to get Continuous Integration right

  • Travis

  • Jenkins

  • Transpiler

  • JavaScript transpilers: what and why

  • Babel

  • Optimizations

  • gZipping

    • How GZIP compression works

  • Minification

  • Minification vs gZipping

  • Chunking

• Network, Protocols, Browsers

  • Google Chrome

  • React DevTools

  • Redux DevTools

  • ModHeader

  • CodeClimate

  • ScratchJS - Chrome extension to write Babel transpiled scripts directly in Chrome DevTools

  • Chrome DevTools

  • Overview

  • Dev Tips - Large collection of tips as animated gifs

  • HTTP and HTTP2

  • Client Server Architecture

  • Client-Server Communication - Course on Udacity

  • SSH

  • What is SSH and how it works

  • HTTP Headers

  • Accept

  • Accept-Charset

  • Accept-Encoding

  • CORS Headers

  • Authorization

  • Content-Length

  • Content-Type

  • Referrer

  • HTTP Request Methods

  • GET

  • POST

  • DELETE

  • PUT

  • OPTIONS

  • HEAD

  • HTTP Response Status Codes

  • 2XX Series

  • 3XX Series

  • 4XX Series

  • 5XX Series

  • All the HTTP resources can be found here

  • Postman

• Algorithm/Data Structures

  • Data Structure

  • Big O Notation and complexity analysis

  • Stacks

  • Queues

  • Linked lists

  • Hash tables

  • Trees and BST

  • Graphs

  • Algorithms

  • Sorting

  • Search

  • Random Numbers

  • Primality Testing

  • Make a TicTacToe Game

• Backend

  • Node

  • V8 engine (and how it is important to Node)

    • How JavaScript engines work

    • Inside the V8 engine + 5 tips on how to write optimized code

  • Deferred Execution (process.nextTick)

  • Event Loop

    • Event Loop, Timers, and process.nextTick()

    • What the heck is the event loop?

    • In the loop - Talk by Jake Archibald

  • Overview of Blocking vs Non-Blocking

  • Don't Block the Event Loop (or the Worker Pool)

  • Timers in Node.js

  • Request/Response cycle

  • http, fs, process modules

  • EventEmitter

    • Understanding Node.js Event-Driven Architecture

  • Streams

  • Buffers

  • Error Conventions

  • Node's Single threaded model.

  • Creating child processes.

  • Garbage Collection.

  Node Resources

  • Official Docs

  • Awesome NodeJS

  • Express

  • MVC (Model, View, Controller)

    • Model-View-Controller (MVC) Explained Through Ordering Drinks At The Bar

  • morgan - log each request

  • cors - enable CORS

  • body-parser - Node.js body parsing middleware

  • Helmet.js - help secure Express apps with various HTTP headers

  Express Resources

  • Official Docs

  • Github Repo

  • Mongo

  • SQL vs MongoDB ( Know the difference )

  • Introduction to the Mongo Shell, JSON, BSON, and the MongoDB query language

  • ORM

  • CRUD

  • collections

  • documents

  • mongod

  • daemons

  • models

  • Mongo Shell, Query Operators, Update Operators

  • Deeper dive on the Node.js MongoClient driver; CRUD operations in the driver; Cursors

  • Schema Design

  • Aggregation Framework

    • $unwind

    • $group

    • $project

  • Indexing and performance concepts

  • Mongoose

  Mongo Resources

  • MongoDB Docs

  • MongoDB basics

  • MongoDB for Node.js Developers

  • Aggregation framework

  • Auth

  • bcrypt-nodejs

  • jwt-simple

  • passport

  • passport-jwt

  • passport-local

  • salt

  • rainbow tables

  • never store plain-text passwords

  • JWT

  • token-based authentication

  • stateless authentication

  • JWT secret

  • APIs

  • Rest

  • GraphQL

    Understand

    • The type system

    • Queries and mutations

    • Resolvers

    • Fields

    • Arguments

    • Aliases

    • Fragments

    • Operation Name

    • Variables

    • Directives

    • Mutations

    • Inline Fragments

    • Apollo Ecosystem [They have their own docs]

    • Official Docs

    • apollo-client

    • apollo-server

    • graphql-tools

    GraphQL Resources

    • Official Docs [Read the Learn Segment for most of Understand Section]

    • Articles

    • So what’s this GraphQL thing I keep hearing about?

    • REST APIs are REST-in-Peace APIs. Long Live GraphQL.

    • The Anatomy of a GraphQL Query

    • GraphQL vs. REST

    • Full-stack React + GraphQL Tutorial

    • The GraphQL stack: How everything fits together

    • Tutorial: How to build a GraphQL server

    • GraphQL schema stitching

    • GraphQL Fragments are the Best Match for UI Components

    • Five Common Problems in GraphQL Apps (And How to Fix Them)

    • Books

    • Learning GraphQL and Relay - Samer Buna

    Courses

    • Websites and Videos

    • How to GraphQL

    • Awesome GraphQL

• Testing

  • Test Driven Development (TDD)

  • Jest, Enzyme

  • Unit Testing

  • Snapshot Testing

  • E2E Testing

• Deployment

  • Services

  • Heroku

  • AWS Compute Engine

  • Serverless

  • Production

  • Secrets in Version Control Systems

  • Caching

  • CDNs

  • Horizontal / Vertical Scaling

  • Profilers

  • Load Balancers

  • Data Sharding/Duplication

  • Backups

• Ethical Concerns of Software Production and Engineering

• Tech Soft Skills

  • Take Responsibility/Ownership

  • Standups

  • WIP and when a PR is ready

  • Expectation of quality work

  • Over communicating

  • Spelling things right. Use spell-check editor in VSCode.