Source - Front-end documentation engine
Upcoming SlideShare
Loading in...5

Source - Front-end documentation engine



Mini slides version of full presentation with live demo. Project page - HTML version of slides - ...

Mini slides version of full presentation with live demo. Project page - HTML version of slides -

How to manage front-end development process within team of developers and designers effectively?, world ‘Top 10’ social network, will share their experience in solving this question using open Source front-end documentation engine.
Source was created to help front-end developers, designers, programmers and testers to become more productive and create best interfaces for the product.
Their solution suits well for the big development teams, growing web projects, outsourced projects maintained by freelancers and web studios to optimize development time.



Total Views
Slideshare-icon Views on SlideShare
Embed Views



1 Embed 1 1



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Source - Front-end documentation engine Source - Front-end documentation engine Presentation Transcript

    • Source Front-end documentation engine Robert Haritonov
    • Pain
    • Pain
    • Pain
    • Developers pain • Duplicated code • Infinite redesign • Front-end testing and documentation 05
    • Less chaos
    • More fun
    • Collaboration problems • Supporting common codebase • Communication with designers, testers back-end devs • External teams - Freelancers 08
    • Solution?
    • Source
    • Source solves problems with • Documentation • Frontend development • Interface testing • Collaboration - one language for all team 12
    • Open Source!
    • Source!
    • Rethinking documentation
    • Frontend development process Yesterday IDE 16 ➧ Static .html ➧ Documentation? ➧ Deployment
    • Frontend development process Tomorrow IDE 17 ➧ Source ➧ Deployment
    • Live demo time • Documentation is created from enhanced static files • Showing how documentations looks in real live • Comparing documentation and real-life interfaces Please check presentation video recording for more details 18
    • Web app for documentation
    • Core modules and plugins
    • Live demo time • Showing engine plugins, native and custom • View source • Navigation and search • Comments • Spec status Please check presentation video recording for more details 26
    • Source!
    • Technologies • JavaScript • RequireJS, Jasmine • NodeJS, Grunt, PhantomJS, Volo • and more to come 32
    • Future • Auto-testing with PhantomJS • Auto documentation generation • Interface for fast experiments with CSS • Interface for building prototypes from existing blocks 33
    • Thank you!
    • Robert Haritonov @operatino_en Presentation slides
    • Source!