Front-end Performance Masterclass

Quick start

This project requires Node.js and npm.

After installing dependencies using npm install the following scripts are available on all exercise branches:

`npm run ...`	Description
`build`	Copies and optimises files from `src/optimised/` to `dist/optimised/`.
`start`	Starts an Express.js server on `http://localhost:3004`.
`watch`	Watches for file changes and triggers relevant (sub) build tasks.

More (sub) tasks are available in package.json > scripts.

Setup

src/
    ├── original/     <-- copy of getbootstrap source with small changes.
    └── optimised/    <-- working directory for this masterclass, based on original.
        └── _base/    <-- templates shared between pages.

dist/
    ├── original/     <-- copy of src/original/, generated via `npm run copy:original`.
    └── optimised/    <-- optimised version of src/optimised/, generated via `npm run build`.
    
tasks/                <-- build tasks called from `package.json`.

server-original.js    <-- serves `dist/original/` on `localhost:3003`.
server-optimised.js   <-- serves `dist/optimised/` on `localhost:3004`.

Exercises

Solutions are linked from each individual exercise.

alperentalaslioglu/front-end-performance-masterclass

Front-end Performance Masterclass

Quick start

Setup

Exercises