SlideShare a Scribd company logo
Learn JavaScript & jQuery
Build Real-World Projects
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.
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
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
Build 10 Real-World
Projects
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.
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.
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.
Project-4: Accordion Slider
You will be using the SlideToggle() method to build a content
accordion for an FAQ section and other contexts.
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.
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.
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.
Project-8: jQuery Portfolio Gallery
You will build an image gallery with several features such as
lightbox effect, categorization, overlay effect etc.
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.
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.
Why Learn JavaScript &
jQuery?
This entire course will make you a professional programming
expert in JavaScript and jQuery! :)
Learn JavaScript & jQuery for free at
www.eduonix.com
Apply Coupon Code: ojsqfree
Thank you
Happy Learning!

More Related Content

What's hot (20)

Demand driven applications with om.next and react native
Demand driven applications with om.next and react nativeDemand driven applications with om.next and react native
Demand driven applications with om.next and react native
dvcrn
 
React workshop presentation
React workshop presentationReact workshop presentation
React workshop presentation
Bojan Golubović
 
Asp
AspAsp
Asp
Fred Rodriguez
 
Web components: the future has come
Web components: the future has comeWeb components: the future has come
Web components: the future has come
Andrea Chiarelli
 
Django
DjangoDjango
Django
sisibeibei
 
Introduction à GWT
Introduction à GWTIntroduction à GWT
Introduction à GWT
Arcbees
 
Frontend as a first class citizen
Frontend as a first class citizenFrontend as a first class citizen
Frontend as a first class citizen
Marcin Grzywaczewski
 
Reactjs workshop (1)
Reactjs workshop (1)Reactjs workshop (1)
Reactjs workshop (1)
Ahmed rebai
 
MVP with GWT and GWTP
MVP with GWT and GWTPMVP with GWT and GWTP
MVP with GWT and GWTP
Christian Goudreau
 
Rp 6 session 2 naresh bhatia
Rp 6  session 2 naresh bhatiaRp 6  session 2 naresh bhatia
Rp 6 session 2 naresh bhatia
sapientindia
 
Lightning Web Components- Ep 2 - Component Communication using Events
Lightning Web Components- Ep 2 - Component Communication using EventsLightning Web Components- Ep 2 - Component Communication using Events
Lightning Web Components- Ep 2 - Component Communication using Events
Nishant Singh Panwar
 
Learn reactjs, how to code with example and general understanding thinkwik
Learn reactjs, how to code with example and general understanding   thinkwikLearn reactjs, how to code with example and general understanding   thinkwik
Learn reactjs, how to code with example and general understanding thinkwik
Hetaxi patel
 
HTML5 Charting in ASP.NET using RadHtmlChart
HTML5 Charting in ASP.NET using RadHtmlChartHTML5 Charting in ASP.NET using RadHtmlChart
HTML5 Charting in ASP.NET using RadHtmlChart
Lohith Goudagere Nagaraj
 
Nodejsvs
NodejsvsNodejsvs
Nodejsvs
Dhananjay Kumar
 
jQuery Foundation Keynote
jQuery Foundation KeynotejQuery Foundation Keynote
jQuery Foundation Keynote
Richard Worth
 
GDG Atlanta - Angular.js Demo and Workshop
GDG Atlanta - Angular.js Demo and WorkshopGDG Atlanta - Angular.js Demo and Workshop
GDG Atlanta - Angular.js Demo and Workshop
Drew Morris
 
Arsitektur Aplikasi Modern - Faisal Henry Susanto
Arsitektur Aplikasi Modern - Faisal Henry SusantoArsitektur Aplikasi Modern - Faisal Henry Susanto
Arsitektur Aplikasi Modern - Faisal Henry Susanto
DicodingEvent
 
Tech Talk on ReactJS
Tech Talk on ReactJSTech Talk on ReactJS
Tech Talk on ReactJS
Atlogys Technical Consulting
 
GraphQL Bangkok Meetup 6.0
GraphQL Bangkok Meetup 6.0GraphQL Bangkok Meetup 6.0
GraphQL Bangkok Meetup 6.0
Tobias Meixner
 
jQuery Mobile Overview - Boston
jQuery Mobile  Overview -  BostonjQuery Mobile  Overview -  Boston
jQuery Mobile Overview - Boston
Todd Parker
 
Demand driven applications with om.next and react native
Demand driven applications with om.next and react nativeDemand driven applications with om.next and react native
Demand driven applications with om.next and react native
dvcrn
 
React workshop presentation
React workshop presentationReact workshop presentation
React workshop presentation
Bojan Golubović
 
