Introduction to web and mobile development for startup founders
[Last Updated: July 5, 2016]
This series of tutorials is a fast-paced, step-by-step, get-to-the-point introduction to building, deploying, and scaling software applications for desktop and mobile devices.
[Author's note: I wrote the first couple dozen tutorials in this series a few years ago and I'm in the process of updating the content to reflect what I believe is a rock-solid way forward for startup founders in today's environment. Please comment if you see anything I missed that should be updated. Thanks!]
The goal here — in parallel with my book on “idea-to-funding” startup operations — is to quickly get you up to speed so you can build Minimum Viable Products for your own ideas.
For those of you who are learning how to code and want to land a job as a web and/or mobile developer someday, this is also a great place to start. You should build as many different kinds of applications as possible.
Either way, you should work on ideating your own venture while working through this tutorial series (surely you have an app or website idea you'd like to build?). This way you will, by far, learn the most from this series.
I'd recommend using the “idea-to-funding” platform over at Startup Rocket to stay organized and land co-founders/advisors as you go.
Part 1 focuses on web development. I'll introduce you quickly to HTML, CSS, SASS, JavaScript (JS), jQuery, Ruby, Embedded Ruby, Ruby on Rails, Git, React, JSON, and front-end development (the updates from Backbone/Eco to Redux/React are in process) — discuss briefly high-level design and business aspects of web and mobile app development — then jump right into writing code.
Specifically, we'll be building together, step-by-step, a simple app to help make meetings more efficient. Libraries and frameworks change quickly, so I'll be updating as I go.
Part 2 extends Part 1 by focusing on building the mobile experience of our app for iOS and Android devices with React Native, including releasing it on the App Store and Google Play.
Part 3 finishes the trilogy by walking through deploying, caching, benchmarking, scaling, releasing new features, and overall DevOps considerations for the app to support thousands-to-millions of users.
Subscribe to my newsletter and I'll let you know when new articles are posted.
Table of Contents
[I'll add links below as I post new content to keep this page updated.]
Part 1
- How to setup a Mac to begin developing Ruby on Rails Web Applications
- [Deprecated] How to setup Windows to begin developing Ruby on Rails Web Applications
- A quick introduction to Hyper Text Markup Language (HTML)
- A quick introduction to Cascading Style Sheets (CSS)
- A quick introduction to JavaScript
- A quick introduction to jQuery
- A quick introduction to Ruby
- A quick introduction to Embedded Ruby (a.k.a. ERB, eRuby)
- A quick introduction to Ruby on Rails
- A quick introduction to Git
- A quick introduction to CoffeeScript
- A quick introduction to XML and JSON
- A quick introduction to React
- [Deprecated] A quick introduction to Backbone.js
- So you have an app idea. Now what?
- Introducing the app we'll be building publicly step-by-step
- Step-by-step “Hello World” examples in HTML, CSS, SASS, JavaScript, jQuery, and CoffeeScript
- Step-by-step “Hello World” examples in Ruby, SQL, and Ruby on Rails
- [Deprecated] Step-by-step “Hello World” examples in JSON, Eco, and Backbone.js
- How to work with a visual designer to quickly produce a logo
- How to create a user interface specifications document (UI Spec)
- How to create a user experience flow chart (UX Flow Chart)
- How to build and iterate wireframes for modern app development
- How to work with a designer to efficiently build mockups for your app
- How to design and prep a Ruby on Rails model architecture
- How to setup a Rails app for Test-Driven- and Behavior-Driven Development with Rspec and Capybara-Webkit
- How to merge HTML, CSS, and JavaScript into your Rails app
- How to build a simple email sign up form with Ruby on Rails
Author's note: as I mentioned above, feel free to subscribe to my newsletter and I'll let you know when new articles are posted. Thanks!
Startup Rocket
We help entrepreneurs ideate, validate, create, grow, and fund new ventures.
Based on decades of startup experience, our team has developed a comprehensive operations framework, a collaborative online tool, and a personalized coaching experience to help take your business to the next level.