Projects In JavaScript And JQuery | Eduonix
- 1. Learn JavaScript & jQuery Build Real-World Projects
- 2. What is JavaScript and jQuery? ● JavaScript is a language and jQuery is a library. ● JavaScript allows you to make functions, loops and data structures from its programming language. ● jQuery uses resources given by JavaScript to make things easier by manipulating DOM3, AJAX, JSON etc.
- 3. Why JavaScript & jQuery? ● jQuery has a Wide range of plugins ● jQuery has Powerful changing capabilities ● Extended functionality to web pages using JavaScript ● JavaScript is relatively an easy language comprises of syntax
- 4. Advantages of JavaScript & jQuery: ● jQuery seamlessly handles cross-browser issues ● jQuery packs a lot into a very small size ● Javascript is used for creating visual effects on screen, calculating data and performing processing on web pages ● Javascript is executed on the client side
- 6. Project-1: Simple JavaScript QuizIt’s a one-page simple project with multiple choice quiz. This project includes essentials like HTML5, CSS and JavaScript, variables, loops, Arrays and responsive design.
- 7. Project-2: jQuery Content Slider You will build a clean application using fadeIn() and fadeOut() method that will allow you to create a new button for the slider.
- 8. Project-3: Youtube Search Engine You will build a video search engine using YouTube data API v3. You will be implementing “FancyBox” Which is a LightBox script which allows video to open on your website instead of redirecting to YouTube.
- 9. Project-4: Accordion Slider You will be using the SlideToggle() method to build a content accordion for an FAQ section and other contexts.
- 10. Project-5: Ajax PHP shoutbox This project requires many technologies to be implemented to build a shoutbox/chat module. You will build a backend MySQL database connecting it via PHP followed by the request to another PHP file that will insert data into correct tables.
- 11. Project-6: Apple Style Thumb Slider You will build an image slider similar to Apple’s website and apps with the help of thumbnail animation and auto scroll.
- 12. Project-7: Create a jQuery Plugin You will be creating a real jQuery plugin, make it ready and upload it to jQuery.com plugin registry. You will also learn about Git and Github.com.
- 13. Project-8: jQuery Portfolio Gallery You will build an image gallery with several features such as lightbox effect, categorization, overlay effect etc.
- 14. Project-9: jQuery Mobile App You will be creating a mobile-based app using HTML5 and jQuery mobile framework. You will build a mile tracker application. This app will show you the mileage of your run and jog. It will also record the date and allow you to update and delete. Data storing will use local storage.
- 15. Project-10: Tic Tac Toe This will be a simple basic game. There will be few implementation of rules and conditions such as not to allow clicking in the same square twice.
- 16. Why Learn JavaScript & jQuery? This entire course will make you a professional programming expert in JavaScript and jQuery! :)
- 17. Learn JavaScript & jQuery for free at www.eduonix.com Apply Coupon Code: ojsqfree