Web components: the future has come
Web components: the future has comeWeb components: the future has come
Web components: the future has come
Andrea Chiarelli
 
Introduction à GWT
Introduction à GWTIntroduction à GWT
Introduction à GWT
Arcbees
 
Reactjs workshop (1)
Reactjs workshop (1)Reactjs workshop (1)
Reactjs workshop (1)
Ahmed rebai
 
Rp 6 session 2 naresh bhatia
Rp 6  session 2 naresh bhatiaRp 6  session 2 naresh bhatia
Rp 6 session 2 naresh bhatia
sapientindia
 
Lightning Web Components- Ep 2 - Component Communication using Events
Lightning Web Components- Ep 2 - Component Communication using EventsLightning Web Components- Ep 2 - Component Communication using Events
Lightning Web Components- Ep 2 - Component Communication using Events
Nishant Singh Panwar
 
Learn reactjs, how to code with example and general understanding thinkwik
Learn reactjs, how to code with example and general understanding   thinkwikLearn reactjs, how to code with example and general understanding   thinkwik
Learn reactjs, how to code with example and general understanding thinkwik
Hetaxi patel
 
HTML5 Charting in ASP.NET using RadHtmlChart
HTML5 Charting in ASP.NET using RadHtmlChartHTML5 Charting in ASP.NET using RadHtmlChart
HTML5 Charting in ASP.NET using RadHtmlChart
Lohith Goudagere Nagaraj
 
jQuery Foundation Keynote
jQuery Foundation KeynotejQuery Foundation Keynote
jQuery Foundation Keynote
Richard Worth
 
GDG Atlanta - Angular.js Demo and Workshop
GDG Atlanta - Angular.js Demo and WorkshopGDG Atlanta - Angular.js Demo and Workshop
GDG Atlanta - Angular.js Demo and Workshop
Drew Morris
 
Arsitektur Aplikasi Modern - Faisal Henry Susanto
Arsitektur Aplikasi Modern - Faisal Henry SusantoArsitektur Aplikasi Modern - Faisal Henry Susanto
Arsitektur Aplikasi Modern - Faisal Henry Susanto
DicodingEvent
 
GraphQL Bangkok Meetup 6.0
GraphQL Bangkok Meetup 6.0GraphQL Bangkok Meetup 6.0
GraphQL Bangkok Meetup 6.0
Tobias Meixner
 
jQuery Mobile Overview - Boston
jQuery Mobile  Overview -  BostonjQuery Mobile  Overview -  Boston
jQuery Mobile Overview - Boston
Todd Parker
 

Similar to Projects In JavaScript And JQuery | Eduonix (20)

Pro jQuery 2 0 Second Edition Adam Freeman
Pro jQuery 2 0 Second Edition Adam FreemanPro jQuery 2 0 Second Edition Adam Freeman
Pro jQuery 2 0 Second Edition Adam Freeman
waibapandim
 
Jquery tutorial
Jquery tutorialJquery tutorial
Jquery tutorial
HarikaReddy115
 
Monster JavaScript Course - 50+ projects and applications
Monster JavaScript Course - 50+ projects and applicationsMonster JavaScript Course - 50+ projects and applications
Monster JavaScript Course - 50+ projects and applications
Laurence Svekis ✔
 
Training javascript 2012 hcmut
Training javascript 2012 hcmutTraining javascript 2012 hcmut
Training javascript 2012 hcmut
University of Technology
 
What's this jQuery? Where it came from, and how it will drive innovation
What's this jQuery? Where it came from, and how it will drive innovationWhat's this jQuery? Where it came from, and how it will drive innovation
What's this jQuery? Where it came from, and how it will drive innovation
Marakana Inc.
 
Fewd week4 slides
Fewd week4 slidesFewd week4 slides
Fewd week4 slides
William Myers
 
Lesson 201 14 sep13-1500-ay
Lesson 201 14 sep13-1500-ayLesson 201 14 sep13-1500-ay
Lesson 201 14 sep13-1500-ay
Codecademy Ren
 
Lesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ayLesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ay
Codecademy Ren
 
Jquery
JqueryJquery
Jquery
reddivarihareesh
 
Difference between java script and jquery
Difference between java script and jqueryDifference between java script and jquery
Difference between java script and jquery
Umar Ali
 
Devdays Seattle jQuery Intro for Developers
Devdays Seattle jQuery Intro for DevelopersDevdays Seattle jQuery Intro for Developers
Devdays Seattle jQuery Intro for Developers
cody lindley
 
Microsoft PowerPoint - jQuery-1-Ajax.pptx
Microsoft PowerPoint - jQuery-1-Ajax.pptxMicrosoft PowerPoint - jQuery-1-Ajax.pptx
Microsoft PowerPoint - jQuery-1-Ajax.pptx
guestc8e51c
 
