“Powering ideas to the reality” is what we do at Codingzap.
What’s on the Front-end?
Definitely, the answer will be HTML and CSS.
Yes, it is.
It’s easy to use and due to it major use over the world wide web, it has got some rich open source libraries such as jQuery, Angular, React JS and the list goes on.
Still not clear?
Let me show you an example.
Click on the button below to get a pop-up that says ” Greetings from Codingzap “.
Here is what you see as the pop-up.
First I created a button by using plain HTML.
The final thing is to call the pop up alert function .i.e demofunction().
I this did by adding onclick attribute in the button element and specifying the function name.
<button onclick=”demofunction()”>click me</button>
- Easy to use
- Do more with fewer codes.
- Reduces time
- Increase productivity
- Achieve difficult tasks with less complexity.
It’s also cross-platform which means no need for different codes for different browsers.
The motto of jQuery ” Write less, do more“.
Let me show you how-
Imagine a scenario where we want to select an HTML element and perform a toggle operation.
Let’s THINK BIG with a small example.
I have designed an image of a light bulb. For designing the image I have used Inkscape tool.
So, there is two versions of the bulb. One state of the bulb is when it is OFF and one state of the bulb is when it is ON.
Saved both the images separately for this demo I have used the SVG version of the image
The HTML part is as follows-
You might also like Responsive website development(Read more)
As you can see that for the toggle operation I built my own logic for toggle action.
When the button is clicked the ToggleFunction() is called and the code inside it starts executing.
The code is pretty simple so I am not going to explain to you.
Can we reduce the code size using jQuery and prove that ” Write less, do more” hold true?