Course Overview
2h 36m | 17 Videos | 67896 Views | 
Beginner What is jQuery?
jQuery is a concise and quick JavaScript library devised by John Resig a decade ago. It helps in simplifying HTML document traversing, event handling, animating and Ajax interactions for Rapid Web Development.
About jQuery Fundamentals
jQuery fundamentals covers all basic topics related to jQuery including installation, selectors, demo app etc. The course will teach learners how to make programming easier and help make website SEO friendly. It contains 14 lectures and three hours of HD Video.
- jQuery for beginners:
The introductory chapter gives an overview of the importance of jQuery in website design. jQuery helps programmers use Javascript easier on the website. It is a lightweight tool part of a JavaScript library that enables adding features on the website with less coding.
It takes a lot of common tasks requiring several lines of Javascript into methods that can be called with a single line of code. It also simplifies Ajax Calls and DOM manipulation.
jQuery contains HTML/DOM manipulation, CSS manipulation, HTML event methods, effects and animations, AJAX and utilities. It has also got plugins for almost any task.
DOM manipulation- jQuery makes it easier to select DOM elements, traverse them, modify content using cross-browser open source selected engine Sizzle. Event Handling- helps capture a wide variety of events, such as the user clicking a link, doing away with the need to clutter HTML code itself with event handlers. It has cross-browser support – works well in IE 6.0+, FF2.0, Safari 3.0+, Chrome, Opera 9.0. It supports CSS3 selectors and basic XPath syntax.
- jQuery benefits: It helps programmers in the use of Javascript much easier. It has a lightweight library of about 19 KB size which is minified and gzipped.
- Installation of jQuery: it is possible to install jQuery using two methods- local and CDN based. Local installation- https://jquery.com/download//a> to download the latest version available. Now put downloaded jQuery -2.1.3.min.js file in a directory of the website—eg. /jQuery.
<html>
<head>
<title> The jQuery Example </title>
<script type = “text/javascript” src= “/jquery/jquery-2.2.3.min-js”></script
<script type = “text/javascript”>
$ (document0. Ready (function(){
document.write (EduCBA)
});
</script>
</head>
<body>
<h1>EduCBA</h1>
</body>
</html>
Result– EduCBA
Production version and Development version can be downloaded from jQuery.com. Production version- is for your live website – it is minified, compressed. Development version- for testing and development (uncompressed, readable code). jQuery library is single Javascript file reference with HTML <script> tag inside the Head section.
<head>
<script src= “jquery-1.12.2.js” ></script>
</head>.
jQuery CDN: If the user doesn’t want to download library, jQuery library can be included directly into HTML code using the Content Delivery Network. Google and Microsoft provide Content Delivery.
<html>
<head>
<title> The jQuery Example (/title>
<script type =” text/javascript”
Src = http://ajax.goolgeapis.com/ajax/libs/jquery/2.1.3/jquery.min.js ></
<Script type = “text/javascript”>
$ (document). Ready (function (){
document.write (“ EduCBA”):
});
</script>
</head>
<body>
<h1>Hello</h1>
</body>
</html>
-How to call a jQuery library function- jQuery reads/manipulates document object model (DOM).. Events should be added as soon DOM is ready. Events will work on the page only if it is called inside the $ (document). Ready ()function. Everything inside it will load as soon as DOM is loaded, before page contents are loaded.
- jQuery Demo App. Setting up jQuery in an HTML document:
The process involves setting up an HTML template
<!doctype html>.
<html>,
<head>
<body>,
</body>
</html>
Following details have to be provide insde the <head> element in HTML
<scro[t src=http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js></script.
If jQuery work properly, the following code must be provided inside the <body> tag
<script>
$(“body”). text (“jQuery Works”):
</script>
<!doctype html>
<html>
<head>
<script src=http://ajax.goolgelapis.com/ajax/libs/jquery/1/jquery.js>
</head>
<body>
<script>
$(“body”), text ( “EduCBA Course”):
</script>
</body>
</html>
- Jquery Selectors: jQuery Selector is a function that uses expressions to determine matching elements from a DoM (Document Object Model) based on the given criteria. jQuery uses the power of Cascading Style Sheets (CSS) selectors to help users access elements or group of elements in the Document Object Model (DOM). Selectors are utilized to choose one or more HTML elements using jQuery. After selecting the element, users can perform various operations with respect to it.It allows users to select, manipulate HTML elements- it will be based on their name, id, attributes, types, classes, value of attributes and so on. It is based existing CSS selectors as well as own custom selectors.
All selectors begin with the dollar sign and parenthesis: $(). The factory function makes use of three building blocks to select elements in a given document- Tag Name – represents a tag available in DOM. For eg $ (‘p’) denotes all paragraphs. Tag ID denotes a tag available with the given ID in the DOM. For eg., $ (i#some-id’) selects a single element in the document has some id. Tag class- represents tag available within the given class in DOM.$ (‘.some-class’) selects all elements that have some class.
Selectors are useful and essential in jQuery. It helps user to get the exact element from the HTML document. Name-selects all elements that match with the given element name, ID- selects single elements that matches with given ID, .Class. Universal – selects elements available in DOM.Multiple elements E,F, G- selects combined results of all specified selectors E, F,G. Other selectors- $ (“x”) –selects all elements, $ (this) selects current HTML element, $ (“p.intro”)- selects all <p> elements with class =”intro”. $ (“p:first”) –selects first <p> element, $ (ul li:first “) –selects first <li> element of the first <ul>. $ (“ul li:first-child”)- selects first <li> element of every <ul>, $ (“[href]”)-selects all elements with an href attribute. ….
- Attribute Selectors: Attributes are available through Javascript- as DOM properties. Common properties –className, tagName, id, href, title, rel, src
<EduCBA Id = “imageid” src+ “image.gif” alt=”Image” class = “myclass” title = “this is an image”/> . EduCBA is tag name, attributes are represented by markup for id, src, alt, class, and title- they consist of name and value. Jquery-helps to manipulate an element’s attributes, give access to the element, so that its properties can be changed. The attr () method is utilized to fetch the value of an attribute from the first element in the matched set or set attribute values onto all matched elements.
The attr (name, value) can be used to set named attribute onto all elements in the wrapped set using passed value.
Attribute methods- attr (properties ), attr (key, fn), removeAttr (name), hasClass (class), removeClass (class), toggleClass (class), html, html (val), text (), text (val), val ().
Requirements for the jQuery Fundamentals course
Basic computer knowledge, internet, basic knowledge of HTML, CSS, and Javascript.
Why do jQuery Fundamentals training?
jQuery makes the task of programming easier, it is simple, it belongs to the Javascript library, it is SEO friendly. There are a lot of opportunities for programmers, software developers, web developers with knowledge and understanding of jQuery.
jQuery Fundamentals Frequently Asked Questions (FAQ):
- What do we learn in jQuery Fundamentals?
In this course, you learn the basics of jQuery, how it integrates with HTML, JavaScript, CSS, and backend web technologies, installation of jQuery, demo apps. Jquery selectors.
- Is this course easy to learn for beginners?
Yes, the course is presented in a simple manner, lectures are understandable even to beginners, this doesn’t involve complex programming and videos will also be helpful for learners.
- Is this course recognized by a university or industry body?
No, this course is devised by experts and brought to you by EduCBA and is meant for enhancing skills of students and professionals.
- Who provides certificates at the end of the course?
EduCBA provides course completion certificates at the end of the programme.
- Is there any practical training provided for jQuery?
All concepts are explained with examples and therefore it will be easier for programmers to write code and implement jQuery on site.
- Should we invest in expensive software or hardware additions?
No, software upgradations or hardware installations are not required and jQuery can be downloaded from a site.
- Who is the target audience for this course?
The jQuery fundamentals course is designed for students, professionals as well as any interested in learning and using jQuery for HTML programming.
- Is there any classroom learning involved and are printed books given as part of course?
No, there is no classroom learning involved in this course as it is 100% online. Secondly, content is delivered through lectures and video which are self- explanatory.
- Is this course accessible to a learner anywhere in the world?
Yes, this course can be accessed by anyone with a computer and net connectivity anywhere in the world and is not restricted to any geographical location.
- What do you mean by lifetime access and what if we are not able to complete course in the stipulated time?
The jQuery fundamentals course content is accessible to learners for a lifetime even after they complete the course. Secondly, learners learn at their own pace, some finish faster while others make take more time. But the course is not time specific and hence provides flexibility to learners whether they are students or professionals involved in the industry.
jQuery Fundamentals Testimonials
- Tero Naskali:
I was really impressed by the content of EduCBA courses – it is simple, logically structured and supplemented with examples for technical topics. This provides a comprehensive view of a topic which is good for both beginners and professionals. The latest course I did was on jQuery fundamentals Basics and it provided a good experience in how to use the tools to easily write web programming.
Each topic begins with a basic explanation, the introduction followed by procedures, processes, and code writing with examples. I would say I haven’t come across such a meaningful way of presenting technical topics. I am glad to recommend this course to my friends and colleagues. Thanks once again EduCBA and keep up the good work. When learning is a pleasure and increases your curiosity to know more, that’s when education is said to have succeeded. I am happy EduCBA courses score high on all these aspects.
- Karol Moran:
I really liked the first course I did – jQuery Fundamentals basics. It has been conceived and executed in such a manner that both novices and professionals can benefit. With the popularity of fourth generation languages, web developers are more at ease with tools that can simplify writing code and help in repetitive tasks by just writing a few lines of code. The challenge of not being able to see to face to face is more than made up with good quality audio, lectures and video which gives the feel of being in a classroom. I am certainly amazed by the confluence of good content, internet, video and other technologies converging to provide a seamless learning experience. I look forward to doing a couple of courses more and suggesting it to my friends. The examples provided for jQuery attributes and selectors make it easier to understand and implement in our own websites. Learning syntax and commands are also easier through structured learning.
- Mark Muriithi:
What a wonderful experience it is to do online courses on topics which are quite new and unfamiliar to me. The jQuery fundamentals course is a basic programme but provides a comprehensive view of its installation procedures, coding, selectors and attributes and how they integrate into HTML.
The lectures and presentations are of high quality although the video was jerky in some places. jQuery itself has been split into different courses which makes it easier for learners to master one aspect and go into next without giving the feeling of having to go through the voluminous content. I am glad to know about the tools to easily manipulate
Each certificate from EduCba is an impetus to move onto more challenging courses, advanced ones and try new topics. More practice lessons in programming may add value to the course. I would certainly recommend the EduCBA courses to my colleagues and friends as EduCBA has a variety of courses not usually available through formal learning.
I am sure EduCBA will come up with more innovative courses and updates, the use of infographics can enhance the quality of learning on many topics.
| Where do our learners come from? |
| Professionals from around the world have benefited from eduCBA’s jQuery Fundamentals Training courses. Some of the top places that our learners come from include New York, Dubai, San Francisco, Bay Area, New Jersey, Houston, Seattle, Toronto, London, Berlin, UAE, Chicago, UK, Hong Kong, Singapore, Australia, New Zealand, India, Bangalore, New Delhi, Mumbai, Pune, Kolkata, Hyderabad and Gurgaon among many. |
