Editing
Front-end Web Development/Notes
(section)
Jump to navigation
Jump to search
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
==== Class for 2016-12-19: back-end web development ==== This class is all about the seedy underbelly of web development: the backend! It is tailored toward front-end developers wanting to get a taste of how things come together on the server. We'll talk about PHP, then Node, then Rails. During the recap period, we will set up your computers. But it's best to do this before arriving if possible. Here are the steps used for class preparation: ---- ===== THE EASIEST WAY ===== Come to the class in person and get the USB stick from Jeffrey. Then follow the below "easy" steps without having to download anything. ===== THE EASY WAY ===== If you would like to follow along, the easiest option is to run a virtual machine. * Install [https://www.virtualbox.org/wiki/Downloads VirtualBox AND the Extension Pack] * [http://jeffreyatw.com/static/frontend/Ubuntu.ova Download this preconfigured Ubuntu virtual machine (2.89GB)] * Double-click the .ova file. You should check the "reinitialize the MAC address" step. * Start the machine after installation and you're all set! * System username and password are both "'''front-end'''". Feel free to change them if that's uncomfortable. ===== THE HARDER WAY ===== If you don't want to use a virtual machine, or would like to set your computer up for further work on your own. ====== Linux ====== * To set up Node.js installation, run: ** <code>curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -</code> * Install required packages: <code>sudo apt-get install -y nodejs lamp-server^ ruby ruby-dev zlib1g-dev libsqlite3-dev</code> ** (Press Enter at any prompts.) * Install Express: <code>sudo npm install -g express-generator</code> * Install Rails: <code>sudo gem install rails</code> ====== OS X ====== * Upgrade to at least OS X 10.9, preferably the latest (currently macOS Sierra). * Install the Xcode developer tools: ** <code>xcode-select --install</code> * For Node.JS: ** Install Node.JS: http://nodejs.org/ ** Install Express: <code>npm install -g express-generator</code> * To install Rails, run: ** <code>sudo gem install rails</code> * For PHP, install MAMP: http://www.mamp.info/en/index.html ====== Windows ====== (I recommend sticking with the aforementioned virtual machine setup, or installing a Linux partition, as it is somewhat difficult to set things up on Windows.) In all cases where there is a choice, choose 64-bit (x64). * Install Git for Windows: http://www.git-scm.com/ (all default settings) * For Node.JS: ** Install Node.JS: http://nodejs.org/ (all default settings) ** Install Express by opening Git Bash and running: *** <code>npm install -g express-generator</code> * For Rails: ** Install the latest Ruby from http://rubyinstaller.org/downloads/ *** When installing, choose to "add Ruby executables to your PATH". ** Install the Ruby Development Kit by following these instructions: https://github.com/oneclick/rubyinstaller/wiki/Development-Kit ** Install Rails by opening Git Bash and running: *** <code>gem install rails</code> * For PHP: ** Install the Visual C++ 2012 Redistributable: https://www.microsoft.com/en-us/download/details.aspx?id=30679 ** Install WampServer: http://www.wampserver.com/en/ ===== THE HARDEST WAY ===== Install Node.JS, NPM, Express, Apache, PHP, Ruby, and Rails individually. Good luck! [https://www.youtube.com/watch?v=tXuMqubHN8w Lecture video]
Summary:
Please note that all contributions to Noisebridge are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see
Noisebridge:Copyrights
for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource.
Do not submit copyrighted work without permission!
To protect the wiki against automated edit spam, we kindly ask you to solve the following CAPTCHA:
Cancel
Editing help
(opens in new window)
Navigation menu
Personal tools
Not logged in
Talk
Contributions
Log in
Request account
Namespaces
Page
Discussion
English
Views
Read
Edit
View history
More
Search
Dig in!
Noisebridge
- Status: MOVED
- Donate
- ABOUT
- Accessibility
- Vision
- Blog
Manual
MANUAL
Visitors
Participation
Community Standards
Channels
Operations
Events
EVENTS
Guilds
GUILDS
- Meta
- Electronics
- Fabrication
- Games
- Music
- Library
- Neuro
- Philosophy
- Funding
- Art
- Crypto
- Documentation/Wiki
Wiki
Recent Changes
Random Page
Help
Categories
(Edit)
Tools
What links here
Related changes
Special pages
Page information