Skip to content

Instantly share code, notes, and snippets.

@pketh

pketh/hyperdev presentation.md

Last active August 9, 2016 12:37
Show Gist options
  • Save pketh/82334f4b64c0edf336e3856a470a6cb9 to your computer and use it in GitHub Desktop.
Save pketh/82334f4b64c0edf336e3856a470a6cb9 to your computer and use it in GitHub Desktop.
Download ZIP
HyperDev: Web Development Without the Trash Parts 🌈
Raw
hyperdev presentation.md

slides: https://midnight-surf.hyperdev.space

1

my name is pirijan and i'll be talking about..

HyperDev

Web Development Without the Trash Parts 🌈

(not the offical slogan)

1 year beta I'm from FC -> trello, Stack overflow and we're hoping HD eventually becomes the new hotness after that

2

so I'm the designer of hyperdev and I write the frontend we're a small, but really great team

3

Remember the days of Geocities, FTP? When you could just write some code and throw it up somewhere, and that was all to it?

[classic mac, ftp, geocities, space jam website] before my time telnetting into a server and writing things on it directly was also a thing

4

Times have changed, and while we can do so much more with the web these days, there’s also a lot more crap that we’ve got to deal with. Today’s web dev requires:

  1. learn to code
  2. learn bash
  3. learn how to set up an environment and probably a cool build pipeline
  4. learn git
  5. learn how to deploy your app

we think step 1 is all you should need

5

here’s how hyperdev works . the face of hyperdev is an editor w files in it

  • unlike a normal text editor though, this code is running right now
  • show it
  • edit: type to code
  • have url (it's https) - if you want to rock a service worker all you've got to do is write one :)

(note the things we didn’t have to do: set up an environment, ci server, ssl certificates, you didn't even have to make an account)

highlight features:

  • adding a package

  • collaboration (share invite link)

  • secrets

  • asset pipeline (i love this as a designer, images are files, but they’re not files)

  • the editor is responsive- I'm not proud of this but i've fixed bugs in the bathroom

A cool way to get started

  • /community - remix stuff , see what other projects people have made

6

some principles:

  1. it’s just code, if it works on SO, it should work in HD
  2. it’s your code, import it, export it (gh), dl it

7

the big things we want to on the road to v1 are:

  • project naming/custom urls - prob through a gh style cname
  • version control - that does 80% of using git directly with 0% of the learning curve. Click a button to see your branches, work in a branch, merge a branch
  • other languages

8

thx! come talk to me, i’ve got sticker swag

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment