Instant IntroJs
By Ehsan Arasteh and Afshin Mehrabani
()
About this ebook
IntroJs is a JavaScript and CSS3 library, used to create simple step-by-step help pages or introductions for websites and applications to show the users new features or whole application parts quickly and concisely. Instant IntroJs is a reference to get started with IntroJs right away.
Instant IntroJs teaches you how to work with key IntroJs methods and events to create awesome step-by-step introductions. This book contains numerous examples of introductions and help pages with detailed explanations. It also shows you how to customize the library with your preferred stylesheet or integrate it with other server-side frameworks.
Instant IntroJs teaches you how to work with the IntroJs API, methods, and events to create step-by-step introductions for websites and applications.
This book will give you the knowledge to make the preferred changes to IntroJs in order to build a customized introduction. Instant IntroJs provides many examples of introductions and helps you with using HTML attributes and JSON configurations, as well as some descriptions about how to use and integrate IntroJs with other server-side libraries, such as Ruby on Rails and PHP Yii. You will be provided with information about the latest features of IntroJs that include multi-page introductions, creating introductions using JSON configuration and HTML attributes, methods to change or customize the library, and more.
Instant IntroJs provides full and detailed examples of step-by-step introductions to help you easily learn and use the latest version of the IntroJs library.
ApproachGet to grips with a new technology, understand what it is and what it can do for you, and then get to work with the most important features and tasks. A simple starter that will guide you through IntroJs from scratch to advanced topics using a simple step by step approach with useful examples along the way.
Who this book is forThis book is for web designers who want to create an interactive step-by-step introduction for showing specific or all parts of an application or website to users. Basic JavaScript programming and knowledge of HTML and CSS is required. No knowledge of any other JavaScript libraries is needed.
Ehsan Arasteh
Ehsan Arasteh currently works as CTO and software architect at Yaraholding, a Tehran-based interactive agency and web development company. He has 9 years' experience in development with several languages such as ASP.NET, C#, Java, PHP, and Python, including banking projects, and professional web applications. He also is the CEO of Usablica, a company that makes open source applications such as IntroJs and Magnet.He started teaching C and C++ to high school students at the age of 14. He grew up with programming and started his professional life with his first official project when he was 16 and it was his starting point in the official programming community. Since that time he has been involved in a lot of projects as developer, analyzer, consultant, architect, and project manager, and also came back to academia as an instructor in a game development institute, but he says that "nothing is replaceable with coding".
Related to Instant IntroJs
Related ebooks
Instant PageSpeed Optimization Rating: 0 out of 5 stars0 ratingsjQuery Mobile Web Development Essentials - Third Edition Rating: 0 out of 5 stars0 ratingsSwift 2 Design Patterns Rating: 0 out of 5 stars0 ratingsAngularJS Deployment Essentials Rating: 0 out of 5 stars0 ratingsMeteor Design Patterns Rating: 0 out of 5 stars0 ratingsVisual Studio Condensed: For Visual Studio 2013 Express, Professional, Premium and Ultimate Editions Rating: 0 out of 5 stars0 ratingsResponsive Design High Performance Rating: 0 out of 5 stars0 ratingsMulti-Tier Application Programming with PHP: Practical Guide for Architects and Programmers Rating: 0 out of 5 stars0 ratingsJump Start Sass: Get Up to Speed With Sass in a Weekend Rating: 0 out of 5 stars0 ratingsLearn to Code With JavaScript Rating: 0 out of 5 stars0 ratingsNode.js: Tools & Skills Rating: 0 out of 5 stars0 ratingsLogic Design: A Review Of Theory And Practice Rating: 0 out of 5 stars0 ratingsComputer Programming Languages in Practice: Made Simple Computerbooks Rating: 5 out of 5 stars5/5Instant Highcharts Rating: 0 out of 5 stars0 ratingsLearning CoreOS Rating: 0 out of 5 stars0 ratingsNonlinear Finite Elements for Continua and Structures Rating: 3 out of 5 stars3/5CSS Master Rating: 0 out of 5 stars0 ratingsGraphics Gems III (IBM Version): Ibm Version Rating: 3 out of 5 stars3/5Mastering Go: Navigating the World of Concurrent Programming Rating: 0 out of 5 stars0 ratingsProfessional Visual Studio 2017 Rating: 0 out of 5 stars0 ratingsiOS in Practice Rating: 0 out of 5 stars0 ratingsComplex Binary Number System: Algorithms and Circuits Rating: 0 out of 5 stars0 ratingsGraphics Gems V (Macintosh Version) Rating: 4 out of 5 stars4/5Web Coding & Development All-in-One For Dummies Rating: 1 out of 5 stars1/5The Web Performance Collection Rating: 0 out of 5 stars0 ratingsCSS Mastery: Styling Web Pages Like a Pro Rating: 0 out of 5 stars0 ratingsBeginning CSS: Cascading Style Sheets for Web Design Rating: 4 out of 5 stars4/5Ember.js in Action Rating: 0 out of 5 stars0 ratings
Programming For You
Learn to Code. Get a Job. The Ultimate Guide to Learning and Getting Hired as a Developer. Rating: 5 out of 5 stars5/5Coding All-in-One For Dummies Rating: 4 out of 5 stars4/5SQL QuickStart Guide: The Simplified Beginner's Guide to Managing, Analyzing, and Manipulating Data With SQL Rating: 4 out of 5 stars4/5Python Programming : How to Code Python Fast In Just 24 Hours With 7 Simple Steps Rating: 4 out of 5 stars4/5Web Designer's Idea Book, Volume 4: Inspiration from the Best Web Design Trends, Themes and Styles Rating: 4 out of 5 stars4/5Grokking Algorithms: An illustrated guide for programmers and other curious people Rating: 4 out of 5 stars4/5Hacking: Ultimate Beginner's Guide for Computer Hacking in 2018 and Beyond: Hacking in 2018, #1 Rating: 4 out of 5 stars4/5Python Projects for Beginners: A Ten-Week Bootcamp Approach to Python Programming Rating: 0 out of 5 stars0 ratingsHTML & CSS: Learn the Fundaments in 7 Days Rating: 4 out of 5 stars4/5C++ Learn in 24 Hours Rating: 0 out of 5 stars0 ratingsPython: For Beginners A Crash Course Guide To Learn Python in 1 Week Rating: 4 out of 5 stars4/5PYTHON: Practical Python Programming For Beginners & Experts With Hands-on Project Rating: 5 out of 5 stars5/5Excel : The Ultimate Comprehensive Step-By-Step Guide to the Basics of Excel Programming: 1 Rating: 5 out of 5 stars5/5Learn JavaScript in 24 Hours Rating: 3 out of 5 stars3/5Learn PowerShell in a Month of Lunches, Fourth Edition: Covers Windows, Linux, and macOS Rating: 0 out of 5 stars0 ratingsRaspberry Pi Cookbook for Python Programmers Rating: 0 out of 5 stars0 ratingsPython Machine Learning By Example Rating: 4 out of 5 stars4/5SQL All-in-One For Dummies Rating: 3 out of 5 stars3/5Python: Learn Python in 24 Hours Rating: 4 out of 5 stars4/5OneNote: The Ultimate Guide on How to Use Microsoft OneNote for Getting Things Done Rating: 1 out of 5 stars1/5Beginning Programming with Python For Dummies Rating: 3 out of 5 stars3/5Linux: Learn in 24 Hours Rating: 5 out of 5 stars5/5
Reviews for Instant IntroJs
0 ratings0 reviews
Book preview
Instant IntroJs - Ehsan Arasteh
Table of Contents
Instant IntroJs
Credits
About the Authors
About the Reviewers
www.packtpub.com
Support files, eBooks, discount offers and more
packtlib.packtpub.com
Why Subscribe?
Free Access for Packt account holders
1. Instant IntroJs
So, what is IntroJs?
Usages
Features
Installation
Step 1 – requirements
Step 2 – downloading JavaScript and CSS
Step 3 – configuration
Using the
AMD and CommonJs
And that's it
Quick start
Step 1 – defining elements
Using element attributes
The data-intro attribute
The data-step attribute
The data-position attribute
Using JavaScript objects (JSON)
Step 2 – calling the start() method
Hello World
How it works
Top 7 features you need to know about
Options
steps
nextLabel
prevLabel
skipLabel
doneLabel
tooltipPosition
exitOnEsc
exitOnOverlayClick
showStepNumbers
API
introJs.start()
introJs.goToStep(stepNo)
introJs.exit()
introJs.setOption(option, value)
introJs.setOptions(options)
introJs.oncomplete(providedCallback)
introJs.onexit(providedCallback)
introJs.onchange(providedCallback)
introJs.onbeforechange(providedCallback)
Method chaining
Integrating IntroJs with other frameworks
Ruby on Rails
Installation
Yii Framework
Installation
Usage
Overlay
Tool tips
Buttons
introjs-tooltipbuttons
introjs-button
introjs-prevbutton
introjs-nextbutton
introjs-skipbutton
Numbers
Highlight area
Localization and the Right to Left version
Changing button labels
RTL
Building projects
Getting ready
make build
Events and callbacks
oncomplete
onexit
onchange
onbeforechange
Multipage introduction
How it works
Changing the Done button label
Redirecting the user to the next page
Starting the introduction on the second page
People and places you should get to know
IntroJs official website
Blogs
API documentation
The GitHub repository
Issue tracker
Communities
Google group
Stackoverflow
Twitter and personal blogs
Instant IntroJs
Instant IntroJs
Copyright © 2013 Packt Publishing
All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the authors, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.
Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.
First published: September 2013
Production Reference: 1230913
Published by Packt Publishing Ltd.
Livery Place
35 Livery Street
Birmingham B3 2PB, UK.
ISBN 978-1-78328-251-7
www.packtpub.com
Credits
Authors
Ehsan Arasteh
Afshin Mehrabani
Reviewers
Greg Babula
Mustafa Serhat Dündar
Acquisition Editors
Martin Bell
Rebecca Youe
Commissioning