Monday, June 29, 2015

Why Drupal is a best tool for every website

What is Drupal?

Drupal is an extremely developed and organized Content Management System or CMS. It is a leading but diverse content management system. Drupal is a finest option for advanced web developers and designers who desire to create their website with better-quality. It is a choice of millions of web developers who know that Drupal is a one and only a superlative CMS across the world and it is not only a platform to create a website, it is a way to get victory in the verve and a process to make  your employment. It is a one of the most sophisticated and commanding CMS. Drupal is a highly advanced and multifaceted framework. It is an accurate CMS and CMF (content management framework) to compose an outstanding website. When you will be trained on Drupal; you will know how to become a successful web designer. It is a best supporter of your web development profession.

Drupal is not a difficult CMS:

I have heard and read so many times that Drupal is a complex CMS and it has steep learning curve blah and I think these are the views from those only who don’t know Drupal from its depth. It is an extremely superior platform, it is not difficult actually it just only a tool to build an excelled website with straight forward tools and options.
Without any experience nobody can say that he is a Drupal master, you must work with Drupal. When you work with Drupal it’s true that you may face some problems in understanding it quickly but at the same time you will notice that it offers a great ease and very clean point to point diagram to follow to build a rich featured and professional looking website. All we know that “practice makes a man perfect” so don’t be tense and continue work with Drupal.  

Drupal vs Joomla vs WordPress:

If you want to build powerful and superior websites without worry about any coding, so you have three main options WordPress, Joomla, and Drupal are superlative themselves. They are all brilliant systems, and can make a website quick and easily. They are all open-source CMS but it is very difficult to choose which system you should use. If you are confused, I can solve your problem by comparing all three CMS.

WordPress is a finest platform for beginners and it works very well for small and medium sized websites and blogs. It plays an important role for beginners; they can start their career on this platform and build their confidence. It plays a best supporting role in your career.

Joomla is excellent for e-commerce type’s websites, but it requires at least some level of technical coding.

Drupal is a most advanced CMS (sorry I can’t say complicated CMS like others), but also the most superlative and dominant CMS. If you want to create a dynamic, powerful and advanced website so Drupal is a best choice for you. You can develop anything without the knowledge of coding in Drupal while in other CMS you need to brawl with coding even at very starting level.

Drupal is a top CMS for technical minded:

Drupal is superior developed open source CMS, and is vastly advanced CMS. It is the most technically advanced of these three content management systems WordPress, Drupal, and Joomla. It is finest tool for professional web designers and web developers whether they have basic or excellent familiarity of coding. Even non-technical can also learn Drupal to create e-commerce stores, content rich websites, and subscription & membership websites, and many more just after few weeks of training.

Drupal is the most customizable CMS:

Drupal is easy to customize with themes, plug-ins, content types, users and many other options. Only for those who have superlative programming knowledge of HTML, CSS, JavaScript, jQuery, AngularJS, PHP, MySQL etc, it is the most flexible CMS because they can modify it according to their needs.

Drupal is free and open source:

Drupal is a free open source program to use. You can download it free of cost and install it on your own hosting server.


Drupal is the finest and most powerful CMS in the world,but it can be felt only if you some knowledge of web development languages such as HTML, JavaScript, and PHP. You don’t need to be an expert, but you must be able to understand all the error messages of the Drupal. Knowledge of coding is extremely functional in detecting and debugging your mistakes in Drupal.

Friday, June 26, 2015

Uses of HTML and CSS in Web Design

If you want to make your career in web designing then you must have to apply some extra efforts to learn to create rich featured and highly interactive websites rather than learning the basics of website designing because that can only enable to create a first stage simple website.
The quality of professional web designers is that they are expert in programming and designing both. We can also say that professional web designers are those that can balance both creative and artistic sides by using their creative skills and coding knowledge.

The two most important web design elements are HTML and CSS and these are widely used in web designing industry today. Generally all the websites on the internet use HTML and CSS, So in-depth knowledge of technology basics is very important for any web designer. Since early days of web design, HTML (Hypertext Markup Language) is a widely used language for the professional websites. HTML is quite confusing for someone who has no experience using it. Basically HTML is a language or code that used to edit and position the text, image, videos, frames, color, background and other web page elements with the help of a style sheet i.e. CSS or Cascading Style Sheet.

CSS (Cascading Style Sheets) is an important element to manage the presentation of web pages created using HTML. CSS controls the position of the text, images, background, color, margin, padding, z-index, scrolling, animation, layout etc. of web pages. CSS3 has come up with the few most advanced and useful features recently such as transitions, animations, font embedding, and pseudo selectors.

