Press key to advance.

Zoom in/out: Ctrl or Command + +/-

Having issues seeing the presentation? Read the disclaimer

Intro

Class

Web Programming

SVA

Thursdays, 6:00 - 10:00 (don't worry, we'll take a break)

Eric Haseltine <- that's me

  • email: eric@choppingblock.com
school.choppingblock.com

Notes:

Intro

Chopping Block

World Domination Through Graphic Design

Since 1996

01 ChopMain

Intro

Chop Shop

With Shirts Like This, Who Needs Pants

Since 2004

Img 742x340

Intro

Web Languages

Purpose of this class

Make!

To gain knowledge and insight about how web applications are built, and built an example for ourselves

We want to learn through making things!

This is an introductory class, so there will be plenty of things we don't cover

Intro

What is PHP?

The formal, jargon-laced definition

Gulp

PHP: Hypertext Preprocessor is an weakly typed, interpreted programming language with object-oriented capabilities

PHP has changed a lot over the years, from a strict procedural language to a more object-orientated language

Intro

What is MySQL?

The formal, jargon-laced definition

Gulp

MySQL is a relational database system that understands the Structured Query Language

MySQL isn't a language, but a server that understands a particular language

Intro

What is Javascript?

The formal, jargon-laced definition

Gulp

JavaScript is an weakly typed, interpreted programming language with object-oriented capabilities

OR

Javascript is prototype-based object-oriented scripting language that is dynamic, weakly typed and has first-class functions.

Intro

What is CSS?

The formal, jargon-laced definition

Gulp

CSS stands for Cascading Style Sheets. Not a programming language, but a style language for defined how markup (HTML for us) is visually displayed

Intro

Programming

Sweet

Simply — Writing instructions for some process that your computer can follow

2 parts to this:

  • Constructing your algorithm
  • Knowing the syntax of the programming language

Tools

Browsers

So many...

  • Safari: Great to develop in
  • Firefox: Great to develop in
  • Chrome: Great to develop in
  • Internet Explorer: Step away slowly...

Tools

Web Stacks

  • MAMP: Mac Apache MySQL PHP
  • LAMP: Linux Apache MySQL PHP
  • WAMP: Windows ...

Tools

Editors

text

Windows
  • Notepad: It works!
  • SciTe: Much better than Notepad
  • Dreamweaver
  • Also heavier weight packages like Eclipse or Visual Studio
Mac
  • TextEdit: Comes standard, it works!
  • TextMate: My favorite
  • TextWrangler: A good freebie
  • Coda by Panic
  • XCode, Eclipse and others

Web Applications

Basics

Server-side versus Client-side

Server-side
  • PHP
  • MySQL
Client-side
  • Javascript
  • CSS