4. JavaScript | Capabilities
Implementing form validation
React to user actions (click, mouse over…)
Appearing and disappearing elements
Content loading and changing dynamically
Performing complex calculations
Implementing Custom controls
Implementing AJAX functionality
… and many more.
5. JavaScript | Basics.
<script> tag in the head
<script> tag in the body
<script> tag external source (always empty)
Inline, for example:
<img src="DevLabs.jpg" onclick="alert('clicked!')" />
8. jQuery Advantages
Free, open source software
cross-browser JavaScript library
simplify the client-side scripting of HTML
syntax is designed to make it easier to
navigate the document and select DOM
elements
Create animations
Handle events
Develop advanced applications/effects
9. Why jQuery is So Popular?
Easy to learn
Easy to extend - you create new jQuery
plugins by creating new JavaScript functions
Powerful DOM Selection
Powered by CSS 3.0
Lightweight
Community Support with large community
of developers and geeks
10. jQuery | Selectors & Methods
as the syntax used in CSS to apply styles
html(), css(), text(), show(), hide()…
Live Demo
17. Output + Feedback
Facebook Group:
Software Engineering and
Management - Master Class
http://www.facebook.com/groups/1425392611009770/
Homework: Code the front-end main JavaScript &
jQuery functionalities of your projects.