• Stars
    star
    678
  • Rank 66,609 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 9 years ago
  • Updated 11 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

πŸ”₯ Website for teaching Chrome DevTools

Introduction to Dev Tools, v3

Note: If you're looking for Mastering Chrome Devtools, v2:

A web app for teaching people about Chrome DevTools. This is the website and course materials for the Introduction to Dev Tools, v3 on Frontend Masters.

Requirements

This app requires Node.js which can be downloaded here

How to use

git clone https://github.com/jkup/mastering-chrome-devtools.git
cd mastering-chrome-devtools
npm install
npm start

Then visit http://localhost:3000

If you'd like the app to automatically reload on changes

git clone https://github.com/jkup/mastering-chrome-devtools.git
cd mastering-chrome-devtools
npm install -g nodemon
npm install
nodemon server/server.js

Note: If you're looking for Mastering Chrome Devtools v2, run:

git clone https://github.com/jkup/mastering-chrome-devtools.git
cd mastering-chrome-devtools
git checkout v2
npm install
npm start

More Repositories

1

awesome-personal-blogs

A delightful list of personal tech blogs
3,000
star
2

javascript-interview

A list of JavaScript interview resources
358
star
3

functional-javascript

πŸŽ‰ A list of functional javascript resources
356
star
4

learn-a11y

A web app for learning web accessibility
JavaScript
314
star
5

shortcut

πŸ“– A keyboard shortcut library
JavaScript
248
star
6

pullit

Display and pull branches from GitHub pull requests
JavaScript
181
star
7

focusable

Returns a string of focusable HTML elements
67
star
8

react-app-starter

πŸ’₯ A starter template for webpack and react
JavaScript
37
star
9

hammer

πŸ”¨ A Node, Express, MySQL, Passport and Jade Starter Kit
JavaScript
33
star
10

preact-styled-components-starter

A starter kit built with preact, styled components, now, next and prettier
JavaScript
16
star
11

accessibility-resources

A list of web accessibility resources
12
star
12

one-line

A Node.js app where you can only contribute one line at a time
JavaScript
10
star
13

whome

Easily find your IP and MAC address from the terminal.
JavaScript
9
star
14

a2lamp

The official repository for the Ann Arbor LAMP website.
PHP
8
star
15

sf-javascript-meetups

A curated list of javascript meetups in San Francisco
8
star
16

scrape-this

Scrape the content of an element on a given page at a given interval
JavaScript
7
star
17

javascript-cart

A list of JavaScript related terms that might be used in conference talks. Used for assistive technology like CART (communication access real-time translation)
7
star
18

listify

A jQuery plugin that adds meta list items to master list items on hover.
JavaScript
6
star
19

modern-web-app

JavaScript
5
star
20

jonkuperman.com

jonkuperman.com website
Nunjucks
5
star
21

source-map-validator

Validate souremaps
TypeScript
4
star
22

cloudflare-app

An app demoing cloudflare performance
CSS
4
star
23

estabomb

A blind scrum story point estimator
JavaScript
4
star
24

jkup.github.io

Official Jon Kuperman Blog - Running Jekyll
CSS
3
star
25

TextWithNewlines

A React Component for turning text with newlines into semantic paragraphs
JavaScript
3
star
26

inspires

A place to share and collaborate on tech ideas.
JavaScript
3
star
27

mastering-chrome-developer-tools

Materials for a full day workshop on Chrome's Developer Tools
3
star
28

dynamic-static-11ty

An 11ty site running on Cloudflare workers with dynamic content
Nunjucks
3
star
29

insite

Official Insite Design Lab Blog - Running Jekyll
HTML
2
star
30

pr-checkout

learn rust by making a simple tool to checkout fork PR branches locally
Rust
2
star
31

cppppuprofile

C++
2
star
32

sticky-footer

Basic CSS that makes your Bootstrap footer stick to the bottom of the screen
CSS
2
star
33

permutations

JavaScript
2
star
34

podcasts

A list of the best web podcasts.
2
star
35

wifree

Find free wireless passwords
JavaScript
2
star
36

random-cover-image

Add a fullscreen, random, royalty free cover image to your website.
JavaScript
2
star
37

aphrodite-react

A demo application using React and Aphrodite
JavaScript
2
star
38

workshopper-local

Install and run Nodeschool workshoppers locally.
2
star
39

follow-back-list

Find people you follow that do not follow you
JavaScript
2
star
40

a11y-string

Run Accessibility tests against a string of HTML
JavaScript
2
star
41

gatsby-starter-netlify-cms

JavaScript
1
star
42

phaser-playground

1
star
43

hacker-olds

1
star
44

startr

A desktop app for bootstrapping new projects
JavaScript
1
star
45

type-checker

JavaScript
1
star
46

ws-party

TypeScript
1
star
47

devtools30

30 Chrome DevTools Tips slides
JavaScript
1
star
48

sometimes

Sometimes fixed position jQuery plugin.
JavaScript
1
star
49

chess-engine

TypeScript
1
star
50

fun-bundler

A simple JavaScript bundler, educational purposes only.
JavaScript
1
star
51

deep-learning-resources

A list of deep learning resources
1
star
52

no-moon

A Twitter bot that posts "That's no moon.." whenever someone tweets the word moon
JavaScript
1
star
53

distract

A command line tool for finding an article to distract yourself with
JavaScript
1
star
54

brunch

HTML
1
star
55

Vim-IDE

My Vim setup with a lot of great plugins.
Vim Script
1
star
56

pdf2medium

Turn PDF documents into Medium looking websites.
1
star
57

chess-extension

1
star
58

analytics-cache

Something secret.
1
star
59

bubble

Watch event bubbling on any website
JavaScript
1
star
60

celebrity

The game celebrity, built with Node.js and Socket.io
JavaScript
1
star
61

react-itself

The project files for my React Itself tutorial series
HTML
1
star
62

changeling-game

A changeling game built with Phaser
1
star
63

webbehind.com

New webbehind.com site
Nunjucks
1
star
64

square-generator

JavaScript
1
star
65

remix-pages

TypeScript
1
star
66

credentials

A simple credential manager for Node.js
JavaScript
1
star
67

devtools-handbook

πŸ“˜ A book detailing all the great things you can do with the browser developer tools
1
star
68

node-loaders-playground

JavaScript
1
star