Monday, 25 June 2018

Template Management in Joomla


Template Management :

The template is one of the Extensions of Joomla, it manages the how your site looks and there are two types of Templates are there, one is front-end Template and another one is Back-end Template.
Front-end Template controls the way your website is presented and Back-end Template controls the website’s administrative tasks in Joomla. These would include some common tasks like user, menu, article, module, component, plugin and template management.

The path of template management in Joomla administrator panel :

Click on “Templates” directly from a control panel [OR]
Click on “Extensions --> Templates --> Templates” then Joomla Templates screen will be shown as the figure below.

When you click on the Styles option then you can see 6 main functions like Default, Edit, Duplicate, Delete, Help, Option shown as the figure below.

Detail explanation of 6 functions :

1. Default: Select one particular style as default.
2. Edit: By using edit button you can change the template pages.
3. Duplicate: By using this button you can create a duplicate template.
4. Delete: By using this delete button you can permanently delete that particular template.
5. Help: It is used to open the help screen.
6. Option: By using this button you can change the settings of the articles.

To know more about Joomla click here.

Saturday, 23 June 2018

preprocessing stages

                           compilation stages:

How microcontroller understanding our source code?

microcontroller understands only 0's and 1's .what ever the source code we are writing that we have to converted into binary values nothing but 0's and 1's.

 By using Compilation stages the source code is converted into binary code.

 preprocessor stage: The source code is firstly passed through the preprocessor stage. In this preprocessing stage, the source is extended and header files and comments are removed. and it replaces the micros with the value Finally, it converts the source code into the intermediate file.

Complier stage:  The preprocessor stage output is passed as input for the compiler stage. The extended code is passed to the compiler. The compiler converts the intermediate file /extended code into assembly language.

Assembler stage: Assembly language is given as input for the assembler stage. It converts the assembly language into the binary language( object code) that is computer understandable language.

Linker stage:  Linker stage will link the object file and library files and generate the executable file . and this executable file is stored in stack memory.

By doing all these stages microcontroller understanding our source code. After completion of all these stages, The microprocessor fetches the data present in the memory and gives the output.

User Management in Joomla


User Management :

User manager Toolbar manages all the user information such as Username, Email, Last visit Date and Registration date and you have the ability to look at your users and sort them in different ways. You can edit or create users, groups and access levels.

The path for accessing users list:

Click on “Users” in control panel (OR)
Click on Users --> Manage from the menu bar then the Joomla screen will be shown as the figure below.

Column Headers:

1. Checkbox: check this box to select one or more items.
2. Add a Note: Create a note for the user.
3. Name the full name of the user.
4. Username: The name the user will log in as.
5. Enabled: whether the user is enabled or not.
6. Activated: whether the user is Activated or not.
7. User Groups: list of groups that user belongs to.
8. Email: email address from the user is displayed.
9. Last visit: here you can see the date on which the user last logged.
10. Registration Date: The date user was registered.
11. ID: This is a unique identification number for this item assigned automatically by Joomla.

The path for creating a new user:

Click on Users --> New button (OR)
Click on Users --> Manage --> New button then the Joomla screen will be shown as the figure below.

Toolbar functions :

1. New: It creates new User.
2. Edit: by using this button you can edit the selected user.
3. Activate: It activates multiple users.
4. Block: you can block selected user by using this button.
5. Unblock: By using this button you can unblock the selected user.
6. Delete: It deletes the selected users.
7. Batch: particular users are processed as a batch.
8. Help: here help is used to open the help screen in Joomla.
9. Option: by using this button you can change the settings of the articles.

To know more about Joomla click here.

microprocessor and microcontroller

                                                   EMBEDDED SYSTEMS

Embedded system:  It is a combination of both hardware and Firmware used to perform the specific application.

Hardware contains microcontroller and microprocessor.

microprocessing:  microprocessing will the raw input as input that is 0's and 1's and performs and gives the desired output.
why microprocessor will take the 0's and 1's as input:

a microprocessor is designed by using VLSI(very large scale integrated circuit). VLSI is the process of creating an integrated chip (IC). By combining thousands of transistor or devices int a single silicon chip.  a microprocessor is a VLSI device. and these will VLSI is manufactured by using transmitters this transmitter will take only 0's and 1's. so why microprocessor will take the 0's and 1's input.

0 ---> OFF/Open Circuit/Low/Logic 0 /0v.
1-----> ON/Closed Circuit/High/Logic 1/ 5v.

From where microprocessor will take the input:

microprocessor will take the input from the memory devices and input/output devices. and performs the arithmetic and logical operations, and finally, the result is stored in memory devices
and input/output devices.


microcontrtoller=microprocessor+memory devices+input/output devices+ pheripherals all are integrated on a single slicion chip.

microcontroller mainly deals with the application program like IDLE'S and .h files.

microprocessor mainly invoke with os (operating system). The clock speed of a microprocessor is approx 2.2 GHz.

The execution time of processor is faster than the microcontroller.

Main differences between microcontroller and microprocessor.


1) The microprocessor doesn't have an on-chip memory.

2) It execution time is faster ( clock frequency is high)

3) It follows RISC  Architecture (Reduced Instruction set computing)


1) microcontroller has on-chip memory.

2) It is less faster compared to a microprocessor.

3) It follows CISC Architecture (Complex instruction set computing)

Friday, 22 June 2018


Template in Vue Js

Vue.js uses an HTML-based template that allows to declaratively bind the rendered DOM to the underlying Vue instance’s data. The templates in Vue Js are valid HTML that can be parsed by HTML parsers and spec-compliant browsers.

Text interpolation :

Here data binding is text interpolation using the curly braces (Mustache).
Syntax : {{message}}

The mustache will be replaced with the corresponding value of the message property which is corresponding to the data object. Whenever the data object changes it will updates the message property also.

Example : 


In the above example message is placed in curly braces (Mustache) means message property will be replaced there.which is provided in js as a data object.

Then in the place of {{message }} it will display sample vue js application message. If we will change the data of message that the data will be updated and it will display the updated message.

v-once directive :

In this, we can perform one-time interpolation that doesn’t update the data. To achieve that use v-once directive but note that it will also affect other bindings.

Syntax : <span v-once>{{message}}</span>

HTML Template:

 In the above example, we learn how to get an output from the text content which is placed in the js data object. Here we are going to get output in the form of HTML template.

We know that double curly braces interpret the data as plain text, not as HTML. In order to display the HTML use v-html directive.

Syntax: <span v-html=”htmlexample”></span>

 Htmlexample contains the template .
By this example, you will get more clarity on the template.

Example :


In the above example when we placed rawHtml in Mustache it displays whole the code of HTML template <h1>iam back</h1>. If we want to display the proper HTML content on the browser for this we are using v-html directive. After that vue will understand that the content should be displayed in the HTML format.

Right-click on the browser and inspect the element then you will find that template is added to the HTML.

Adding attributes to HTML elements:

Here we are adding attributes to HTML elements by the V-bind directive.

Syntax: <element v-bind:variable_name=” data”></element>

Example: First we will see without the V-bind directive


In the above example, image src is placed in data object which is in the Vue js. And the img tag is not getting the correct path of the image.
To assign any attribute to the HTML tag use V-bind directive.


To know more about Vue click Here.

Module Management in Joomla


Modules: Modules are lightweight and flexible extensions used for page rendering. These modules are arranged like a “boxes” around the component. Login module is the best example for the modules and Modules are assigned per menu item, Some modules are linked to components, “latest module” is a well-known example for this.

Path for list of modules :
Click on Extensions --> Modules (OR)
Click on Modules from the Administrator control panel.
Then Joomla screen will be shown in the figure below.

 Path for creating new module :
Click on Extensions --> Modules --> New button (OR)
Click on Modules from the Administrator control panel --> New button then Joomla screen will be shown as the figure below.

After that we have to select one appropriate module type from the list of module types then it displays one Joomla screen. For example, if you select “Articles – Latest “ module type then the Joomla screen will be shown as the figure below.

The main functions are :

1. New: It creates new modules.
2. Edit: It edits the selected modules.
3. Duplicate: By using this button A copy of the selected module can be created.
4. Publish: By using this button you can publish the modules to the user on the website.
5. Unpublish: By using this button you can Unpublish the modules to the user on the website.
6. Check-In: Check in the particularly selected modules.
7. Trash: By using this button permanently Delete the selected modules.
8. Batch: By using this button particular modules are processed by batch.
9. Help: This button is used to open the help screen.
10. Option : By using this button you can change the setting of the articles.

To know more about Joomla click here.

Thursday, 21 June 2018


Array Methods

In Vue, arrays have methods they are known as mutation methods some of them are listed below.

  1.  push()
  2. pop()
  3. shift()
  4. unshift()
  5. reverse()
  6. sort()
  7. splice()

why we call them to mutate methods means they change in the form or nature. The above-listed methods all are the mutation. There are the non-mutating method such as
  1. slice()
  2. concat()
  3. filter()

Now we will learn in detail about mutation and non-mutating methods.

Mutation methods :

1. push ():

push is the method used push new element in the array.
Syntax: instance_variable.array_name.push ({data we need to pass});

Example: array.html

output :

In the above example we have used the code ex.application.push({designation:'designer'}); Here ex is the instance of vue variable, application is the array name,push is the method used insert the new element to the array. In this we are pushing an object {designation:’designer’} to the array.
In the same way, we pushed another element into the array ex.application.push({location:'Hyderabad'});

In original array we are having 2 elements after pushing the data then we have 4 elements in the array that are displayed in the above output.

2. pop (): 

pop is the method used to delete the element from the array.
Syntax : instance_variable.arrayname.pop();

Example: array.html

output :

In the above example, application array contains 3 elements name, age, and message. All those 3 elements are not displayed because at the bottom of the code we have used the pop function. This used to delete the element from the array. Code is ex.application.pop(); in this ex is the variable instance name, application is the array name and pop() is the function. pop function automatically deletes the top element in the array.

3.shif () :

shift is the method used to delete the first element from the array.
Syntax : instance-variable.array-name.shift();

Example :

output :

In the above example array having 3 elements name, age and, message. After the code ex.application.shift() It deletes the first element name from the array. Here ex is the variable which stores the instance of the Vue, application is the array name and shift() is the method.

4.unshift () :

Unshift is a function used to insert the new element at the beginning of the array.
Syntax : instance-variable.array-name.unshif({data});

Example :

output :

In the above example, application array contains 3 elements name, age and, message.Later we added the code ex.application.unshift({designation:'designer'}); after this new element designation is added at the beginning of the array.

5. reverse () :

the reverse is the function used to reverse the array elements order.
Syntax: instance-variable.array-name.reverse();

Example : 

output :

In the above example, application array contains 3 elements in the order of name, age, message but after the reverse function order of the array is changed to message, age, and name.

To know more about Vue methods join us .