WEB DEVELOPMENTA-Z WEB DEVELOPMENT CONCEPT

“A good code is one thing. Creating a proper web-based application is a WHOLE other things”

ANALYTICS“War is ninety percent information”

~napoleon

WHAT IS ANALYTICS?

• http://www.google.com/analytics/

• http://www.linkedin.com/today/post/article/20130624053353-64875646-what-the-hell-is-analytics

• https://www.distilled.net/blog/web-analytics/why-google-analytics/

PAGE SPEED“Speed, it seems to me, provides the one genuinely modern pleasure.”

~Aldous Huxley

SPEED UP YOUR WEBSITE• Check pagespeed : gtmetrix.com or tools.pingdom.com/fpt/

• Google Page Speed Score of 90+

• https://developers.google.com/speed/pagespeed/

• Yahoo YSlow score of 85+

• http://yslow.org/

• Optimize images

• http://imageoptim.com/

SEO“Google only loves you when everyone else loves you first.”

~Wendy Piersall

MAKE YOUR WEBSITE KNOWN• SenSEO score of 85+

• https://addons.mozilla.org/en-US/firefox/addon/senseo/

• Page title and meta descriptions on all pages

• Add XML sitemap

• robots.txt

• http://www.robotsgenerator.com/

USER EXPERIENCE“pay attention to what users do, not what they say”

~Jacob Nielsen

IMPROVING EXPERIENCE

• http://responsivetest.net/

• https://www.goodui.org/

• Fix broken link

• http://validator.w3.org/checklink

CODE QUALITY• Check localhost urls

• Remove all debugging from JS

• HTML validation

• http://validator.w3.org/

• CSS validation

• http://jigsaw.w3.org/css-validator/

• JS Lint

• http://jslint.org/

• Check all form validation with/without JS

PLATFORM DEVELOPMENT“Before software can be reusable it first has to be usable.”

~Ralph Johnson

COFFEE, CODE, CHALLENGE

FRONT-END

• Responsive Front-End Framework

• Bootstrap ( getbootstrap.com)

• Foundation (foundation.zurb.com)

• Skeleton ( getskeleton.com)

MAJOR FRAMEWORK

MAJOR CMS

SPA FRAMEWORK

LARAVEL 101

• http://laravel.com/docs/quick

• http://id-laravel.com/post/instalasi-laravel-4