'

A-Z Web Development Concept

Понравилась презентация – покажи это...





Слайд 0

WEB DEVELOPMENT A-Z WEB DEVELOPMENT CONCEPT


Слайд 1

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


Слайд 2

ANALYTICS “War is ninety percent information” ~napoleon


Слайд 3

WHAT IS ANALYTICS? • http://www.google.com/analytics/ • http://www.linkedin.com/today/post/article/ 20130624053353-64875646-what-the-hell-isanalytics • https://www.distilled.net/blog/web-analytics/whygoogle-analytics/


Слайд 4

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


Слайд 5

SPEED UP YOUR WEBSITE • Check pagespeed : gtmetrix.com or tools.pingdom.com/fpt/ • Google Page Speed Score of 90+ • • Yahoo YSlow score of 85+ • • https://developers.google.com/speed/pagespeed/ http://yslow.org/ Optimize images • http://imageoptim.com/


Слайд 6

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


Слайд 7

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/


Слайд 8

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


Слайд 9

IMPROVING EXPERIENCE • http://responsivetest.net/ • https://www.goodui.org/ • Fix broken link • http://validator.w3.org/checklink


Слайд 10

CODE QUALITY • Check localhost urls • Remove all debugging from JS • HTML validation • • CSS validation • • http://jigsaw.w3.org/css-validator/ JS Lint • • http://validator.w3.org/ http://jslint.org/ Check all form validation with/without JS


Слайд 11

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


Слайд 12

COFFEE, CODE, CHALLENGE


Слайд 13

FRONT-END • Responsive Front-End Framework • Bootstrap ( getbootstrap.com) • Foundation (foundation.zurb.com) • Skeleton ( getskeleton.com)


Слайд 14

MAJOR FRAMEWORK


Слайд 15

MAJOR CMS


Слайд 16

SPA FRAMEWORK


Слайд 17

LARAVEL 101 • http://laravel.com/docs/quick • http://id-laravel.com/post/instalasi-laravel-4


Слайд 18


×

HTML:





Ссылка: