View
570
Download
0
Category
Tags:
Preview:
DESCRIPTION
Presented to the University of West Florida Association of Information Technology Professionals by myself and my co-worker James Shallard of AppRiver.
Citation preview
10 THINGS
YOUR PROFESSORS AREN’TTELLING YOU ABOUT BEING
A PROFESSIONAL
WEB DEVELOPER
Hi there, we work for
Web Designer/Interface Developer at AppRiver Nearly 5 years
Co-owned small web design company for 3 yearsGraduated from Full Sail in Orlando in 2006
Associates in Digital Media Bachelors in Digital Art & Design Learned techniques here, but programming is self-taught
Find me online @ChrisMBarr chris-barr.com
WHO IS CHRIS BARR
WHO IS JAMES SHALLARD
Manager of Software Development at AppRiver Worked for AppRiver for last 5 years Lead the Interface Group
Web Application Development for almost 14 years Owned Web Development Company for three years Worked for a variety of large and small
organizations in the UK and USA
Started in 1999 (IE5, Netscape Navigator v4)
Find me online @JamShally
Today
1999
Today
1999
Today
1999
10 THINGS
YOUR PROFESSORS AREN’TTELLING YOU ABOUT BEING
A PROFESSIONAL
WEB DEVELOPER
DON’T WORRY ABOUT NOTES!
http://tinyurl.com/AppRiverUWF
WHAT IS WEB?(AND IS IT IN THE CLOUD?)
THING#1
WHAT IS WEB?(AND IS IT IN THE CLOUD?)
"The cloud is what hipsters call the Internet” - Scott Hanselman, Twitter
“[The Internet] is a series of tubes” - Senator Ted Stevens, 2006
Clear?
World Wide Web
“A system of interlinked hypertext documents accessed via the Internet” - Wikipedia
WHAT IS WEB?(AND IS IT IN THE CLOUD?)
Internet: A global system of interconnected computer networks that use the Standard Internet Protocol Suite
WHAT IS WEB?(AND IS IT IN THE CLOUD?)
Standard Internet protocol suite (TCP/IP)
WHAT IS WEB?(AND IS IT IN THE CLOUD?)
HTTP
“…is the foundation of data communication for the World Wide Web” - Wikipedia
WHAT IS WEB?(AND IS IT IN THE CLOUD?)
Request
Response
Internet
WWW
HTTP
TCP/IP
WHAT IS WEB?(AND IS IT IN THE CLOUD?)
Service delivered over the internet
WHAT IS WEB?(AND IS IT IN THE CLOUD?)
• The Web is:• Internet• TCP/IP• HTTP• HTML
• The Cloud is on top of the Internet
WHAT IS WEB?(AND IS IT IN THE CLOUD?)
THING#1
SO, WHAT DOES YOURWEB BROWSER DO ANYWAY?
THING#2
THE BROWSER
THE BROWSER
<p>This is a paragraph!</p>
<a href="http://google.com"> This is a link</a>
<img src="kittycat.gif" />
<ul> <li>Item One</li> <li>Item Two</li> <li>Item Three</li></ul>
HTML
THE BROWSER
html{ background-color: lightblue; font: 18px Helvetica;}
img{ border: 10px solid white; border-radius: 10px; box-shadow: 0 0 20px black;}
a{ color: red;}
CSS
THE BROWSER
<script> document.write = "Hello!";</script>
It turns HTML, CSS, and JavaScript into something a human can use & understand.
SO, WHAT DOES YOURWEB BROWSER DO ANYWAY?
THING#2
DEMO!
THING#3
WHICH WEB LANGUAGE IS MOST DELICIOUS?
THING#4
WHICH WEB LANGUAGE IS MOST DELICIOUS?
WHICH WEB LANGUAGE IS MOST DELICIOUS?
WHICH WEB LANGUAGE IS MOST DELICIOUS?
W3Techs.com – March 2013
WHICH WEB LANGUAGE IS MOST DELICIOUS?
WHICH WEB LANGUAGE IS MOST DELICIOUS?
Rails is Omakase
PHP is McDonalds
Cold Fusion is Sun Dried Tomatoes
Java is Tapas
ASP.Net is Häagen-Dazs
It is a matter of taste. We like ASP.Net, but Ruby looks pretty tasty.
WHICH WEB LANGUAGE IS MOST DELICIOUS?
THING#4
WHY IS WEB DESIGN C.R.A.P?
THING#5
ContrastRepetition (consistency)
AlignmentProximity
WHY IS WEB DESIGN C.R.A.P?
DESIGN - CONTRAST
1 2 3
4 5 6
7 8 9
DESIGN - CONTRAST
1 2 3
4 5 6
7 8 9
DESIGN – REPETITION (CONSISTENCY)
View more on our products page.
DESIGN – REPETITION (CONSISTENCY)
DESIGN – ALIGNMENT & PROXIMITY
DESIGN – ALIGNMENT & PROXIMITY
DESIGN – ALIGNMENT & PROXIMITY
Art ≠ Design
DESIGN
• Contrast• Repetition• Alignment• Proximity
WHY IS WEB DESIGN C.R.A.P?
THING#5
DESIGN TOOLS THING#6
Twitter Bootstrap
DESIGN TOOLS
twitter.github.com/bootstrap
• 960 Grid• Twitter Bootstrap• jQuery UI
• Lots more online!
DESIGN TOOLS THING#6
WEB ARCHITECTURE: WHY DOES EVERYONE HATE JOHN?
THING#7
WEB ARCHITECTURE: WHY DOES EVERYONE HATE JOHN?
WEB ARCHITECTURE, WHY DOES EVERYONE HATE JOHN?
WEB ARCHITECTURE, WHY DOES EVERYONE HATE JOHN?
Robert C. Martin
WEB ARCHITECTURE, WHY DOES EVERYONE HATE JOHN?
Separation of Concerns
BehaviorPresentation
CodebehindMVC
Because John does not separate Concerns
WEB ARCHITECTURE: WHY DOES EVERYONE HATE JOHN?
THING#7
WHAT IS THE FUTURE OF WEB DEVELOPMENT?
THING#8
WHAT IS THE FUTURE OF WEB DEVELOPMENT?
WHAT IS THE FUTURE OF WEB DEVELOPMENT?
The Browser as a Platform
WHAT IS THE FUTURE OF WEB DEVELOPMENT?
• Cloud computing• More “behavior” running in the
browser• WebSockets
Easier to write “desktop style” applications in the browser.
WHAT IS THE FUTURE OF WEB DEVELOPMENT?
THING#8
WHY IS YOUR PHONE SO IMPORTANT?
THING#9
MOBILE
378K iPhones sold1M Android phones activated200K Nokia smartphones143K Blackberry devices371K babies born
MOBILE
In one day:
Sources:http://thenextweb.com/apple/2012/01/25/there-are-now-more-iphones-sold-than-babies-born-in-the-world-every-day/http://www.zeldman.com/2012/07/09/mobile-to-the-future-luke-wroblewski/screen-shot-2012-07-09-at-2-06-39-pm
MOBILE
2010 2012 Increase
Africa 5.81% 14.85% 155.59%
Asia 6.1% 17.84 192.46%
Europe 1.81% 5.13% 183.43%
North America
4.71% 7.96% 69%
Oceana 2.88% 7.55% 162.15%
South America
1.46% 2.86% 95.89%
Worldwide 3.81% 10.01% 162.73%
Mobile Web Usage
MOBILE
2010 2012 Increase
Africa 5.81% 14.85% 155.59%
Asia 6.1% 17.84 192.46%
Europe 1.81% 5.13% 183.43%
North America
4.71% 7.96% 69%
Oceana 2.88% 7.55% 162.15%
South America
1.46% 2.86% 95.89%
Worldwide 3.81% 10.01% 162.73%
Mobile Web Usage
MOBILE
MOBILE
:(
MOBILE
MOBILE
• Lots of mobile devices• The internet is still pretty
popular• Be “Future Friendly”
WHY IS YOUR PHONE SO IMPORTANT?
THING#9
WHO KNOWS ABOUT STUFF?
THING#10
WHO KNOWS ABOUT STUFF?
Scott HanselmanMicrosoft Tech Evangelist@shanselmanhanselman.com
Jeff AtwoodStack Overflow & discourse.org@codinghorrorcodinghorror.com
Joel SpolskyFog Creek Software & Stack Overflow@spolskyjoelonsoftware.com
“Programming isn't a good job for folks who aren't interested in constant learning.”
source
“If you have a problem, ask yourself if there's anything you could throw away that would solve that problem.”
source
“We programmers are job creation engines! One bad programmer can easily create two new jobs a year.”
source
WHO KNOWS ABOUT STUFF?
Nathan Smith960 Grid, UI/CSS/JS enthusiast @nathansmithsonspring.com
Paul IrishGoogle Chrome Developer Relations@paul_irishpaulirish.com
Luke WroblewskiMobile First, UI design guy@lukewlukew.com
“Never trust a skinny chef. ” == “Never trust a creative director on Windows XP.”
source
WHO KNOWS ABOUT STUFF?
“Making people read more instructions is not a design solution. It's a chore. Rework the design so less needs to be explained.”
source
John ResigjQuery@jresigejohn.org
Jason Fried37Signals, Author of REWORK@jasonfried
David TravisUsability, user experience & psychology@userfocus
• Use social media• Follow interesting people
• @AppRiver• @ChrisMBarr• @JamShally• :)
WHO KNOWS ABOUT STUFF?
THING#10
The Cloud is on top of the InternetAnyone can be on CNNRuby tastes deliciousWeb design is CRAPEveryone hates John’s spaghettiMore cell phones are born every day than humansTwitter knows a lot of stuff
REVIEW
QUESTIONS
?
Recommended