coding for web for beginners

46
FOR BEGINNERS CODING FOR THE WEB

Upload: nate-cooper

Post on 13-Apr-2017

51 views

Category:

Career


1 download

TRANSCRIPT

Page 1: Coding for web for beginners

FOR BEGINNERSCODING FOR THE WEB

Page 2: Coding for web for beginners

[email protected]@NateCooper

Client

Client

Client

Client

Server

Page 3: Coding for web for beginners

[email protected]@NateCooperClient -- Server -- Network

Page 5: Coding for web for beginners

[email protected]@NateCooper

Request

InformationServer Client

Page 8: Coding for web for beginners

[email protected]@NateCooper

Server

Production Machine

ClientFront End

Back End ApacheMySQL

PHPRails

node.jsWordpress JoomlaDrupal

PhotoshopText Editor

SublimeDreamweaver

JavascriptFlash

Browser

Page 9: Coding for web for beginners

Scripting languageMarkup Languagerelational database

management system

Page 10: Coding for web for beginners

HTMLCSSjquer

yjs

Page 11: Coding for web for beginners

PHPPython

node.jsRuby on

railsmySQL

Page 12: Coding for web for beginners

Apache code

PHP, Rails, node.js etc

CSS

HTML

Javascript

MySQL, DB etc

Page 13: Coding for web for beginners

Website Blog

WebApp

Page 14: Coding for web for beginners

TRADITIONALWEBSITE

PortfolioHome About

Photos

Blog

Drawings

ComicsPictures of Tofu

Pictures of Food

Page 15: Coding for web for beginners

BLOG

Page 16: Coding for web for beginners

WEB APPBUY

CANCEL

Page 17: Coding for web for beginners

Building a Web Project

Page 18: Coding for web for beginners

Plan Design Develop

What is Front-end Web Development?

Page 19: Coding for web for beginners

User-Experience (UX)Information Architecture (IA)Visual designDevelopment

Page 20: Coding for web for beginners

content strategyproject managerbusiness analystusabilitysecurityanalyticsquality assuranceserver administrator

Page 21: Coding for web for beginners

User-Experience (UX)

Information Architecture (IA)Brand

Page 22: Coding for web for beginners

Visual design

Development

Brand

Page 23: Coding for web for beginners

SOFTWARE: FRONT-END

Page 24: Coding for web for beginners

BBEDIT$125

CODA$100

CYBERDUCKFREE

DREAMWEAVER$400

FETCH$30

TRANSMIT$34

TEXTWRANGLERFREE

SUBLIMETEXTFREE*

Page 25: Coding for web for beginners

barebones.companic.comcyberduck.chadobe.comfetchsoftworks.com

Page 26: Coding for web for beginners

ROOT/ FOLDER/ FILE

Page 27: Coding for web for beginners
Page 28: Coding for web for beginners
Page 29: Coding for web for beginners

<HTML><HEAD></HEAD><BODY></BODY>

</HTML>

Page 30: Coding for web for beginners

P {FONT-FAMILY: HELVETICA;FONT-SIZE: 1.2EM;

}

Page 31: Coding for web for beginners

w3schools.comalistapart.com

lynda.comsitepoint.comnettuts.com

sixrevisions.comdontfeartheinternet.com

codeacademy

Learn online

Page 32: Coding for web for beginners

oreilly.compeachpit.comapress.comnostarch.com

Page 33: Coding for web for beginners

SOFTWARE: BACK-END

Page 34: Coding for web for beginners

Server

LAMP

Page 35: Coding for web for beginners

Server

Lin/unixApacheMySQL

PHP

Page 36: Coding for web for beginners
Page 37: Coding for web for beginners
Page 38: Coding for web for beginners

<?PHPIF ($_GET['NAME'] == "NATE" ) {

ECHO "SO GOOD TO SEE YOU NATE!";

} ELSE {

ECHO "HELLO " . $_GET['NAME'];}

?>

Page 39: Coding for web for beginners
Page 40: Coding for web for beginners

[email protected]@NateCooper

www.domain.com

Host

Host

nate.wix.com

nate.wordpress.com

tumblr.com

blogger.com

Page 41: Coding for web for beginners

Shared Hosting

Cloud Hosting

Page 42: Coding for web for beginners

Java Swift/Objective C

Page 43: Coding for web for beginners

Where do you find Tech People?

Page 44: Coding for web for beginners
Page 45: Coding for web for beginners
Page 46: Coding for web for beginners