1. October 10, 2014 Coding For UX : Part 1 localhost 45 Main St #220 BKLN / 718 625 4843 / hugeinc.com

2. Coding for Design Part 1: localhost

3. 1. About 2. What is a stack 3. How the web works 4. Localhost setup 5. Site structure 6. Code! Agenda

4. About.

5. You can pick and choose which classes to go to.

6. We’ll teach what you want to learn.

7. Every class (and additional resources) will be available online: codetodesign.hugeops.com codefordesign.proto.hugeinc.com

8. But first we picked some basics.

9. We are starting with 6 sessions. 1. Introduction10/9 2. Markup (HTML) 3. Style (CSS) 4. Logic (JS) 5. jQuery 6. Compilers/Animations

10. No question is stupid. Office coding hours. Every Friday 4pm+ UX Sofas

11. What is a stack.

12. Pieces of software on a computer to run a webserver.

13. LAMP. Linux Apache MySQL PHP

14. MAMP. Mac Apache MySQL PHP

15. MEAN. MongoDB Express.js Angular.js Node.js

16. Any computer can become a webserver. 16 Stacks can be custom built, but the most common packages are bundled together for download and installation.

17. How the web works.

20. Localhost setup.

21. Why setup a localhost. 1. manage multiple instances 2. certain web requests won’t work from file:/// 3. aligns better with how everyone else does it 4. works with livereload and compiler apps 5. scales 6. shareable

22. OSX Server Localhost setup

23. Every Mac already comes preinstalled with Apache and Python. OSX server

24. As of 10.8 the Apache webserver has to be configured in Terminal. OSX server *visit the site to find a tutorial to setup or come during the Friday afternoon sessions.

25. MAMP Localhost setup

27. Anvil Localhost setup

29. ASAP Server Localhost setup

30. Open Terminal in the root of your directory. “cd /folder/folder/folder/” “python -m SimpleHTTPServer [port number optional]” Python simple server

31. *Open Terminal Shortcut

32. Site structure.

34. Code.

41. https://docs.google.com/a/hugeinc.com/forms/d/1PkY6lDPhKHgYhA8ObosKLU7nEw__6qzPeACy9VC8IS8/viewform http://bit.ly/1wYW5Th Suggestions? Fill out our survey