Noisebridge - User contributions [en]

OpenPGP cards

2014-11-07T15:29:57Z

DavidCampos:

{{Template:OutOfDate}}

== OpenPGP card order ==

Some members of Noisebridge (Jacob and David) are interested in acquiring at least one [http://www.g10code.de/p-card.html OpenPGP smart card] each. Add yourself to the list at the bottom of the page.

The prices are reasonable once we get them in quantity ([http://www.kernelconcepts.de/en/shop/products/security.shtml prices here]):

1 Stk. 16,40 EUR/p.p.
2 Stk. 15,40 EUR/p.p.
5 Stk. 14,40 EUR/p.p.
10- Stk. 13,90 EUR/p.p

It seems likely that the right card reader is USB:

USB Chipcard reader SCM SCR-335 30,00 EUR

[http://lists.debian.org/debian-devel/2008/09/msg00139.html Further reading of about these cards.]

== Who/What/How Many? ==

*[[User:Ioerror|Jacob]] - 2 cards and 1 reader
*David - 2 cards and 1 reader
*Mark - 2 cards and 1 reader
*[[User:Adi|Andy]] - 2 cards and 1 reader

[[File:Nb9.jpg|2000px|thumb|left|alt text]]

Soldering Workshop

2014-11-07T15:29:42Z

DavidCampos:

Mitch wants to teach a soldering workshop, and Mikael wants to carve pumpkins.

== Time and Place ==

Saturday, 25 October, 3:00pm<br>
at Noisebridge, 83C Wiese (near 16th St. & Mission)

== Overview ==

[[Image:happy_soldering.jpg|thumb|left|People happily soldering away at the workshop]]
[[Image:Audrey_braintripping.jpg|thumb|right|Audrey tripping on her brainwaves at the workshop]]

You can learn to solder! Anyone can. Soldering is a basic skill for just about all electronics projects. If you've never soldered before, this workshop will give you the confidence to solder in less than two hours. If you want to learn how to solder better, this workshop will show you how. If you have soldered before, this workshop will teach you to solder surface mount parts with confidence.

Learn by doing![[File:Nb9.jpg|2000px|thumb|left|alt text]]
I will have fun kits to learn with. For total newbies (and those interested), I will have kits for
[http://www.tvbgone.com/cfe_mfaire.php Trippy RGB Waves project], a trippy, fun mood light using Red, Green, and Blue LEDs that has sensors on it to create waves of colors if you put a few of them together (scroll down from the link for more info). For more experienced people I will have a surface mount project (yet TBD -- but it will be fun!). You will be able to take your completed project home with you. If you prefer, feel free to bring your own soldering project.

Once you're done with your project, wouldn't it be awesome to fit your newly created functional LED thingie into a pumpkin? Making it reactive to ambient light? This way, you could have your own Jack-O-Lantern that only glows when glowing brings anything. So join in the pumpkin hackin' part too - with a light-sensitive LED circuit that'll take care of your pumpkin lightin' woes.

== Cost ==

Mitch's teaching time is free of charge, but the Trippy RGB Waves kits cost $10 each (which is what they cost me), and the surface mount kits will probably cost about $20 each. Feel free to bring your own soldering project if you prefer (no charge for this).

As for the pumpkins, Mikael'll organize a pumpkin shoppin' trip on Saturday, and as long as you get requests through by then, you'll have a pumpkin. Charges for that: the price of your pumpkin, rounded up a bit to fund the cutting tools. Depending on size, anything from $2 to $15 (numbers are wild and unsubstantiated guesses).

== Trippy RGB Waves lighting project ==

''Imagine a bunch of little lights (maybe 20 or 40 of them), on a table, each about the size of a chess piece. Each is independent of the other. You arrange them around on the table any way you want. Each one continually slowly changes colors on its own. When you wave your hand over them, it creates waves of colors that follow your hand.''

Here is a 30-second video of the
[http://www.youtube.com/watch?v=MGG8JH8itwE Trippy RGB Waves project] in action.

More info on these kits is available at:
[http://www.tvbgone.com/cfe_mfaire.php www.CornfieldElectronics.com]<br>
(scroll down till you see the section for Trippy RGB Waves kit).

== Light sensitive pumpkin lighters ==

With a pair of LEDs, a transistor and a photocell, and some wires, resistors and cabling, your pumpkin will react to ambient light and light up when the photocell detects darkness. It's a reasonably easy beginners project - with no more than 15 solder points altogether, and a total cost around $5, including a battery and a battery holder to drive the whole assembly.

== Expressions of Interest ==

Add your name to the list here if you'd be interested in participating! Don't worry — we won't hold you to it.

Soldering:

* [[User:maltman23|Mitch Altman]] (instructor)
* [[User:Endenizen|Brian Ferrell]]
* [[User:Mindwarp|mindwarp]]
* [[User:rachel|rachel]] - I also have a technique I worked out for soldering crimping beads to SMD parts to let them be sew-able... happy to show this off if there is interest. Great sadness - unable to come, friend's wedding. [[User:Rachel|Rachel]] 17:46, 23 October 2008 (PDT)
* [[nila]]
* [[John]]
* [[Zaga]]
* [[User:scmurray|Scott Murray]]
* [[User:mtbf0|bobby]]
* [[User:Mattbot|Mattbot]]
* [[User:EmbeddedLinuxGuy|Jesse Zbikowski]]
* [[User:Adi|Andy]]
* [[User:Ioerror|Jacob]]
* [[User:Daniela|Daniela Steinsapir]]
* [[User:Yerdua|Audrey]]
* [[User:Michiexile|Mikael Vejdemo-Johansson]]
* [[User:turkshead|Shannon]] & Francis Lee
* jstockford aka jim
* mollybee
* Steve - the one who juggles fire
* Jeffrey Malone
* [[User:Johnm|John Magolske]]
* Lloyd Droppers
* [[User:Kripto|MarkC]] I'll bring a soldering iron. (like the one we have in the fishbowl)
* Jeff Trull - I'm an EE, and I can't solder. How sad is that?
* [[User:Enki|Enki]] ohai!
* [[User:PraveenSinha|Praveen]]

Pumpkins:

*[[User:Michiexile|Mikael Vejdemo Johansson]]
*[[User:Mediapathic|Steen]]
*[[User:Endenizen|Brian Ferrell]]
* mollybee
*[[User:Daniela |Daniela Steinsapir]]

[[category:events]]

83C

2014-11-07T15:29:33Z

DavidCampos:

[[File:Nb9.jpg|2000px|thumb|left|alt text]]

[[Image:Noisebridge_exit.jpg|thumb|right]]

'''Noisebridge is now located at [[2169 Mission]].'''

The original Noisebridge location was [http://maps.google.com/?q=83+wiese+st,+sf 83C Wiese St], in the Mission district of San Francisco. The space was on the ground floor of a commercial fourplex on a narrow alley just off of 16th St very near Mission St.

== Contact number for the space ==

As of 2009-07-09, we have a Cisco IP Phone for use in the space. It allows outgoing calls. For details, see the [[Telephony]] page.

== Shelf organization ==

There are 3 categories of shelving:

* SHARED - put tools & useful things here that anyone can use
* HACK - put donated items that can be taken apart or used up here
* (NAMED) - put your name on a shelf and keep your projects there. Labels are on top of the microwave.

(Anyone got a better idea on how to arrange this?)

== [[Layout]] ==
[[Image:Firstfloor.png|thumb|right|180px|Bad approximation at first floor [[layout]].]]
* Downstairs main room - 30'x20' (plus bathroom and kitchen). Tiled throughout.
* Downstairs "fishbowl" room - 10'x12' approx + closet
* Upstairs loft - 30'x15', shoji sliding screens + closets. Carpeted.

== Electric Upgrade ==

We're upgrading electricity [[Electricity Upgrade]]

Electrical for the workshop courtesy is done.

Expected next electrical job is to bring power to the loft for the computers.

== Nicknames for the space ==

The street name ( [http://dict.leo.org/ende?lp=ende&lang=de&searchLoc=0&cmpType=relaxed&sectHdr=on&spellToler=on&chinese=both&pinyin=diacritic&search=Wiese&relink=on Wiese] ) is appropriately a German word for a meadow, pastures or green fields. I ([[User:Ioerror|ioerror]]) propose and will call the space "[[The_Space|Noisebridge Meadows]]" in honor of not wanting to butcher the pronunciation of the word.

I'm calling it "83c". - [[User:Adi|adi]]

Well, ''I'm'' calling it "83c3", in reference to CCC e.g. 25c3 this december, we'll be living in the future! - grey (A very forward thinking name [[User:Ioerror|ioerror]] 02:33, 2 October 2008 (PDT))

Couple of people recently calling it: (hands claw-shape towards ears, flick palms open five-shape twice) (hands clasped in arc with fingers laced together).

Alternative nicknames will come in good time.

== Donations ==
Have something you want to donate to the space? List it on the [[ThingsWeHaveToGiveAway]] page.

== Needs ==
Looking for an opportunity to contribute? Look at [[ThingsWeWant]] for a list of things the space needs.

== Infrastructure ==
See [[Infrastructure]]

== Pictures ==
* [http://flickr.com/photos/endenizen/sets/72157607542165545/ endenizen]
* [http://flickr.com/photos/thejof/2909470048/ View from front door]

== Getting Here ==
The space is located near the BART station at 16th and Mission on the northwest corner. For more transportation options, see [[Getting Here]].

User:Rachelyra

2014-11-07T15:29:00Z

DavidCampos:

[[File:Nb9.jpg|2000px|thumb|left|alt text]]

Different than [[User:Rachel|Rachel]], I am the other Rachel. Also known as Rachel H. Just like her, I weld and do carpentry and sew and make electronics and have funny hair and ride a bicycle and sometimes am Too Loud for Polite Company. My funny hair is longer than hers, and i ride my bike more. I also know how to weld better and am a little bit taller, so if you need to tell us apart that might help. She is better at internet. I am available for quick sewing machine lessons, conflict mediation, and <elided> if <elided>.

rachelyra is at gmail dot com

[[Category:Council]]
[[Category:Members]]

Processing Workshop

2014-11-07T15:27:57Z

DavidCampos:

[[Image:Anticipation-screenshot-11.png|thumb|Rotating triangles made with Processing]]
[[Image:Colorful-spheres1.png|thumb|Spheres made with Processing]]
[[Image:Ascii_photo_5452.png|thumb|ASCII video image made with Processing]]

Scott led a [[Processing]] workshop on September 13th, 2008. See [[Processing Workshop Report]] for a summary.

== Schedule ==
[[File:Nb9.jpg|2000px|thumb|left|alt text]]

'''Saturday, September 13, 2008 at 2:00 p.m.'''

* '''2:00—4:00''': Direct instruction
* '''4:00—4:15''': Break
* '''4:15—6:30''': Open workshop (optional—free time to hang out and work on your projects with the benefit of some one-on-one guidance)

== Location ==

San Francisco, in the Mission District.

== Cost ==

Free!

== Curriculum ==

We will cover as many of these items as possible.

'''Introduction to Processing'''
* What is Processing?
* What can you do with it?
* Examples/demos

'''Basics'''
* Opening the application
* How to learn more (see examples)
* Counting pixels (the coordinates system)
* Basic syntax (how to talk to Processing)
* Drawing a line
* Drawing a box
* Making it bigger
* Changing the color
* Variables

'''Motion'''
* setup() and draw()
* Mouse input
* Translation
* Rotation
* Compounding translations (pushMatrix & popMatrix)

'''Logic'''
* If statements
* If/else statements
* For loops
* Using loops with translation & rotation

'''Type'''
* Loading fonts
* Displaying text
* Measuring width & size

'''More Advanced Topics'''
* Functions
* Classes and objects
* Libraries
* Video input
* PDF output

== What You Need To Do ==

'''The workshop is full! [[Special:Emailuser/scmurray|Contact Scott]] to be added to the waiting list.'''

For those who have already RSVPed:

* Bring a laptop (recommended). Computers will not be provided, but we'll have wireless Internet access and lots of power outlets. Processing works on Windows, Mac OS, and Linux, so any kind of computer should work fine.
* Consider [http://processing.org/ downloading the Processing application] and installing it in advance.
* [[Special:Emailuser/scmurray|Let me know]] if you won't be able to make it, so someone else can have your slot.

== Expressions of Interest ==

Add your name to the list here if you're interested in participating, and be sure to review [[#What You Need To Do]] above.

* [[User:Scmurray|Scott Murray]] (instructor)
* [[User:Endenizen|Brian Ferrell]] (I'll bring a webcam to demonstrate video input)
* [[User:Adi|Andy]] (I'll bring a 720p projector)
* [[User:BuddhaHacker]] (Jonas) (not sure where I am)
* [[User:Rachel|Rachel]] If we don't have a space by the time you're ready to give this, Scott, I will volunteer my house which is reasonably arranged for such a thing.
* DavidMolnar (August is not good, but most of the Fall should be fine)
* [[User:Daniela Steinsapir ]] I hope to make it
* [[User:mtbf0]] i want some o' that, but i works most saturdays
* [[User:Ioerror|Jacob]]
* [[User:Yerdua|Audrey]]
* [[User:Mattbot|Mattbot]]
* [[User:Mediapathic|Steen]]
* LeahCooper - cooper.leah@gmail.com
* [[user:Kripto|MarkC]]

[[Category:Processing]]
[[category:events]]

People

2014-11-07T15:27:40Z

DavidCampos:

[[File:Nb9.jpg|2000px|thumb|left|alt text]]

The marshmallowy good enjoyables associated with Noisebridge.

This is ''not'' a membership list. Anyone may add themselves to it. Its names are maintained solely by those who have added them to it.

Please copy the syntax from other names.
Wiki User, First Name, Last Name

<pre>

Example:
|-
| [[User: mistertwister]] || Jeff B. || Schmitt

</pre>

Easiest method: copy the example above, then replace their info with your info. Don't forget the " |-" characters on the line above.

(note to wiki admins: the [http://www.mediawiki.org/wiki/Extension:Semantic_Forms SemanticForms] extension would be useful here.)

{| class="wikitable sortable"

|-
! Wiki User !! First Name !! Last Name
|-
| [[User: SFSlim]] || Aaron || Muszalski
|-
| [[User: AdamJODonnell]] || Adam J. || O'Donnell
|-
| [[User: elgreengeeto]] || Adam || Skory
|-
| [[User: adamwaters]] || Adam || Waters
|-
| [[User: awright]] || Adam J. || Wright
|-
| [[User: OpenBuddha]] || Al || Billings
|-
| [[User: Orph]] || Alex || Graveley
|-
| [[User: AlSweigart]] || Al || Sweigart
|-
| [[User: VonGuard]] || Alex || Handy
|-
| [[User: Alison ]] || Alison || B.
|-
| [[User: Amouravski ]] || Andrei || Mouravski
|-
| [[User: Adi ]] || Andy || Isaacson
|-
| [[User: Vniow ]] || Ani || Niow
|-
| [[User: LeMonkey ]] || Ari || Braginsky
|-
| [[User: Paulproteus ]] || Asheesh
|-
| [[User: Yerdua ]] || Audrey || Penven
|-
| [[User:Bifrost ]] || Evil || Bifrost
|-
| [[User: Bill ]] || Bill || Paul
|-
| [[User: Endenizen ]] || Brian || Ferrell
|-
| [[User: warner ]] || Brian || Warner
|-
| [[User: cmcneil ]] || Carson || McNeil
|-
| [[User: charliep ]] || Charlie || Hsu
|-
| [[User: chris-kun ]] || Chris || Bolton
|-
| [[User: murph ]] || Chris || Murphy
|-
| [[User: chris ]] || Chris || Palmer
|-
| [[User: christie ]] || Christie || Dudley
|-
| [[User: cmaier ]] || Christoph || Maier
|-
| [[User: cobolt ]] || Cobolt
|-
| [[User: colleen ]] || Colleen || Smith
|-
| [[User: ladyfox14 ]] || Cristina || Chow
|-
| [[User: crw ]] || crw
|-
| [[User: da3mon ]] || damon || mccormick
|-
| [[User: cubes ]] || Daneil C. || Silverstein
|-
| [[User: fdr ]] || Dan || Farina
|-
| || Daniela || Steinsapir
|-
| [[User: Malaclyps ]] || Danny || O'Brien
|-
| [[User: awkwardwhitejew ]] || Dan || Sherizen
|-
| [[User: Avidd ]] || Davidfine
|-
| [[User: dmolnar ]] || David || Molnar
|-
| [[User: David415 ]] || David || Stainton
|-
| [[User: dr1ce ]] || Dr1ce
|-
| [[User: edrabbit ]] || Ed || Hunsinger
|-
| [[User: eleddy ]] || Elizabeth || Leddy
|-
| [[User: Eri ]] || Eri || Comparri
|-
| [[User: Eric Vinyl]] || Eric || Vinyl
|-
| [[User: EkriirkE ]] || Erik || Johnson
|-
| [[User: chaoflow ]] || Florian || Friesdorf
|-
| [[User: Binaryfever ]] || Fred || McHale
|-
| [[User: gpvillamil ]] || Gian Pablo || Villamil
|-
| [[User: glenjarvis ]] || Glen || Jarvis
|-
| || Greg || Albrecht
|-
| [[User: grey ]] || grey
|-
| [[User: glamrock ]] || Griffin || Boyce
|-
| [[User: Azureviolin ]] || Hao || Zhang
|-
| [[User: mooflyfoof ]] || Heather || Lynch
|-
| || Håkon || Nilsen
|-
| [[User: verbal ]] || ian
|-
| [[User: DejaPu ]] || Isky
|-
| [[User: Egavas629 ]] || Jacob || Savage
|-
| [[User: JAdamMoore]]
|-
| [[User: ioerror]]
|-
| [[User: Jared ]] || Jared || Dunne
|-
| || Jason || Araujo
|-
| [[User: mightyohm ]] || Jeff || Keyzer
|-
| || Jeff || Tchang
|-
| [[User: JeffreyATW ]] || Jeffrey Carl || Faden
|-
| [[User: jnny ]] || Jenny || Ryan
|-
| [[User: Jessabella ]] || Jessabella || Hancilla
|-
| [[User: wrecca ]] || Gescykae 'formerly Jesse' || Welz
|-
| [[User: Thex ]] || J.C.
|-
| [[User: joachimp ]] || Joachim || Pedersen
|-
| [[User: jlapenna ]] || Joe || LaPenna
|-
| [[User: JimStockford ]]
|-
| [[User: BuddhaHacker ]] || Jonas S || Karlsson
|-
| [[User: Jof ]] || Jonathan || Lassoff
|-
| [[User: aeonsf ]] || John || Menerick
|-
| [[User: Kaufman ]] || John J. || Kaufman
|-
| [[User: jtfoote ]] || Jonathan || Foote
|-
| [[User: jbm ]] || Josh || Myer
|-
| [[User: Jabra ]] || Joshua D. || Abraham
|-
| [[User: keith ]] || keith || causey
|-
| [[User: Kenhaggerty ]] || Ken M. || Haggerty
|-
| [[User: Kreedy ]] || Kevin || Reedy
|-
| [[User: Kimardenmiller ]] || Kim || Miller
|-
| [[User: Kragen ]] || Kragen Javier || Sitaker
|-
| [[User: netsniper ]] || Kristian Erik || Hermansen
|-
| [[User: Gadlen ]] || Lee || Sonko
|-
| [[User: Leif ]] || Leif || Ryge
|-
| [[User: le ]] || Luiz || Eduardo
|-
| [[User: Lizzard ]] || Liz || Henry
|-
| || Malakkar || Vohryzek
|-
| [[User: Marc ]] || Marc || Powell
|-
| [[User: Mfb ]] || Mark || Burdett
|-
| [[User: Kripto ]] || Mark || Cohen
|-
| [[User: WlfyIT ]] || Matt "Wolfy" || Meier
|-
| [[User: matt ]] || Matt || Peterson
|-
| [[User: theUtherSide ]] || Matthew || Downs
|-
| [[User: Mattbot ]] || Mattbot ||
|-
| [[User: Maymay ]] || Meitar "maymay" || Moscovitz
|-
| || Mendelt || Siebenga
|-
| [[User: Meredith ]] || Meredith || scheff
|-
| [[User: Meyermagic ]] || Meyer S. || Jacobs
|-
| [[User: Micah ]] || Micah
|-
| [[User: mprados ]] || Michael || Prados
|-
| [[User: MichaelShiloh ]] || Michael || Shiloh
|-
| [[User: MCT ]] || Michael || Toren
|-
| [[User: Michiexile ]] || Mikael Vejdemo || Johansson
|-
| [[User: maltman23 ]] || Mitch || Altman
|-
| [[User: Mlp ]] || Mlp
|-
| [[User: miloh ]] || R. Miloh || Alexander
|-
| [[User: Reverend Mik]] || Reverend Mik || McAllister
|-
| [[User: mkw813 ]] || Morgan
|-
| [[User: Tnkgrl]] || Myriam || Joire
|-
| [[User: nthmost]] || Naomi || Most
|-
| [[User: NateLawson]]
|-
| [[User: neha ]] || Neha || Chriss
|-
| [[User: flipzagging ]] || Neil || Kandalgaonkar
|-
| [[User: Nickthedude ]] || Nickthedude
|-
| [[User: Owen ]] || Owen
|-
| [[User: Enki ]] || Paul || Böhm
|-
| [[User: Patrickod]] || Patrick || O'Doherty
|-
| [[User: Pearl ]] || Pearl
|-
| [[User: caitlyn ]] || Pippilina
|-
| [[User: Pde ]] || Peter || Eckersley
|-
| [[User: standardusername ]] || Peter || Youngmeister
|-
| [[User: h0mee ]] || Praveen || Sinha
|-
| || Quinn || Norton
|-
| [[User: rachel ]] || Rachel || McConnell
|-
| [[User: rick ]] || Rick || Deacon
|-
| [[User: Rikke ]] || Rikke || Rasmussen
|-
| [[User: rubin110 ]] || Rubin || Starset
|-
| [[User: RyanBagueros ]] || Ryan || Bagueros
|-
| [[User: Topsycatt ]] || Sam || Sobell
|-
| [[User: sethalves ]] || Seth || Alves
|-
| [[User: Schoen ]] || Seth || Schoen
|-
| [[User: Simone ]] || Simone || Davalos
|-
| [[User: skyex ]] || skye || x
|-
| [[User: mrcamuti ]] || Steve || Camuti
|-
| [[User: Fineline ]] || Steve || Young
|-
| [[User: Mediapathic ]] || Steen
|-
| [[User: ThOMG ]] || Thom || Hastings
|-
| [[User: Tony Longshanks]] || Tony Longshanks || LeTigre
|-
| [[User: TrevorH]] || Trevor || H.
|-
| [[User: Unixjazz ]] || Unixjazz
|-
| [[User: Whimzy ]] || The Whimsical Wizard of || ZiP
|-
| [[User: window ]] || Window || Snyder
|-
| [[User: xndr ]] || Xander || Hudson
|-
| [[User: yan ]] || yan
|-
| [[User: zephyr ]] || Zephyr
|-
| [[User: ZandrMilewski ]] || Zandr || Milewski
|-
| [[User: Mux ]] || Drew || Smith

|}

ThingsWeHaveToGiveAway

2014-11-07T15:27:21Z

DavidCampos:

[[File:Nb9.jpg|2000px|thumb|left|alt text]]

Add to this page, the items you have that you want to give away. Make sure to put your name down (4 tildes do this automatically if you're logged in). If you want something on this page, talk to the owner about it. '''Please do not list things that you expect to get back or things that you are not actually interested in giving to the space. No strings attached!'''

* '''SOFA''' reasonably comfy, if a bit scratchy. moderately large. available sometime in Feb. [[User:Rachel|Rachel]] 21:04, 21 December 2007 (PST)

* '''Conference table & dining room table''' both dark brown'ish in color, solid real non-Ikea wood for the dinner table with pull out slats [[User:Matt|Matt]]

* '''Metro racks''' the shelf unit things sold @ Costco [[User:Matt|Matt]]

* '''Full Black and White Darkroom''' - Window has offered to donate this - [[User:Ioerror|ioerror]] 18:27, 26 September 2008 (PDT) I also have some color equipment, but I need someone to come help me dig all this stuff out of storage. - [[User:window|window]]

* '''Standing height craft desk & captain's stool''' - Long wooden work surface and lots of drawers with dividers [[User:Turkshead|Turkshead]]

* '''Wall mountable stereo speakers''' - BIC DV62 bookshelf if you're curious [[User:Avidd|Avidd]]

* '''Projector''' - VonGuard has offered to donate a projector to the space. He'll want it back if another is ever found, but it's installed till something better comes along. This is an old projector, but does VGA and RCA. [[User:Ioerror|ioerror]] 18:25, 29 September 2008 (PDT)

* '''Drill Press''' - I have a drill press I can put on permanent loan to the space. --[[User:Noahbalmer|Noahbalmer]] 18:43, 29 September 2008 (PDT)

* '''Desktop Computer''' - I have a desktop machine (mid-tower case) suitable for use as either a workstation or server. Specs: 120GiB HDD, 2GiB RAM, AMD 2800+ processor, ATI Radeon 9200ish, DVD-ROM&CD-R -- [[User:JSharp|JSharp]] 12:01, 1 October 2008 (PDT)
:Now there. -- [[User:JSharp|JSharp]] 01:11, 3 October 2008 (PDT)

* '''Fire extinguisher''' - ABC Dry Chem, One -- [[User:JSharp|JSharp]] 12:01, 1 October 2008 (PDT)

* '''Folding chairs''' - silver, metal, padded seat/back. 7 currently though at least a couple have slightly bent/broken supports, though still usable for sitting. located at my studio nearby. [[User:Cymike|Cymike]] 22:40, 8 March 2009 (PDT)

* '''Dell PowerEdge 2550''' - also at my studio with a few extra parts. something to use or play with. [[User:Cymike|Cymike]] 22:40, 8 March 2009 (PDT)

* '''lotsa stuff''' -check out [[User talk:Hardy stevenson]]

Identity

2014-11-07T15:27:03Z

DavidCampos:

[[File:Nb9.jpg|2000px|thumb|left|alt text]]

Our first logo was designed originally by the [http://quilted.org/ Quilted] cooperative. It has mutated since, as these things do. An additional design was by Jonas Frankki of Denmark in 2009.

= Updated for our new address =

[[Image:Nb_2169_sticker.png]]

'''Noisebridge logo thumbnail''' -- 300 x 300 pixels (300dpi):

[[File:NB_logo_thumb_300x300.jpg]]

Now in fancy black and white!

Print ready versions:

[https://www.noisebridge.net/wiki/Image:NB.sticker.print.ready.b.w.pdf B&W]
[https://www.noisebridge.net/wiki/Image:NB.sticker.colour.print.ready.pdf Colour]

1-bit black & white 300 dpi gif (being used for rubber stamps):

[[Image:Nb_logo_bw.gif|250px]]

A SVG file fo use with CNC and vector printers of sorts:

[[File:Noisebridge logo not by idiots for cnc.svg]]

[[File:Nosebridge_simple.png|250px]]

[[File:Nosebridge.pdf]] with address

[[File:Nosebridge_simple.pdf]] with no address
[[File:NoisebridgeCursive.svg]] for great fun.

= Reboot 2014 Logo =

[[File:Noisebridge_Reboot_logo.png|300px]]

.svg thumbnails aren't working but this is the file:

File:Noisebridge_reboot_logo_hicks.svg

https://noisebridge.net/wiki/File:Noisebridge_reboot_logo_hicks.svg

Vectors are also in the following .pdf

[[File:Noisebridge_Reboot_logo.pdf]]

= In the spirit of solidarity with other similar groups =

Or "Typing over the rainbow."

This logo was designed by [http://nosedef.com/ Jonas Frankki] in Denmark with [[User:Ioerror|Jacob Appelbaum]]. It is available under the Creative Commons. It is licensed under the [http://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-Share Alike] license.

This image is inspired by the CCC Sterntastatur ([https://www.noisebridge.net/wiki/Image:Sterntastatur.png logo here]), the RAF ([http://en.wikipedia.org/wiki/File:RAF-Logo.svg logo here]), the Weather Underground ([http://en.wikipedia.org/wiki/File:Weather_Underground_logo.jpg logo here]) and San Francisco (hacker) Values.

The image is available as a few different formats:

As a small logo sized png: [[Image:Wunderground-noisebridge.png]]

As a larger logo with a black keyboard: [[Image:NB_rainbow_on_white.png|250px]]

As a larger logo with a white keyboard: [[Image:NB_rainbow_on_black.png|250px]]

As desktop background sized logo: [[Image:1920x1200_wallpaper.png|250px]]

Source...
* [http://blog.noisebridge.net/wp-content/dump/201001-weather-underground/noisebridge-weather-underground-logo-201001.svg SVG]
* [http://blog.noisebridge.net/wp-content/dump/201001-weather-underground/noisebridge-weather-underground-logo-201001.ai AI]
* [http://blog.noisebridge.net/wp-content/dump/201001-weather-underground/noisebridge-weather-underground-logo-201001.pdf PDF]

Michael from GRL made a more "San Francisco" version of our fresh new logo...

[[Image:Pissingponynb.png]]

= 2008-December version =

[[Image:Sticker-2008-12.png|200px]]
* http://hg.hexapodia.org/noisebridge-logo/raw-file/tip/sticker-escV2-3in.pdf
* http://notapattern.net/~puck/outgoing/content/noisebridge-logo/sticker-escV2-3in.svg
* [[Image:Sticker-2008-12.pdf]]

= Wallpapers =
By [[User:mediapathic|mediapathic]].

Traditional:
[[Image:Nb-black.png|200px]]

Explody:
[[Image:Nb-blacklocks3.png|200px]]

= 2008-July version =

[[Image:Noisebridge_circuit_v2_sm.jpg]]

* on quilted.org: [http://clients.quilted.org/noisebridge/Noisebridge_circuit_v2.tif TIF], [http://clients.quilted.org/noisebridge/Noisebridge_circuit_v2.ai Illustrator file]
:I didn't have time to incorporate all the good ideas above, so I threw an extra line in to appease the
:electronics crowd. This could definitely use some work to include the other ideas though.
:
:--[[User:Sagannotcarl|Sagannotcarl]] 19:29, 6 February 2008 (PST)
* [https://www.noisebridge.net/wiki/Image:Logo_hires.png Logo_hires.png] locally cropped version; [https://www.noisebridge.net/wiki/Image:Noisebridge-alpha.png noisebridge-alpha.png] with alpha channel.

== GCode ==
[[Image:Nblogo-cnc.png|thumb|right|Noisebridge logo rendered from CNC]]
[[Image:Nb-brass.jpg|thumb|right|Noisebridge logo milled into brass]]
The following gcode renders the Noisebridge logo for [[MaxNCMill | CNC]].
g00 z1 ( safe drillbit )
g00 x0 y0 ( move to lower left corner )
g91 ( relative positioning )

g00 x.025 ( move to lower edge of lower left arc )

g02 y.025 x-.025 r.025 f1 ( arc to left edge of corner arc )
g01 y.0875 ( mill up to beginning of resistor symbol )

g01 y.01875 x.05 ( first zig of resistor )
g01 y.0375 x-.1 ( first zag )
g01 y.0375 x.1 ( second zig )
g01 y.0375 x-.1 ( secong zag )
g01 y.0375 x.1 ( third zig )
g01 y.0375 x-.1 ( third zag )
g01 y.01875 x.05 ( fourth and final zig )

g01 y.0875 ( mill up to lower left corner of upper left arc)
g02 y.025 x.025 r.025 ( arc to top edge )
g01 x.125 ( mill over to upper jump )
g02 x.1 r.05 ( arc over upper jump )
g01 x.125 ( mill over to upper left corner of upper right arc )
g02 x.025 y-.025 r.025 ( arc to right edge )

g01 y-.125 ( mill down to top of speaker )
g01 x.025 ( mill over to speaker cone )
g01 x.075 y.075 ( mill up top edge of speaker cone )
g01 y-.3 ( mill down speaker cone face )
g01 x-.075 y.075 ( mill up bottom edge of speaker cone )
g01 y.15 ( mill up back edge of speaker cone )
g01 x-.15 ( mill across top of speaker driver )
g01 y-.15 ( mill down back of speaker driver )
g01 x.15 ( mill across bottom of speaker driver )
g01 x-.025 ( mill back to lead edge )
g01 y-.125 ( mill down to upper corner of bottom right arc )

g02 x-.025 y-.025 r.025 ( arc to bottom edge )
g01 x-.125 ( mill over to lower jump )
g03 x-.1 r.05 ( arc over lower jump )
g01 x-.125 ( and finally return to beginning of bottom left arc )

m02 ( end of program )

= Suggestions =

While the color and concept is nice, the circuit is kind of ungrammatical. The little bumps on the top and bottom are used to emphasize that two wires are crossing over one another and not connecting --- but there's no other wire there for them to pass over.

A simple way to fix this would be to add a vertical line through the middle of the logo all the way to the edge of the circle; that would render the circuit grammatically correct, although it still wouldn't be a circuit that did anything useful, except perhaps convert a little sound into heat.

A perhaps cleverer idea would be to incorporate a "bridge" circuit into the logo. A bridge is a square with a diagonal, with things connected to the corners of the square not on the diagonal, and it's the simplest circuit that can't be decomposed into series and parallel subcomponents. A bridge rectifier with a speaker on the diagonal would be both a nice illustration of the name, and also might have interesting nonlinear audio effects (as an output stage, not as a noise generator itself) if you actually built it.

[[User:Kragen|Kragen]] 16:19, 26 November 2007 (PST)

= a bridge =

After some IRC discussion, I'm uploading a photo of a pencil sketch of a [http://physics.kenyon.edu/EarlyApparatus/Electrical_Measurements/Wheatstone_Bridge/Wheatstone_Bridge.html Wheatstone bridge] with an AC power source and a speaker in place of the galvanometer.

[[User:Kragen|Kragen]] 17:04, 26 November 2007 (PST)

= pencil sketch =

[[Image:Wheatstone-pencil.jpg]] [[User:Kragen|Kragen]] 17:17, 26 November 2007 (PST)

= A Few Ideas =
Got to playing with InkScape a bit today, and made a few noisebridge-themed things to consider.

The circuit in the first is an audio signal going through a bridge rectifier to a speaker, which I haven't built (yet), but which would have the effect of kicking the fundamental frequency up an octave and distorting everything. The wheatstone circuit above would fit this layout too. This one had the interesting unintended side effect of being shaped like a cartoon rocket. The other two are just pseudo-oscilloscope buttons showing noise, keeping to the shape and color scheme of the current logo with a simpler theme. I uploaded these as pngs for easy web viewing, but if anyone wants the svgs to play around with let me know.

[[Image:Nb_head1_bridge500.png]]

[[Image:Nb_logo2_blackred_osc_250.png]]

[[Image:Nb_logo_redblack_osc_250.png]]

--[[User:Noahbalmer|Noahbalmer]] 14:13, 12 May 2008 (PDT)

=Pamphlet=

More information and resources can be found on the [[Pamphlet]] page.

User talk:Ioerror

2014-11-07T15:26:47Z

DavidCampos:

[[File:Nb9.jpg|2000px|thumb|left|alt text]]

User talk:Ioerror

2014-11-07T15:26:33Z

DavidCampos:

[[File:Nb9.png|2000px|thumb|left|alt text]]

Front-end Web Development

2014-11-07T15:26:04Z

DavidCampos:

[[File:Nb9.jpg|2000px|thumb|left|alt text]]

__NOTOC__
<div class="hero cf">
<div class="hero__hgroup">
<h1>Front-end Web Development</h1>
<h2>A free, weekly class on HTML, CSS, and JavaScript</h2>
</div>
<div class="hero__details">
<div class="hero__detail-group">
<div class="hero__detail hero__detail--what">
<h2>What</h2>
Learn HTML, CSS and JavaScript - and put them to good use! This class, taught by [[User:JeffreyATW|Jeffrey Carl Faden]], is aimed at beginners who are interested in web development, as well as seasoned professionals looking to brush up on the latest and greatest.

Front-end web development is all about making code that runs in the browser (versus code that runs on the server). There isn't a big focus on web design (creating wireframes and mockups), but we do cover best practices for turning these designs into beautiful code.
</div>
<div class="hero__detail hero__detail--who">
<h2>Who</h2>
This class is for '''everyone'''! Computer users unacquainted with programming, as well as experienced developers, are welcome at any time. If you're new to the class, consider coming to the [[#Lecture|lecture]] at 7:30 for a recap.

The space and the class are entirely '''free''' to attend. You do not have to be a Noisebridge member. Upon arriving at Noisebridge, state that you're here for the class and you'll be allowed in as a guest.

Please bring any kind of laptop.
</div>
</div>
<div class="hero__detail-group">
<div class="hero__detail hero__detail--when">
<h2>When</h2>
[[#Lecture|Lectures]] start promptly at '''8pm on Mondays''' and go for up to two hours. There is a half-hour recap starting at '''7:30pm'''. Please try to arrive early as physical space is limited.

[[#Lab|Labs]] start at '''8pm on Thursdays''' and end two hours later.

This class runs in a weekly series, and the curriculum takes about 6 months from start to finish. Don't let it discourage you if you're starting from the middle - attend recaps and labs and you should be able to catch up!
</div>
<div class="hero__detail hero__detail--where">
<h2>Where</h2>
'''[[Noisebridge]]''', 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

The lecture is held in the [[Classrooms#Church|Church classroom]], which is in the back of the space.

The lab is held in the [[Classrooms#Turing|Turing classroom]], the room past the wood shop.

Read up on [[Getting_In|getting in]] to the space. Again, you do not need to be a member!
</div>
</div>
</div> 
</div> 
<div class="section new-series">
<div class="container">
<h2>Next Series</h2>
<div class="new-series__calendar"><span class="new-series__calendar__month">January</span> <span class="new-series__calendar__date">5</span></div>
Remember that you can start coming to class at any time during the series! You can catch up by watching videos from [[Front-end_Web_Development/Notes|previous classes]], doing [[Front-end_Web_Development/Assignments|assignments]], or attending [[#Lab|lab]].
</div>
</div>
<div class="section keep-informed">
<div class="container">
<h2>Keep Informed</h2>
<ul class="keep-informed__buttons">
<li>[https://www.noisebridge.net/mailman/listinfo/webdev WebDev]</li>
<li>[https://www.noisebridge.net/mailman/listinfo/noisebridge-announce Noisebridge-announce]</li>
</ul>
'''Join one of the above lists to be notified of upcoming classes via email.'''

If you can't make it, subscribe to a mailing list to be notified when you can watch a live stream of the lecture! If you missed it, previous lecture streams are available for viewing on the [[Front-end_Web_Development/Notes|Previous Classes]] page!
</div>
</div>
<div class="classes">
<div class="classes__class classes__class--lecture">
<h2>Lecture</h2>
Weekly classroom-style presentation on HTML/CSS/JS. The lecture starts every Monday at 8pm. We also have a recap starting at 7:30pm, where we'll cover the (very) basics, such as explaining what "front-end" means, discussing tools of the trade, and understanding basic HTML and CSS.

<div class="classes__current">
==== Class for 2014-11-03: Preprocessors ====
Front-end code can often get very repetitive and hard to maintain. We'll expand upon last week's talk about backend code generation by introducing preprocessors - languages which compile into HTML, CSS, or JS. We've taken a look at PHP and ERB, but we'll also walk through languages that look nothing like HTML (HAML), and languages that compile into CSS (Less, Sass + Compass) and JS (CoffeeScript). These languages can make your life much easier as they help keep you from repeating yourself (DRY!). We'll also introduce Middleman, one of many workflow systems that makes using these languages easy.

To prepare for this class, consider installing [https://rvm.io/ RVM] with the --ruby=2.1 flag if you're using OS X or Linux, or Ruby via [http://rubyinstaller.org/ RubyInstaller] for Windows. You can then install [http://middlemanapp.com/ Middleman].

We'll be working on the [http://jeffreyatw.com/static/frontend/series6/class6/goal.zip NoiseCo site].

[https://plus.google.com/events/ctlo3cafj3g2oj4o0lnv8kic39s Join the Google+ Event to watch the video livestream.]
</div>
<h3>[http://docs.google.com/present/view?id=dfjgtf36_41hmtj2td2 Intro presentation]</h3>

<h3>[[Front-end_Web_Development/Notes|Previous Classes]]</h3>

</div>
<div class="classes__class classes__class--lab">

<h2>Lab</h2>
We also meet for a weekly lab/workshop where we work on an assignment that covers the material learned in the lecture earlier in the week. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8pm in the Turing classroom.

<div class="classes__current">

==== [http://jeffreyatw.com/static/frontend/series5/class18/assignment.html Quiz for 2014-10-30] ====
</div>

<h3>[[Front-end_Web_Development/Assignments|Previous Assignments]]</h3>
</div>
</div>
<div class="section">
<h2>See Also</h2>
<div class="web-development__link">[[Web Development Resources]]</div>
</div>
[[Category:Events]][[Category:Classes]]

About

2014-11-07T15:25:39Z

DavidCampos:

[[File:Nb9.jpg|2000px|thumb|left|alt text]]

'''Noisebridge''' is a physical space open and welcoming to all, providing infrastructure and collaboration opportunities for anyone interested in programming, hardware, crafts, science, food, robotics, art, and technology. We teach, we learn, we share. With no leaders, we have one rule: "Be excellent to each other".<br />

Read on for answers to some frequently asked questions, or navigate to find out more about us.

'''Governance and Goals:''' [[Vision]], [[Do-ocracy]], [[Consensus_Process]], [[Meeting]], [[Community_Standards]], [[Board_and_Officers]]

'''Nuts and Bolts:''' [[Hours]], [[Visitor_advice]], [[Getting_In]], [[Getting_Here]], [[Resources]]

'''Conflict and Concerns:''' [[Safety]], [[Conflict_Resolution]], [[Mediation]], [[Rats]]

<br />
'''Our Name:''' A "noise bridge" is a piece of electronic test equipment that injects noise into a system to see how it responds, so you can fix or improve it. Such a device is often used in RF electronics.<br />
<br />
'''What can I do here?''' Meet techie, arty, and crafty folks, take a class, teach a class, use the power tools and electronic labs, build something out of stuff on the hack shelves, use our library, surf the web, cook up something in the kitchen, and so on.<br />
<br />
'''Getting Here:''' Noisebridge is close to the 16th & Mission BART station, and the 14 Mission, 33 Stanyan, and 49 Van Ness-Mission Muni buses. The 22 Fillmore and 12 Folsom Muni buses are within a couple blocks.<br />
<br />
'''Do I need to be a member?''' You don't need to be a member to take or give a class or workshop at Noisebridge. All are welcome!
Noisebridge is also a great place to hang out and work on projects. However, if you spend a lot of time at Noisebridge and you're not paying for membership, you'll be expected to contribute in some other material way to the space and the geek culture surrounding it. <br />
<br />
'''How do I become a member?''' A good first step is to introduce yourself at a Tuesday meeting.
Membership is $80 a month (or a $40 “starving hacker” rate) and allows you to vote at meetings. If you aren’t a member but use the space, please drop off a few dollars in the donation bin, or set up a regular monthly donation for a smaller amount. Noisebridge runs off of membership dues and donations. <br />
<br />
'''Meetings''' are every Tuesday at 8pm at the 2169 Mission space. Meetings are mostly for organizational purposes.<br />
Any time is a good time to '''introduce yourself'''. Come on up and have a refreshment, tell others about your interests, or ask people what projects they are working on.<br />
<br />
'''Where can I find out more?''' The wiki is at https://www.noisebridge.net. The “Noisebridge-discuss” email list (and other lists) at https://www.noisebridge.net/mailman/listinfo<br />
<br />
'''Events, workshops, classes!''' Every week there are lots of activities at Noisebridge, planned and otherwise. Check the wiki for upcoming events, workshops, and classes. And feel free to add your own!<br />
<br />
Noisebridge is a fairly '''open and permissive space''', and the equipment (unless otherwise marked, or on a member shelf) is open for public use. Safety first! Feel free to come to Noisebridge to work and play on your project, or help others with theirs.<br />
<br />
Noisebridge has '''lots of space''' available as a community resource for individuals and organizations to use -- please use it!<br />
<br />
'''Can I leave my stuff here?''' Noisebridge is open to the public, so use your judgment when leaving valuables here. Noisebridge is not responsible for lost or stolen items. Avoid leaving your bicycle here overnight. The daily storage shelves provide a space to leave your things for the day. The lost and found box is located on top of the shelves. Members can leave items on their labeled member shelf for an extended period. Please label any projects left here with your name, email, and the date. Putting your project into a box labeled with your name is best.<br />

{{ManualPage}}

About

2014-11-07T15:25:20Z

DavidCampos:

[[File:Nb9.png|2000px|thumb|left|alt text]]

'''Noisebridge''' is a physical space open and welcoming to all, providing infrastructure and collaboration opportunities for anyone interested in programming, hardware, crafts, science, food, robotics, art, and technology. We teach, we learn, we share. With no leaders, we have one rule: "Be excellent to each other".<br />

Read on for answers to some frequently asked questions, or navigate to find out more about us.

'''Governance and Goals:''' [[Vision]], [[Do-ocracy]], [[Consensus_Process]], [[Meeting]], [[Community_Standards]], [[Board_and_Officers]]

'''Nuts and Bolts:''' [[Hours]], [[Visitor_advice]], [[Getting_In]], [[Getting_Here]], [[Resources]]

'''Conflict and Concerns:''' [[Safety]], [[Conflict_Resolution]], [[Mediation]], [[Rats]]

<br />
'''Our Name:''' A "noise bridge" is a piece of electronic test equipment that injects noise into a system to see how it responds, so you can fix or improve it. Such a device is often used in RF electronics.<br />
<br />
'''What can I do here?''' Meet techie, arty, and crafty folks, take a class, teach a class, use the power tools and electronic labs, build something out of stuff on the hack shelves, use our library, surf the web, cook up something in the kitchen, and so on.<br />
<br />
'''Getting Here:''' Noisebridge is close to the 16th & Mission BART station, and the 14 Mission, 33 Stanyan, and 49 Van Ness-Mission Muni buses. The 22 Fillmore and 12 Folsom Muni buses are within a couple blocks.<br />
<br />
'''Do I need to be a member?''' You don't need to be a member to take or give a class or workshop at Noisebridge. All are welcome!
Noisebridge is also a great place to hang out and work on projects. However, if you spend a lot of time at Noisebridge and you're not paying for membership, you'll be expected to contribute in some other material way to the space and the geek culture surrounding it. <br />
<br />
'''How do I become a member?''' A good first step is to introduce yourself at a Tuesday meeting.
Membership is $80 a month (or a $40 “starving hacker” rate) and allows you to vote at meetings. If you aren’t a member but use the space, please drop off a few dollars in the donation bin, or set up a regular monthly donation for a smaller amount. Noisebridge runs off of membership dues and donations. <br />
<br />
'''Meetings''' are every Tuesday at 8pm at the 2169 Mission space. Meetings are mostly for organizational purposes.<br />
Any time is a good time to '''introduce yourself'''. Come on up and have a refreshment, tell others about your interests, or ask people what projects they are working on.<br />
<br />
'''Where can I find out more?''' The wiki is at https://www.noisebridge.net. The “Noisebridge-discuss” email list (and other lists) at https://www.noisebridge.net/mailman/listinfo<br />
<br />
'''Events, workshops, classes!''' Every week there are lots of activities at Noisebridge, planned and otherwise. Check the wiki for upcoming events, workshops, and classes. And feel free to add your own!<br />
<br />
Noisebridge is a fairly '''open and permissive space''', and the equipment (unless otherwise marked, or on a member shelf) is open for public use. Safety first! Feel free to come to Noisebridge to work and play on your project, or help others with theirs.<br />
<br />
Noisebridge has '''lots of space''' available as a community resource for individuals and organizations to use -- please use it!<br />
<br />
'''Can I leave my stuff here?''' Noisebridge is open to the public, so use your judgment when leaving valuables here. Noisebridge is not responsible for lost or stolen items. Avoid leaving your bicycle here overnight. The daily storage shelves provide a space to leave your things for the day. The lost and found box is located on top of the shelves. Members can leave items on their labeled member shelf for an extended period. Please label any projects left here with your name, email, and the date. Putting your project into a box labeled with your name is best.<br />

{{ManualPage}}

Front-end Web Development

2014-11-07T15:24:07Z

DavidCampos:

[[File:Nb9.png|2000px|thumb|left|alt text]]

__NOTOC__
<div class="hero cf">
<div class="hero__hgroup">
<h1>Front-end Web Development</h1>
<h2>A free, weekly class on HTML, CSS, and JavaScript</h2>
</div>
<div class="hero__details">
<div class="hero__detail-group">
<div class="hero__detail hero__detail--what">
<h2>What</h2>
Learn HTML, CSS and JavaScript - and put them to good use! This class, taught by [[User:JeffreyATW|Jeffrey Carl Faden]], is aimed at beginners who are interested in web development, as well as seasoned professionals looking to brush up on the latest and greatest.

Front-end web development is all about making code that runs in the browser (versus code that runs on the server). There isn't a big focus on web design (creating wireframes and mockups), but we do cover best practices for turning these designs into beautiful code.
</div>
<div class="hero__detail hero__detail--who">
<h2>Who</h2>
This class is for '''everyone'''! Computer users unacquainted with programming, as well as experienced developers, are welcome at any time. If you're new to the class, consider coming to the [[#Lecture|lecture]] at 7:30 for a recap.

The space and the class are entirely '''free''' to attend. You do not have to be a Noisebridge member. Upon arriving at Noisebridge, state that you're here for the class and you'll be allowed in as a guest.

Please bring any kind of laptop.
</div>
</div>
<div class="hero__detail-group">
<div class="hero__detail hero__detail--when">
<h2>When</h2>
[[#Lecture|Lectures]] start promptly at '''8pm on Mondays''' and go for up to two hours. There is a half-hour recap starting at '''7:30pm'''. Please try to arrive early as physical space is limited.

[[#Lab|Labs]] start at '''8pm on Thursdays''' and end two hours later.

This class runs in a weekly series, and the curriculum takes about 6 months from start to finish. Don't let it discourage you if you're starting from the middle - attend recaps and labs and you should be able to catch up!
</div>
<div class="hero__detail hero__detail--where">
<h2>Where</h2>
'''[[Noisebridge]]''', 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

The lecture is held in the [[Classrooms#Church|Church classroom]], which is in the back of the space.

The lab is held in the [[Classrooms#Turing|Turing classroom]], the room past the wood shop.

Read up on [[Getting_In|getting in]] to the space. Again, you do not need to be a member!
</div>
</div>
</div> 
</div> 
<div class="section new-series">
<div class="container">
<h2>Next Series</h2>
<div class="new-series__calendar"><span class="new-series__calendar__month">January</span> <span class="new-series__calendar__date">5</span></div>
Remember that you can start coming to class at any time during the series! You can catch up by watching videos from [[Front-end_Web_Development/Notes|previous classes]], doing [[Front-end_Web_Development/Assignments|assignments]], or attending [[#Lab|lab]].
</div>
</div>
<div class="section keep-informed">
<div class="container">
<h2>Keep Informed</h2>
<ul class="keep-informed__buttons">
<li>[https://www.noisebridge.net/mailman/listinfo/webdev WebDev]</li>
<li>[https://www.noisebridge.net/mailman/listinfo/noisebridge-announce Noisebridge-announce]</li>
</ul>
'''Join one of the above lists to be notified of upcoming classes via email.'''

If you can't make it, subscribe to a mailing list to be notified when you can watch a live stream of the lecture! If you missed it, previous lecture streams are available for viewing on the [[Front-end_Web_Development/Notes|Previous Classes]] page!
</div>
</div>
<div class="classes">
<div class="classes__class classes__class--lecture">
<h2>Lecture</h2>
Weekly classroom-style presentation on HTML/CSS/JS. The lecture starts every Monday at 8pm. We also have a recap starting at 7:30pm, where we'll cover the (very) basics, such as explaining what "front-end" means, discussing tools of the trade, and understanding basic HTML and CSS.

<div class="classes__current">
==== Class for 2014-11-03: Preprocessors ====
Front-end code can often get very repetitive and hard to maintain. We'll expand upon last week's talk about backend code generation by introducing preprocessors - languages which compile into HTML, CSS, or JS. We've taken a look at PHP and ERB, but we'll also walk through languages that look nothing like HTML (HAML), and languages that compile into CSS (Less, Sass + Compass) and JS (CoffeeScript). These languages can make your life much easier as they help keep you from repeating yourself (DRY!). We'll also introduce Middleman, one of many workflow systems that makes using these languages easy.

To prepare for this class, consider installing [https://rvm.io/ RVM] with the --ruby=2.1 flag if you're using OS X or Linux, or Ruby via [http://rubyinstaller.org/ RubyInstaller] for Windows. You can then install [http://middlemanapp.com/ Middleman].

We'll be working on the [http://jeffreyatw.com/static/frontend/series6/class6/goal.zip NoiseCo site].

[https://plus.google.com/events/ctlo3cafj3g2oj4o0lnv8kic39s Join the Google+ Event to watch the video livestream.]
</div>
<h3>[http://docs.google.com/present/view?id=dfjgtf36_41hmtj2td2 Intro presentation]</h3>

<h3>[[Front-end_Web_Development/Notes|Previous Classes]]</h3>

</div>
<div class="classes__class classes__class--lab">

<h2>Lab</h2>
We also meet for a weekly lab/workshop where we work on an assignment that covers the material learned in the lecture earlier in the week. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8pm in the Turing classroom.

<div class="classes__current">

==== [http://jeffreyatw.com/static/frontend/series5/class18/assignment.html Quiz for 2014-10-30] ====
</div>

<h3>[[Front-end_Web_Development/Assignments|Previous Assignments]]</h3>
</div>
</div>
<div class="section">
<h2>See Also</h2>
<div class="web-development__link">[[Web Development Resources]]</div>
</div>
[[Category:Events]][[Category:Classes]]