Skip to main content

Effects in jQuery Frontend Development Course - S4 V11 #jquery #jqueryEf...

Image
By Hassan Malik




In this tutorial we will learn how to use jquery and how to read jquery API documentation. As a Bonus, I will also explain what is API that is application programming interface.



jQuery is a javascript based framework that simplifies the development tasks for a web developer. JavaScript and jQuery can be used side by side without causing conflicts. The two most widely used methods of jQuery are fadeIn and fadeOut. These methods are applied to a selector to take effect.



FadeIn method smoothly displays the selected element, whereas fadeOut method smoothly hides the selected element from the view. In order to understand these methods we have done two things. First, we have used these methods in our project; secondly, we have learned to read the API documentation of jQuery.



We do not read the entire API Documentation; instead, we only read specific parts and areas. For example, we read the definition or description of the method; then read the parameters; then see the examples; use them and try to understand their descriptions.

Comments

Post a Comment

Popular posts from this blog

Design Organized Website Structures

By
When developing a website, you must proactively decide its structure before starting the coding. But what does the Web Structure mean at the very first place? Website Structure can be defined as follows: When you talk about the structure of a website, you are talking about its components , their working , their location , their inter-dependency , and their interaction with the user. The design of the Website Structure does not include code. Generally, the design includes, wire frames, sketches, mock ups, lists, flow charts and other visual aids. What is a component? Well, it can be defined as follows: Components are the useful or functional parts of a website Every component has a particular purpose and function. For example, navigation bar of a website has a purpose of providing navigation links to the user. But some, components are versatile and have multiple purposes. For example, a header of website can contain a navigation bar, a search bar, a login form...
Post a Comment
Read more

S3 V6 - Class and ID (ENGLISH/URDU) Tutorial | Phase 1

By Hassan Malik
S3 V6 - Class and ID (URDU) Tutorial | Phase 1 S3 V6 - Class and ID (ENGLISH) Tutorial | Phase 1 Understand and learn concept of Class and ID in Urdu Tutorial. files - - https://goo.gl/QTY6E8 This article elaborates the difference between CSS Class and ID . To understand the difference, consider the example of a group children in a school; they are categorized into classes as Grade 1 - Red, Grade 1 - Blue. The problem of this categorization is that if they all are made to stand together as a crowd then an outsider cannot identify the grade colours of the students. An outsider can only identify when they see them sitting in their respective classes. In this condition, if the outsider is asked " Hey outsider, please identify which students belong to grade 1 - red!" They would of course reply "No. How can I identify the students when they have no proper identifier?" The management now decides to change uniforms of each class according to their colour...
Post a Comment
Read more

JavaScript Functions Frontend Development Course - S4 V10

By Hassan Malik
In this tutorial, you will learn about JavaScript functions, how they are created and used in an object. You will also learn about arrow functions and their usage in a JavaScript project. FILES Basic Functions https://stackblitz.com/edit/js-cba8jz Arrow Functions https://stackblitz.com/edit/js-nv9vye As the word Function itself means that some action is performed so is the real purpose of this JavaScript aspect is. Functions are meant to perform following actions: 1 - value display -> DOM (display website) 2 - value popup -> alert() 3 - value change 4 - value assign 5 - object create 6 - variable create 7 - new function 8 - simple and complex calculations In this tutorial, we will not cover all the purposes but we will do see how the value is displayed in the DOM, how an external value is changed and also see how parameters are used to make interactive applications in JavaScript. The code is super easy, but you need to pay great attention at what is being ...
Post a Comment
Read more