Microsoft PowerPoint - jQuery-3-UI.pptx
Microsoft PowerPoint - jQuery-3-UI.pptxMicrosoft PowerPoint - jQuery-3-UI.pptx
Microsoft PowerPoint - jQuery-3-UI.pptx
guestc8e51c
 
issue1
issue1issue1
issue1
guest5fe9d57
 
issue1
issue1issue1
issue1
guest922726
 
AJS UNIT-1 2021-converted.pdf
AJS UNIT-1 2021-converted.pdfAJS UNIT-1 2021-converted.pdf
AJS UNIT-1 2021-converted.pdf
SreeVani74
 
JavaScript!
JavaScript!JavaScript!
JavaScript!
RTigger
 
jQuery Interview Questions By ScholarHat.pdf
jQuery Interview Questions By ScholarHat.pdfjQuery Interview Questions By ScholarHat.pdf
jQuery Interview Questions By ScholarHat.pdf
Scholarhat
 
JavaScript: Creative Coding for Browsers
JavaScript: Creative Coding for BrowsersJavaScript: Creative Coding for Browsers
JavaScript: Creative Coding for Browsers
noweverywhere
 
jQuery
jQueryjQuery
jQuery
briannareedesign
 
Pro jQuery 2 0 Second Edition Adam Freeman
Pro jQuery 2 0 Second Edition Adam FreemanPro jQuery 2 0 Second Edition Adam Freeman
Pro jQuery 2 0 Second Edition Adam Freeman
waibapandim
 
Monster JavaScript Course - 50+ projects and applications
Monster JavaScript Course - 50+ projects and applicationsMonster JavaScript Course - 50+ projects and applications
Monster JavaScript Course - 50+ projects and applications
Laurence Svekis ✔
 
What's this jQuery? Where it came from, and how it will drive innovation
What's this jQuery? Where it came from, and how it will drive innovationWhat's this jQuery? Where it came from, and how it will drive innovation
What's this jQuery? Where it came from, and how it will drive innovation
Marakana Inc.
 
Lesson 201 14 sep13-1500-ay
Lesson 201 14 sep13-1500-ayLesson 201 14 sep13-1500-ay
Lesson 201 14 sep13-1500-ay
Codecademy Ren
 
Lesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ayLesson 203 18 sep13-1500-ay
Lesson 203 18 sep13-1500-ay
Codecademy Ren
 
Difference between java script and jquery
Difference between java script and jqueryDifference between java script and jquery
Difference between java script and jquery
Umar Ali
 
Devdays Seattle jQuery Intro for Developers
Devdays Seattle jQuery Intro for DevelopersDevdays Seattle jQuery Intro for Developers
Devdays Seattle jQuery Intro for Developers
cody lindley
 
Microsoft PowerPoint - jQuery-1-Ajax.pptx
Microsoft PowerPoint - jQuery-1-Ajax.pptxMicrosoft PowerPoint - jQuery-1-Ajax.pptx
Microsoft PowerPoint - jQuery-1-Ajax.pptx
guestc8e51c
 
Microsoft PowerPoint - jQuery-3-UI.pptx
Microsoft PowerPoint - jQuery-3-UI.pptxMicrosoft PowerPoint - jQuery-3-UI.pptx
Microsoft PowerPoint - jQuery-3-UI.pptx
guestc8e51c
 
AJS UNIT-1 2021-converted.pdf
AJS UNIT-1 2021-converted.pdfAJS UNIT-1 2021-converted.pdf
AJS UNIT-1 2021-converted.pdf
SreeVani74
 
JavaScript!
JavaScript!JavaScript!
JavaScript!
RTigger
 
jQuery Interview Questions By ScholarHat.pdf
jQuery Interview Questions By ScholarHat.pdfjQuery Interview Questions By ScholarHat.pdf
jQuery Interview Questions By ScholarHat.pdf
Scholarhat
 
JavaScript: Creative Coding for Browsers
JavaScript: Creative Coding for BrowsersJavaScript: Creative Coding for Browsers
JavaScript: Creative Coding for Browsers
noweverywhere
 
Ad

Recently uploaded (20)

Grannie’s Journey to Using Healthcare AI Experiences
Grannie’s Journey to Using Healthcare AI ExperiencesGrannie’s Journey to Using Healthcare AI Experiences
Grannie’s Journey to Using Healthcare AI Experiences
Lauren Parr
 
