HTML5 Lightning Talks

~5-13-2013

Here are my notes on the outstanding presentations.

HTML Geolocation API ~ Andy Gup

Built into HTML
Really good support.
User Opt in is required. To share their location.
Wifi is really important for location accuracy.
Turn off Geolocation when not in use.
It will chew up battery like a hog.

Real-Time Web Apps ~ Ely Lucas

ASP.net and SignalR.
Like socket.io in node.
It automatically falls back to longpolling.
Extreemely easy to write real-time web apps.
VisualStudio – SignalR – Started as side-project
Hosted on GitHub.
STEPS:
Use package manager NewGit.
Regster with hub for JS proxy.
Two objects you work with, HUB, and PERSISTENT.
Create object that inherits from HUB.
Clients object is how we communicate to all connected clients.
Can also specify caller or other aspects of clients.
call sendMessage()
That is all that is needed on server.
Add html page.
Drop in a couple of libraries.
Ridiculously easy to use websockets in ASP.

Break Out of HTML5 Sandbox with help of Qt ~ Michael Malak

HTML is not so good at reading a whole directory of files.
It only delivers one file at a time.
Calls JavaScript from C++

How to improve your Resume ~ Michael Mendocha

Every resume tells a story. Good or bad. Sells a product.
You only have a few seconds to get attention.
How do you make it compelling?
How do yo make it one of the best not one of the rest?
Most resumes are bad or aweful.

ADVICE:

Keep your resume to 1 to 2 pages.
Thre are 2 conditions regarding length:
as long as it needs to be to tell your story.
What you say has to be: Interesting and Relevant to your Audience.
Who is your audience? Hiring Manager at company.
Every word needs to do Work.
Getting them to think I want to interview this candidate.

You have to think like a hiring manager.

They need to solve a problem. Needs more resources.
Needs knowhow, skills, attitude -> to advance team and company.
Talk about your accomplishments and achievements.
Most resumes are boring lists of facts – do not do this.
Tell a story, get the manager engaged.
Talk about a situation, a situation you were in, the decisions you made, and the results that were received.
3 to 5 stories that say: You can take action. You can solve problems. The hiring manager can count on you.
Talk about how you: SAVED MONEY. Under budget or on time.
Improved Quality.
Delivered Faster.
Tight Deadline, Made it happen, Launched product successfully.
Site running slowly, went in with skills, gained a 35% performance increase.
Talk in concrete quantifiable terms.

HOW DO YOU ORGANIZE:

I do this: I am a JavaScript Architect. 3 to 5 sentences.
Must pass 5 second test. Need to be able to tell what you do. blatantly obvious.
Follow with Accomplishments and Acheivements.
Describing how you do what you do. 3 to 5 bullet points.

Follow with Skills.

List all technologies because sometimes one is a tipping point.
Follow with Education
Signs of Excellence – a signiture trait of excellence.
swimming champion, chess champion.

VISUAL APPEAL:

Pleasing to look at.
Easy to read.
Use Bolding and Spacing to emphasize key points.
Easily Scannable. Lead the manager to the important information.

CONCLUSION:

Tell story
Think like hiring manager
Describe Accomplishments
Appealing
Make it easy to buy your skills.

Crossing The Domain ~ John Lind.

iFrames and Windows
Old way server shims
window.postMessage()
send cross domain messages to cross domain iframes without server shims.
window.postMessage(message,domain)
Version of Pong that sends cross domain messages.

Randori ~June

Similar to CoffeeScript or MS TypeScript in that
it is something that is compiled into JS.
Dependency Injection Framework
Cross-Complier
Takes strongly typed language to JS.
Also an SDK.
Why use?
Filled with yummy design patterns.
MVC, Contexts, Mediators.

Big Ideas For Small Projects ~ Jason Hummel

Angular, Backbone – Maintainable Code.
Excellent slides on Front-End Architecture.

Adding a TimeLine to your WebApp ~ Joe Wilson

Beautiful implementation of Simile timelineJS.

Scene Graph for modern browsers ~ Jonathan Olson

Scenery is cool.
“Scene Graph Abstraction.”
Scenery is like DOM but has transforms for each.
It has certain layers for certain renderers, high performance.
Only repaint what has changed.
Scenery has layers of Canvas, DOM, and SVG in any visualization.
Track bounding boxes of what has changed, not the whole screen.
Pruning and rendering to offscreen canvas to buffer loading prior to screen draw.
Any types of Shapes.

The Tom Flaherty Aftershow

was tinkering in the future with WebGL, Three.JS, MathBox.js, and one other.
A beautiful vivid animation he called “four stack” JS technology.
He is awesome again – for the second time in two weeks.
I continue to think he may be a closet genius.

Conclusion

The lightning talks were exceptional as always. There is so much to learn here.
@TomMarrs was a perfect MC, HOST, and everything flowed smoothly even in the face of multiple challenges(I was one).
He is a more than capable MC. He is likable, amiable, and gracious in that role.

Slides from my presentation are located here

Only the best!
Clint Nash