How does an idea get from your head onto a computer? In this lesson, we discuss ways to think about ideas and communicate them to developers.
In this lesson, we cover an example of how programming works in the real world. Spoiler: it involves hunger and peanut butter.
In the late 1990s there was only one Web person to hire: The Web Master. Since then, this role has shaped and evolved into UX, front-end, and a whole list of players. In this lesson I want to give you an overview of the Web development roles.
The four most important roles for the web development cycle include: User experience (UX), Information architecture (IA),Visual design, and Development. Let's take a look at a 10,000 foot view.
This is a story about my personal failure. And how an MVP would have saved me 9 months of my life.
When I went through Y Combinator Paul Graham yelled at me. From this I learned some wonderful lessons about User Experience that I want to share with you.
In this lesson, we tackle the second role in our web development cycle: information architecture. We'll look at both low and high fidelity wireframes, and a variety of examples such as the original Foursquare mobile wireframes.
The visual designer takes ideas and brings them to life with color, typography and layout. In this lesson, we see exactly what that (no pun intended) looks like.
In this lesson, we'll review a design comp and a style guide and come to understand what the benefits of each might be for your project.
What is the difference between front-end and back-end web development? Let's take a look.
In this lesson we'll look at Zappos.com. Which elements of the site are "front-end" and which are "back-end"? Here's the answer.
We've learned the main four roles of web development. Now, I'll give you a comprehensive list of additional roles such as: Content Strategist, Project Manager, Business Analyst, SEO expert, Growth Hacker and more.
In this lesson I'll give you a Lean UX template that you can use for user research
Let's review some our business assumption worksheet together.
Do you know the following 6 design concepts? You should. Here's your challenge...
Take 10 minutes. Using a pen and paper, draw out wireframes for Twitter. This is your assignment...
What do the following three words all have in common: mobile web, website, web apps. They all load in a...
The one programming language to rule them all. What is it? Find out now.
Take my hand, it's time to jump lightly into reading some jQuery.
The award for the most popular language goes to... (watch this lesson to find out)
Wikipedia chose PHP, Hulu chose Ruby, Google likes Python. Which one is best for you?
Builtwith.com let's you look under the hood and peak at the technology choices of your favorite websites. Which language do we use here at One Month? You're about to find out.
Node.js, Toad.js, Chode.js... new languages are coming onto the scene all the time. How will you decide? I've put together a checklist of 4 questions that you can use to help determine the value of a new technology. The first thing you want to ask yourself is...
Let's dive deeper into Java, .Net and Node.js to see if they are good options for your project.
It's time to make an iPhone app. Which language will you chose? How is Google Android different?
Responsive design is about making a website look good on all devices. One site, many devices (iPhone, iPad, Desktop, etc)
Time to prime your eye: What's missing here? Take a closer look at Pack and The Japan Times to find out...
If you understand conditionals, then you'll write better code. Else, you'll be a noob 4 life.
A CMS (Content Management System) helps you update your site without having to touch code. Examples of popular CMS's include: Wordpress, Squarespace, Expression Engine, and Drupal. If you can't find the perfect CMS solution for your project, it's not uncommon to build one from scratch.
Builtwith.com has a "trends" section that will show you trending data on popular web technologies.
Wordpress.com is free, easy to use, but not very customizable. This is a three minute tour of an example site. Let's look under the hood...
With Wordpress.org you have access to 1000s of themes, it's written in PHP, and free to download. You'll just need some tech skills to get the most of it. Here's what you need to know.
Squarespace has less than 100 themes, but they look great. I purchased a Squarespace account to show you what's inside.
You may need a custom CMS if you have a custom problem. Here at One Month (for example) we have a custom problem, we need...
The glossary includes definitions and additional resources for important vocabulary in Programming for Non-Programmers. Glossary terms include: Ruby, PHP, Django, Bootstrap, User Experience, Agile, CMS, and many, many more.
Let's setup our SSH key so that we can connect git (locally) to Github (on the Web). This will allow us to push up code changes and share them with the world.
Now that we have a Github account setup, we can push our local code to the Github site.
I have a special treat for you. In this lesson Alexis Rondeau and I walk through at 100k foot view of how to build a Ruby on Rails application. We'll go start to finish IN JUST TWENTY MINUTES. No need for you to code along, I want you to just watch. It might feel like you're jumping in over your head and that's exactly what this is all about. Applications you'll be exposed to in this lesson include: Rails, Terminal, Git, and Sublime text.