HTML VS CSS:
  • HTML is still perfect type of coding for the main pages of website whereas CSS is not really take the place of HTML. It is just used for the enhancement.
  • HTML is useful as a data structure for the web pages whereas CSS is helpful in managing website’s look and feel.
  • HTML allows you to put text, image, audios, videos, frames, color, background etc whereas font size, font color, font type, styling around images, page layout, mouse-over and many more effects are determined by the CSS.
Your first code HTML and CSS Code

HTML is a predefined tag based programming meaning you have to use all the already defined tags to put your data in a web page.

Following is the HTML code and hope it will give you enough idea. Copy this code and paste in a file and save that file as doc.html.

<html>
          <head>
          <title> Title of the page goes here! </title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>
<body>
          Your HTML code goes here.
          <p class=”paraClass”>Para element</p>
          <p id=”paraId”>Para element</p>
</body>
</html>

As we discussed CSS is used to handle presentation of the web page meaning CSS styles and manages HTML elements that you use to create a web page.

Following is a sample code of CSS:

Copy the following code and paste in a file and save that file as style.css. Don’t forget to keep this file in the same folder where your doc.html file is.

In CSS file you can write class and id both rules and later you can use them in your HTML document.

.paraClass{ color: ‘#ff0000’;} //wherever you will apply this class the text color inside that element will be changed to red in HTML document.
#paraId{ background-color:’#00ff00’;} // add this id selector to an html element and you can change the background color of that to green.

CSS is a very vast subject to know. Our institute offers advanced CSS training in Rohini, Delhi.

ADMEC Multimedia Institute provides training courses. ADMEC is known as the leader of training center when it comes to HTML5 & CSS3 Training Institutes in India. ADMEC provides training for all over the world because they provide online and classroom training as well as it has a good credibility in Delhi as a best web designing institute of all time.

Wednesday, June 24, 2015

Demand of HTML5 and CSS3 in IT industry

Due to the interaction of the people with the internet and overall popularity of the internet; IT Companies, business industries, and professionals got more attention in last few years to get the business form this platform. So in result; a race has started amongst the companies to create rich featured, robust, intuitive, and easy to navigate website so that they can offer maximum user experience to their visitors while they are on their websites.

A website with good user experience and design can attract more and more visitors. This type of need and dependency on websites has impacted lots of company, due to this reason the demand for the computer or web related languages being used for the development of web pages has increased tremendously.

Few of the popular languages useful for web designing are HTML5/CSS3, JavaScript, PHP, ASP.NET, Python, Node.js, Ruby on Rails (ROR), JSP etc.

HTML/CSS3 and PHP are even more popular than any other language and they also work on almost every platform. For a desirable website, it is necessary to take a moment to think which language is suitable for success of a website?

This is also very important for a web designer that he must know about the main elements and the things a web designer should take into account to come with informative websites.

Why HTML and CSS has become so important?

Especially HTML5 and CSS3 have completely changed the way how user interface development (UI) was doing earlier. New features of HTML5 such as Semantic Structure and Advanced APIs are the reason to create revolution in the industry.

CSS is now redesigned with advanced transitions, animation, and pseudo selectors to create high level drop down menus, image slider, buttons, pop-ups, image galleries without a much need of JavaScript.

The most important reason for the HTML5 success is that all the websites and web apps whether they are in PHP, ASP, JSP, ROR, Python, Node.JS, Drupal, Joomla, WordPress, Openkart, Magento etc needs an UI first and i.e. in always HTML5 and CSS3.

Are you looking for html5 &css3 training institutes then ADMEC Multimedia Institute is offering short term and long term online certification course of HTML5 and CSS3 training in Delhi with affordable cost. This short term online certification course is very helpful for the students who want to make a professional website using advanced features of HTML5 and CSS3. 

Monday, June 22, 2015

Choose Between Traditional And Online Training for Best Web Development Classes in Delhi as per your choice

The rapidly expanding field of internet has posed several vital questions for the people interested in online business. Today website has become an important marketing tool for all the businesses, organizations, and industry to endorse their product or services they offer.

Website developers have to face plenty of issues, specifically when they use old strategies of website development, in order to develop responsive, effective and error free website. Technology is changing day by day and training becoming absolutely a never ending process. If you did not complete a certification course in web development, then you are more likely falling behind because of the quickest changes in technology.

In education field today two types of choices is available to get training first is on-site or traditional classroom training, and other one is online or distance training. These two types of training are influenced by many different factors as convenience, time saving, distance, flexibility etc. If you are a person who likes to be trained from real/ live instructor in a classroom then on-site or traditional classroom training is much better for you in contrast if you like to attend training from your home or office because of your busy schedule then online training is definitely better for you. Online training is not training where you get the recorded video to watch always there some institutes who offer live meeting or virtual classes from real instructor using live streaming.
It may be a question of debate for someone or group of people that he/ she should attend training in classroom or online. Before you make a decision, read the following useful pros and cons of web-based/ online training and traditional classroom experiences.

  1. The classroom training requires you to attend classes at institute's campus while online or distance learning facilitates you to attend classes through the internet from any location of the world.
  2. In traditional training you may get additional assistance and guidance from your faculty, which is most time available in training institutes but this type of additional assistance not available all the time for you in online.
  3. Classroom training is useful for those students who are not aware about technology or who are only comfortable in face to face education but more students take online classes because of the its flexibility, time saving, and various other conveniences.
  4. In traditional training more than one student gathers to learn in specific time or specific place but in online class you can attend class from your home and complete your assignments any time.
  5. If you are comfortable with other students then traditional classroom is better for you and if you are not comfortable with classmates then online classes are better for you.
  6. Now a day's the number of online classes students is increasing because of the good internet connection across the country, hectic schedule, safety point of view, and cost effectiveness.
  7. On-site, or traditional classroom training, and online or distance training both are great learning opportunities for someone who is willing to learn to become a successful design or programming professionals in less period of time. Few institutes also provide free of cost demo in both of the training mode; so I would recommend you to contact them and ask for the demo so that you can make a decision yourself.
ADMEC Multimedia Institute offers both On-site training or traditional classroom training and online training or distance training web development classes in Delhi. ADMEC is one of the best Online Training Institutes in Delhi for all online computer classes.


Friday, June 19, 2015

Commands and Terminologies used in AutoCAD to show the Home Screen of AutoCAD

There are the following commands and terminologies shows the Home screen of AutoCAD is: 
  • Application Button: These buttons displays command for printing, saving, utilities etc
  • Quick Access Toolbar: This id for access to command like New, open, save plot
  • Search bar: Search for text in our drawing
  • Ribbon: The Ribbon has most of the commands that we can use while working
  • Tabs: A series of Tabs make up the ribbon (Home, Insert, Manage etc) and organize the tools into common groups.
  • Panel: Contain group of tools
  • Tools: These are the icons that start the commands use to draw, modify etc 
  • Drawing Space: This is where you draw yours design.
  • Command line: This is the place where we can type a command, AutoCAD uses this space to ‘prompt’ you for information. This also helps to tell us what to do next while using the command.
  • Status Bar: This allows seeing the change different mode of drawing such as Ortho, Osnap, Grid, Otrack etc.
Workspace: This program will allow us to work in different work spaces depending upon what we are working. Like its look different while we are doing 2D and 3D modelling.

Basic Drawing Tools used in Drafting:
  • Construction Line: It’s a line of infinite length which will be prepared on X-axis or Y-axis. “XL” is a shortcut command for the same.
  • Poly line: It is made of numerous line/arc/or both segmented together into one selectable object. “PL” is a shortcut for the same.
  • Polygon: They are regular, multi sided shapes such as pentagons, hexagons etc.
  • Rectangle: This is a quick way of drawing a four segment poly line with four right angle. “REC” is a shortcut command for the same.
  • Arc: An arc is a circle segment. When using this tool the we can define the arc by selecting three points through which software generate an arc.
  • Circle: The only variables are radius and center point.”C” is a shortcut command for the same.
  • Spline: They are a particular form of curve generated by specific mathematical equation. We can select as many vertices as we wish. Splines are generally used for cosmetic purposes, as their mathematical complexity makes them hard to define from technical design. “SPL” is a shortcut command for the same.
  • Ellipse: It is oval in shape and requires a radius to be defined for both their vertical and horizontal components. “EL” is a shortcut command for the same.
  • Hatch: They are area fills. They can be made up of solid color, a gradient or a specific pattern. It can be applied on any enclosed area.
  • Text: AutoCAD uses two forms of text entry, single line and multi line. These are known respectively as DTEXT and MTEXT.
AutoCAD save file in DWG format but import and export from different formats like DXF, IGES etc.3

The drawing can be prepared with the help of layers as it can be a large piece of clear plastic on which or a part or whole drawing is made. It can be controlled by the layer properties manager button located on the object properties toolbar.

We can also modify drawing by use Cut, Copy, Erase Array command.





Wednesday, June 17, 2015

Views and Isometric in AutoCAD

Drawings in which the object is drawn in 2 dimensions (2-D), i.e. 2 sides of the object appear in one drawing. Normally only one drawing is prepared/ used.
  • They are used extensively in artistic drawing.
  • A 2 dimensional view (i.e. shows length, width or length, height or width, height of the object simultaneously).
  • Provides general impression of the shape of the object and allowing to see three sides view as well as its three overall dimensions.
All dimensions along two axes are drawn to TRUE SIZE. This projection is preferred when one view of the object is to be emphasized than the other two views (i.e. namely front view, side view and top view).
The Front View - is that view representing the object as seen when the object is placed directly in front of the viewer. This view generally serves to represent the object (e.g. a work piece) in the most common position in which it is used. It is normally the first view to be drawn – other views following thereafter.
The Rear View – is directly opposite the FV at the back of the object. The Right Hand Side View – RHSV and the Left Hand Side View – LHSV appear on the right and left sides of the object, respectively.
The Top and Bottom Views - are at the top and bottom sides of the FV. 
Engineering / Technical drawings usually utilize orthographic views (OV) rather than pictorial views :
  • Orthographic view (OV) helps to record the shapes of objects exactly and completely.
  • OV is a two-dimensional (2-D) drawing. It shows only one side of an object and two of its
  • Overall dimensions (X and Y axis)
  •A minimum of two 2D is required to show the three dimensions of any object and therefore to describe its shape completely.
In isometric projection, all dimensions along all the three axes are drawn to TRUE SIZE. Isometric projection is preferred when the three views of the object are of equal importance for accurate presentation of the object.
Isometric drawings are means of drawing an object in picture form for better clarifying the object’s appearance. These types of drawings resemble a picture of an object that is drawn in two dimensions. As a result, existing AutoCAD commands such as LINE and COPY are used for producing isometric drawings.
Isometric drawings consist of two-dimensional drawings that are tilted at some angle to expose other views. The tilting occurs with two 30° angles that are struck from the intersection of a horizontal baseline and a vertical. The directions formed by the 30° angles represent actual dimensions of the object this may be either the width or depth. The vertical line in most cases represents the height dimension.
ADMEC Multimedia Institute is one of the most reliable AutoCAD training institute in Delhi Ncr. ADMEC has been recognized as one of the best AutoCAD training Institute India. We offer customizable courses for advanced (2D and 3D) and learning in AutoCAD, which include 2D in Advanced 2D & 3D AutoCAD Master Course and 3D in Advanced 2D & 3D AutoCAD Master Course.

Thursday, June 11, 2015

Indexing and Working Process of Search Engine

The first basic truths, that’s you need to understand in SEO that search engines are not a human. While this might be obvious for everybody, the differences between how humans and search engines view web pages aren't. Search engines are text-driven, voice driven and image driven. Although now a day’s technology advances rapidly grow, search engines are far from intelligent creatures that can feel the beauty of a cool design or enjoy the sounds and movement in movies. Instead, search engines crawl the web pages, looking at particular site content (mainly text) to get an idea about a site.

Firstly, search engines crawl the website to see what is on the website. This task is performed by software, called a crawler or a spider.

Spiders go to website and follow links from one page to another and index all things, whatever they find on their way. More than 20 billion pages on the web available, so it is impossible for a spider to visit all site daily just to see if a new pages is added or any existing page is modified on the web. So it may be possible that crawlers may not end up visiting your site for a month or two.

Crawling-
                  Crawling is a process by which search engines discover publicly available web pages. Google uses software name “web crawlers” for crawling. The crawl process begins with a list of web address from past crawls and sitemaps provided by website owners.

What you can do is to check what a crawler sees from your site. As above mentioned, crawlers are not humans and they do not see images, Flash movies, JavaScript, frames, password-protected pages and directories, so if you have added these on your site, you'd better run the Spider Simulator below to see if these goodies are viewable by the spider. If they are not viewable, they will not be spidered, not indexed, not processed, etc. - in a word they will be non-existent for search engines.

Spider-
               Spider is a program (set of instructions) that automatically fetches Web pages. Spiders are used to feed pages to search engines. It's crawls over the Web, so it’s called spider. Another term for these programs is known as WebCrawler.

Example:
Name of Google Spider is “Googlebot”.
Name of Bing Spider is “Bingbot”.
Name of Alta Vista Spider is “Scooter”.

When page is crawled by crawler the next step is to index its all the content. The index page stored in a giant database, from where it can be access or retrieved later as per requirement. Essentially, the process of indexing is identifying the words that best describe the page and provides the page to particular keywords which search on the web. So typical work is very difficult for a human to process such amounts of information but generally search engines manage just fine with this task within a few time. Sometimes search engine not get the meaning of a page right but if we help them by optimizing it, it will be easier for to search engine to classify your pages correctly and for you – to get higher rankings and better results.

When anybody searches anything in search engine, the search engine processes it – i.e. it compares the search keywords or string in the search request with the indexed pages in the stored database. Since it is likely that more than one page (practically it is millions of pages) contains the search string or keyword, the search engine starts calculating the relevancy of each of the pages in its index as the keywords or string searched and provides best result after calculating the relevancy.

You have to be very careful while choosing a Internet Marketing training Institute. Take the matter of ‘course details’ seriously that you can get from institutes’ websites, compare their offers with other websites and decide whether it meets the market standard or not to get best SEO training institutes in Delhi.

Wednesday, June 10, 2015

Common Video Editing Software available in Institutes for Training in Delhi

Film industry of India is one of the biggest film industries in the World. So in result the requirement for trained and efficiently trained video editors is far above the ground all the moment in time. Training for video editing has become a best preference for the multimedia and animation training institutes in Delhi and all over India.

Film industry is not the only industry where a video editor can go to make his/ her career. There are so many other industries too for a video editor to join e.g. gaming, news channels, advertising, e-learning, online news, higher education (college/ universities) etc.

There is a big chain of video editing institutes in Delhi and they offer training for only few video editing applications such as Apple FCP and Adobe Premiere in general while there are only few good institutes those offer training for some other video editing applications too such as Sony Vegas, Avid, Canopus etc.

Apple FCP is the best amongst all the above-explained software while Adobe Premiere is also a good tool. Apple introduced two versions of its Final Cut Pro; first is FCP 7 and other one is FCP X. While FCPX is a latest version and FCP7 is older one but still so many video editors are using both. The reason behind this is the configuration of Apple Computers; we know that Apple computers are not fully upgradable as its software upgraded time to time.

Apple Final Cut Pro (FCP) and Adobe Premiere are among the best choice for professional level editing while others are good for regional films editing and family video editing needs.

Highlights and features of these software:

Apple FCP: Its dynamic video-editing interface is a revolutionary video-editing feature. Magnetic timeline is also one more intuitive feature that enables you to find and edit your clip quickly. Few more features of Apple FCP are improved multi-cam editing, clip connections, multichannel audio editing, compound clips etc.

Adobe Premiere pro: New masking, Tracking, and free draw pen tool for better tracking and painting.

Sony Vegas: It’s Sony software and has some stunning features such as drag n drop interface, work in online/ offline mode, superior editing, better collaboration, loudness meters, project archiving, surround sound mixing and archiving etc.

A leader among training institutes offering specialization in Video editing courses in Delhi. Get details of best Video Editing Courses, fcpinstitutes Delhi,and adobe premiere Courses from ADMEC Multimedia Institute.
                                                    

Monday, June 8, 2015

Differences between Bootstrap and Foundation Responsive UI Development Frameworks

It is too hard to make a decision that which one is better as both are awesome. It is completely and opinionated question and I will put my views about both in points that I have observed in my 3-4 years of experience of Responsive Website Designing.

I am using both but undoubtedly Bootstrap more. There are few points I want to put here and surely they will help you in deciding which framework is useful for your website or application. Although you can use any framework for any type of UI development yet below given points will help you a lot.
                                               
Note: I am not giving my views in context of 'which is better?'

1.     Bootstraps support LESS and SASS both while Foundation supports SASS only.
2.     Foundation has little better navigation and design CSS than the Bootstrap as I felt.
3.     Bootstrap is from well know brand i.e. Twitter while Foundation is from Zurb and obviously it is not as popular as Twitter
4.     Both supports 12 column grids
5.     Foundation has more identical names for its grid class such as small-2, large-4, medium-6 while Bootstrap offers col-md-6, col-xs-2, col-sm-3, col-lg-4 (not making a big difference)
6.     When it comes to deal with Tables then Bootstrap is better than Foundation as Bootstrap offers horizontal scrolling for small screens
7.     In Foundation there is feature 'Kitchen Sink' that I like most it helps us in making sure that all the features of Foundation work smoothly when they are going to be used together
8.     If you are Rails programmer than Foundation gives you a rock solid feature to integrate it with your Rails application while Bootstrap not
9.     Both frameworks offer good installation options using Bower and NPM
10. These both frameworks are completely customizable. You can customize it completely before downloading the project files and even after that too

There are a number of common and unique features in both of the Frameworks. It’s totally depends how you use them to make your projects coming out with all the features. There is not obvious and big reason to ignore any framework over other. Both are very powerful with few exceptions that I gave in points above.

I have developed so many websites using both of the frameworks. Both offer a huge library of CSS selectors, JavaScript components, and Dynamic CSS to manage your large size projects easily.

ADMEC Multimedia is the professional and Advanceweb design institute for responsive web designing in Delhi. We offer full courses in Responsive Web Design course through which we train students.

Tuesday, June 2, 2015

Functions in JavaScript

Functions in JavaScript are one of the most important building blocks to know to become a master of JavaScript. Yesterday when I was teaching function in JavaScript to one of my batch then I thought to write something on it.

I think understanding of JavaScript becomes more important in JavaScript than any other programming in the world because JavaScript supports prototypical architecture of doing programming and prototypical approach can only be managed if you know JavaScript's functions in depth.

JavaScript can be written in a HTML page as browser understands it very well. You can make a separate JavaScript file and attach that in HTML using <script type="text/javascript" src=""></script> tag too.

Have a look on the following given JavaScript code please: 

function main(){
    alert('hello Ravi');
}
    //calling the function
    //main(); //you will get an alert when you will refresh your html page.
    //calling main() function on onclick event
    document.getElementById('mydiv').onclick = main;

Note: Don't use parenthesis () after the main function when you are calling a function on onclick event because function will not wait for the onclick event and it will be executed as you will load the html page.

How to pass parameters to a Function
Function's parameter is a way to make a function reusable and flexible. In the following example of code I have passed a parameter to main function and after that I have called twice and you can notice that you will get two different results while we have one function.

Function's parameter is a way to make a function reusable and flexible. In the following example of code I have passed a parameter to main function and after that I have called twice and you can notice that you will get two different results while we have one function.

Example 1:
function main(param){
    alert(param);
}
main('hello Ravi');// hello Ravi
main('hello admec multimedia institute');//hello admec multimedia institute

Example 2:
function main(param1, param2){
    return 'Hello '+param1+'\n Happy to meet you '+param2;
}
alert(main('Ravi', 'again'));
confirm(main('admec multimedia institute', 'first time'));
//document.getElementById('mydiv').onclick = main;// you will get error here*
//document.getElementById('mydiv2').onclick = main;// you will get error here*

*Why Error: As I set two parameters in main function and when you will call the function then surely you need to pass their values too and if I will pass the values then I need to add the parentheses () just next to the main function. But when I will add them then function will not wait for the onclick event as I said earlier and it will be called automatically as you will refresh the page. So the best way to handle this situation is the use of anonymous function. See the example below

document.getElementById('mydiv').onclick = function (){
    alert(main('Ravi', 'again'));
}
document.getElementById('mydiv2').onclick = function (){
        this.innerHTML = main('admec multimedia institute', 'first time');
}

Use of return in Function

return makes a function more flexible and reusable. If you want to display the results coming from a function on multiple locations then always use return in your function. See the below given example please: 

function main(param1, param2){
    return 'Hello '+param1+'\n Happy to meet you '+param2;
}


document.getElementById('mydiv').onclick = function (){
    alert(main('Ravi', 'again'));
}
document.getElementById('mydiv2').onclick = function (){
        this.innerHTML = main('admec multimedia institute', 'first time');
}

Managing Scope in Functions

Scopes in JavaScript are two types of: 
1. Global 
2. Local. 
When you declare any variable and function inside a function then that is in local scope of that function meaning you can only and only access those variables and functions inside that function only.

See the following example; the function nested is accessing all the variables and parameters whether they are inside its parent function or outside of that.
var global = 5;
function main(param1, param2)
{
    var parentLocal = 6;
    function nested(arg1){
        var childLocal = 3;
        return     param1 + param2 + arg1 + global + parentLocal + childLocal;
    }
    return nested(30);
}

alert(main(10,20));

Note: Scope in JavaScript runs from bottom to top.

Interested students can complete JavaScript training online from ADMEC Multimedia Institute.