Introducing the OSA 3200 SP and OSA 3250 ePRC
Introducing the OSA 3200 SP and OSA 3250 ePRCIntroducing the OSA 3200 SP and OSA 3250 ePRC
Introducing the OSA 3200 SP and OSA 3250 ePRC
Adtran
 
Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...
Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...
Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...
Aaryan Kansari
 
Fortinet Certified Associate in Cybersecurity
Fortinet Certified Associate in CybersecurityFortinet Certified Associate in Cybersecurity
Fortinet Certified Associate in Cybersecurity
VICTOR MAESTRE RAMIREZ
 
Contributing to WordPress With & Without Code.pptx
Contributing to WordPress With & Without Code.pptxContributing to WordPress With & Without Code.pptx
Contributing to WordPress With & Without Code.pptx
Patrick Lumumba
 
STKI Israel Market Study 2025 final v1 version
STKI Israel Market Study 2025 final v1 versionSTKI Israel Market Study 2025 final v1 version
STKI Israel Market Study 2025 final v1 version
Dr. Jimmy Schwarzkopf
 
The case for on-premises AI
The case for on-premises AIThe case for on-premises AI
The case for on-premises AI
Principled Technologies
 
Securiport - A Border Security Company
Securiport  -  A Border Security CompanySecuriport  -  A Border Security Company
Securiport - A Border Security Company
Securiport
 
European Accessibility Act & Integrated Accessibility Testing
European Accessibility Act & Integrated Accessibility TestingEuropean Accessibility Act & Integrated Accessibility Testing
European Accessibility Act & Integrated Accessibility Testing
Julia Undeutsch
 
Introducing FME Realize: A New Era of Spatial Computing and AR
Introducing FME Realize: A New Era of Spatial Computing and ARIntroducing FME Realize: A New Era of Spatial Computing and AR
Introducing FME Realize: A New Era of Spatial Computing and AR
Safe Software
 
SDG 9000 Series: Unleashing multigigabit everywhere
SDG 9000 Series: Unleashing multigigabit everywhereSDG 9000 Series: Unleashing multigigabit everywhere
SDG 9000 Series: Unleashing multigigabit everywhere
Adtran
 
Palo Alto Networks Cybersecurity Foundation
Palo Alto Networks Cybersecurity FoundationPalo Alto Networks Cybersecurity Foundation
Palo Alto Networks Cybersecurity Foundation
VICTOR MAESTRE RAMIREZ
 
Droidal: AI Agents Revolutionizing Healthcare
Droidal: AI Agents Revolutionizing HealthcareDroidal: AI Agents Revolutionizing Healthcare
Droidal: AI Agents Revolutionizing Healthcare
Droidal LLC
 
End-to-end Assurance for SD-WAN & SASE with ThousandEyes
End-to-end Assurance for SD-WAN & SASE with ThousandEyesEnd-to-end Assurance for SD-WAN & SASE with ThousandEyes
End-to-end Assurance for SD-WAN & SASE with ThousandEyes
ThousandEyes
 
UiPath Community Zurich: Release Management and Build Pipelines
UiPath Community Zurich: Release Management and Build PipelinesUiPath Community Zurich: Release Management and Build Pipelines
UiPath Community Zurich: Release Management and Build Pipelines
UiPathCommunity
 
Dev Dives: System-to-system integration with UiPath API Workflows
Dev Dives: System-to-system integration with UiPath API WorkflowsDev Dives: System-to-system integration with UiPath API Workflows
Dev Dives: System-to-system integration with UiPath API Workflows
UiPathCommunity
 
AI Emotional Actors: “When Machines Learn to Feel and Perform"
AI Emotional Actors:  “When Machines Learn to Feel and Perform"AI Emotional Actors:  “When Machines Learn to Feel and Perform"
AI Emotional Actors: “When Machines Learn to Feel and Perform"
AkashKumar809858
 
ECS25 - The adventures of a Microsoft 365 Platform Owner - Website.pptx
ECS25 - The adventures of a Microsoft 365 Platform Owner - Website.pptxECS25 - The adventures of a Microsoft 365 Platform Owner - Website.pptx
ECS25 - The adventures of a Microsoft 365 Platform Owner - Website.pptx
Jasper Oosterveld
 
AI Trends - Mary Meeker
AI Trends - Mary MeekerAI Trends - Mary Meeker
AI Trends - Mary Meeker
Razin Mustafiz
 
Agentic AI - The New Era of Intelligence
Agentic AI - The New Era of IntelligenceAgentic AI - The New Era of Intelligence
Agentic AI - The New Era of Intelligence
Muzammil Shah
 
Grannie’s Journey to Using Healthcare AI Experiences
Grannie’s Journey to Using Healthcare AI ExperiencesGrannie’s Journey to Using Healthcare AI Experiences
Grannie’s Journey to Using Healthcare AI Experiences
Lauren Parr
 
