JavaScript in Action 3 useful code components
4.4 (16 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,810 students enrolled

JavaScript in Action 3 useful code components

Apply JavaScript to build applications and useful code snippets Modal, Image carousel, Star Rating component JavaScript
4.4 (16 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,810 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto-generated]
Current price: $12.99 Original price: $19.99 Discount: 35% off
12 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 17 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • How to use JavaScript
  • How to create elements dynamically
  • Manipulate elements using JavaScript
Course content
Expand all 37 lectures 01:29:25
+ JavaScript Modal Popup Example
9 lectures 22:30
Source Code
00:24
Source Code
00:27
JavaScript Show Modal
03:15
Source Code
00:28
How to Hide Modal Remove Class
04:44
Source Code
00:32
PopUp Modal Code Review
04:21
+ Image Carousel JavaScript animated slideshow application
14 lectures 37:49
Setup JavaScript Slideshow.
04:26
Source Code
00:12
Add Content with JavaScript
04:32
Source Code
00:20
How to Build Content for User
06:52
Source Code
00:30
JavaScript interaction Adding clickable Indicators.
03:07
Source Code
00:35
Animated Play SlideShow
06:36
Source Code
00:43
Source Code
00:43
Final JavaScript SlideShow Code Review
06:46
Source Code
00:45
+ Star Rating project click and hover events
11 lectures 22:20
Star Rating Setup Code
03:06
Source Code
00:19
Add Event Listeners
03:40
Source Code
00:24
Event listeners JavaScript More Events to Add
03:41
Source Code
00:28
DOM Manipulate Elements
02:29
Source Code
00:33
Star Message To User
01:58
Star Rating Code Review
05:05
Source Code
00:36
Requirements
  • Fundamental JavaScript concepts
  • Access to computer
  • Use of editor to write code
  • HTML and CSS knowledge
Description

Useful applications and web site components covered within this course are listed below.  Perfect to practice and explore using JavaScript.  Extend your knowledge try the code and customize to suit your needs.  Code is explained in a step by step approach to building the below example applications.

Modal Popup component code using JavaScript

Add dialog's to your site for light-boxes, user notifications, or completely custom content.

  • Event listeners and inactive content

  • Element selection and manipulation

  • Updating element attributes

Carousel Image slideshow Animated slideshow with JavaScript

A slideshow for cycling through a series of content images and captions.  Including controls to navigate to images.

  • Dynamic updates with content

  • Animated with interactive indicators

  • Load as many images as you want

  • JavaScript methods for intervals and automatic movement.

Star Rating click and hover effects on Stars - Cool star rating application

Hover and click star selection for user interaction and ratings systems

  • Element selection and manipulation

  • Event listeners

  • DOM interaction

  • Element classes and manipulation

  • Applying conditions and logic statements

No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.

Step by step learning with all steps included.

Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game.  Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused.  

Along with friendly support in the Q&A to help you learn and answer any questions you may have.

Try it now you have nothing to lose, comes with a 30 day money back guarantee.  

Start building your own version of the game today!!!!


Who this course is for:
  • Beginners to JavaScript
  • Anyone who wants to practice writing JavaScript
  • Web developers
  • Webmasters
  • Anyone who wants to learn to make a JavaScript game without any libraries