a-z web development concept
TRANSCRIPT
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