Introducing the OSA 3200 SP and OSA 3250 ePRC
Introducing the OSA 3200 SP and OSA 3250 ePRCIntroducing the OSA 3200 SP and OSA 3250 ePRC
Introducing the OSA 3200 SP and OSA 3250 ePRC
Adtran
 
Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...
Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...
Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...
Aaryan Kansari
 
Fortinet Certified Associate in Cybersecurity
Fortinet Certified Associate in CybersecurityFortinet Certified Associate in Cybersecurity
Fortinet Certified Associate in Cybersecurity
VICTOR MAESTRE RAMIREZ
 
Contributing to WordPress With & Without Code.pptx
Contributing to WordPress With & Without Code.pptxContributing to WordPress With & Without Code.pptx
Contributing to WordPress With & Without Code.pptx
Patrick Lumumba
 
STKI Israel Market Study 2025 final v1 version
STKI Israel Market Study 2025 final v1 versionSTKI Israel Market Study 2025 final v1 version
STKI Israel Market Study 2025 final v1 version
Dr. Jimmy Schwarzkopf
 
Securiport - A Border Security Company
Securiport  -  A Border Security CompanySecuriport  -  A Border Security Company
Securiport - A Border Security Company
Securiport
 
European Accessibility Act & Integrated Accessibility Testing
European Accessibility Act & Integrated Accessibility TestingEuropean Accessibility Act & Integrated Accessibility Testing
European Accessibility Act & Integrated Accessibility Testing
Julia Undeutsch
 
Introducing FME Realize: A New Era of Spatial Computing and AR
Introducing FME Realize: A New Era of Spatial Computing and ARIntroducing FME Realize: A New Era of Spatial Computing and AR
Introducing FME Realize: A New Era of Spatial Computing and AR
Safe Software
 
SDG 9000 Series: Unleashing multigigabit everywhere
SDG 9000 Series: Unleashing multigigabit everywhereSDG 9000 Series: Unleashing multigigabit everywhere
SDG 9000 Series: Unleashing multigigabit everywhere
Adtran
 
Palo Alto Networks Cybersecurity Foundation
Palo Alto Networks Cybersecurity FoundationPalo Alto Networks Cybersecurity Foundation
Palo Alto Networks Cybersecurity Foundation
VICTOR MAESTRE RAMIREZ
 
Droidal: AI Agents Revolutionizing Healthcare
Droidal: AI Agents Revolutionizing HealthcareDroidal: AI Agents Revolutionizing Healthcare
Droidal: AI Agents Revolutionizing Healthcare
Droidal LLC
 
End-to-end Assurance for SD-WAN & SASE with ThousandEyes
End-to-end Assurance for SD-WAN & SASE with ThousandEyesEnd-to-end Assurance for SD-WAN & SASE with ThousandEyes
End-to-end Assurance for SD-WAN & SASE with ThousandEyes
ThousandEyes
 
UiPath Community Zurich: Release Management and Build Pipelines
UiPath Community Zurich: Release Management and Build PipelinesUiPath Community Zurich: Release Management and Build Pipelines
UiPath Community Zurich: Release Management and Build Pipelines
UiPathCommunity
 
Dev Dives: System-to-system integration with UiPath API Workflows
Dev Dives: System-to-system integration with UiPath API WorkflowsDev Dives: System-to-system integration with UiPath API Workflows
Dev Dives: System-to-system integration with UiPath API Workflows
UiPathCommunity
 
AI Emotional Actors: “When Machines Learn to Feel and Perform"
AI Emotional Actors:  “When Machines Learn to Feel and Perform"AI Emotional Actors:  “When Machines Learn to Feel and Perform"
AI Emotional Actors: “When Machines Learn to Feel and Perform"
AkashKumar809858
 
ECS25 - The adventures of a Microsoft 365 Platform Owner - Website.pptx
ECS25 - The adventures of a Microsoft 365 Platform Owner - Website.pptxECS25 - The adventures of a Microsoft 365 Platform Owner - Website.pptx
ECS25 - The adventures of a Microsoft 365 Platform Owner - Website.pptx
Jasper Oosterveld
 
AI Trends - Mary Meeker
AI Trends - Mary MeekerAI Trends - Mary Meeker
AI Trends - Mary Meeker
Razin Mustafiz
 
Agentic AI - The New Era of Intelligence
Agentic AI - The New Era of IntelligenceAgentic AI - The New Era of Intelligence
Agentic AI - The New Era of Intelligence
Muzammil Shah
 
Ad

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