Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Introduction to Using JavaScript on Web Pages to your Wishlist.

Add to Wishlist

Introduction to Using JavaScript on Web Pages

Understand JavaScript basics to enhance user experiences and add interactive features.
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1 student enrolled
Created by Joanne Fantini
Last updated 9/2016
$10 $50 80% off
4 days left at this price!
30-Day Money-Back Guarantee
  • 2.5 hours on-demand video
  • 6 Articles
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?

This Introduction to JavaScript course shows you how to work with JavaScript to make your pages truly interactive.

Have you ever wondered how to design and program
the everyday things you see on web pages?
like calculators ? or an order form?  

We go over basics like JavaScript variables and functions,
how JavaScript manipulates page elements,
and the tools you will use … browsers, editors, dev tools etc.

If you have taken the other HTML AND CSS 
Add this course to complete the web technology Trinity of
HTML - CSS - JavaScript

Join this course to do it !

Who is the target audience?
  • Anybody interested in the topic can take this course.
  • But if you are not familiar with HTML and HTML elements, then please take the "Hello, World introduces you to exciting Web Design and Programming Course" prior or while you are taking this course.
Students Who Viewed This Course Also Viewed
What Will I Learn?
know how JavaScript can change page elements,
go over basics like JavaScript variables, methods, and functions,
and add interactivity to HTML pages.
View Curriculum
  • You should have a computer like a Apple Mac or PC avaialble with a browser. If you don't already work with an editor, view the Editor section and choose which would suit you. The goal of the course is to learn and understand through viewing active examples of how to use JavaScript in a web page. Please ask questions if you have to ask.
  • Basic HTML knowledge.
Curriculum For This Course
Expand All 43 Lectures Collapse All 43 Lectures 02:31:04
Quick Intro to Using Javascript on Web Pages
6 Lectures 03:59

JavaScript is a programming language that's built into all the major web browsers. It is a scripting language, that is interpreted by the browser engine when the web page is loaded.  It is an exciting time to learn JavaScript! So glad you are here.

Preview 02:20

JavaScript is a programming language that's built into all the major web browsers. It is a scripting language, that is interpreted by the browser engine when the web page is loaded.  It is an exciting time to learn JavaScript! So glad you are here.


The instructor, Joanne Fantini, has over 25 years of product development experience in Software and Hardware development for online products and services. She has full lifecycle experience and especially with startups. Development is fun because it is creative with a technical side. One must be flexible to change with new technologies. She looks forward to meeting you on Google Hangouts or Skype!  Let's go!

Preview 00:40

In a perfect, one would plan to strive for the best outcome. Let's pretend we are in a perfect Internet world. In that case, HTML provides the structure to a web page. Once the page structure is designed and completed, CSS provides the style and JavaScript provides the behavior. All this is assuming, in the plan, that one has designed the page or application beforehand for its look (UI) and its feel and its intended use (UX).

A Perfect World

JavaScript is intrepreted not compiled.

Intrepreted or compiled.

JavaScript is case-sensitive. so when you are creating or editing your code, be aware of that fact.

Case Sensitive
The Tools to Use: Browsers, Editors, Dev Tools etc.
6 Lectures 29:28


Text Wrangler by BBEdit

Atom Editor

Dev Tools for Browsers
Basics of JavaScript
9 Lectures 25:57

Difference Between Functions and Methods

Method: getElementById()


JavaScript Styling Elements

Client Side or Server Side ?
Interactive JavaScript
5 Lectures 22:50
Using JavaScript to Build an Interactive Page

Adding 1 + 1 = Seems Simple Enough !

What Does Type Have To Do with It?

Use a Function, Onclick Event and Button

Building a Page to Add, Subtract, Multiply and Divide
Fun with Converters
2 Lectures 18:11
Example: Converters: F to C Temperature

Example: BMI Calculator
Build an Interactive Order Form: Objects and HTML Controls
6 Lectures 13:30
JavaScript Objects !

Sushi House Order Form: Selectable Data on a Form

Sushi House Order Form: HTML Markup

Sushi House Order Form: Adding the JavaScript

Sushi House Order Form: How It Works

Sushi House Order Form: External JavaScript File & HTML Controls
JavaScript Libraries and Frameworks
8 Lectures 36:04
Open Source Libraries


Foundation by Zurb



D3 Library for Graphical Visualizations


How Did We Do ?
1 Lecture 01:05
If You Have a Question: Ask Me
About the Instructor
4.3 Average rating
3 Reviews
1,044 Students
3 Courses
Web & Software Application Developer

Hello, I'm a Software Application Developer and have many years of experience putting together software products and services. Through these experiences, I believe I can accelerate the path to learning the essentials and creating web pages and sites quickly.

Active in new media development and software application development since 1988, I have held the professional roles of Computer Programmer, UI designer, Developer, Manager and Creative Director in addition to owner of an interactive studio in Boston, Massachusetts. I attained a BS in Computer Engineering and MS in Computer Systems at Lehigh University and Boston University respectively, to complement a few other interesting academic pursuits. I have taught Web design & programming seminars and courses at MIT Lincoln Lab and select colleges. Looking forward to the Udemy experience!

Throughout many projects, I participated in the design and programming of interfaces and projects for CD, DVD, kiosk, mobile and Internet applications. The design of UI/UX, User Interface design and programming, concept to finish is my specialty.

I worked directly with clients and senior staff level; CEOs, VPs, Presidents, Directors at MIT, Verizon Labs, ESPN, Comcast SportsNet, Cox Cable Communications, MTI, General Motors, Polaroid (maker of the original Selfie camera!), Smithsonian, Mercer Management Consulting, Fidelity, Putnam Investments, Mitsubishi Electric, Bell South as well as startups. Working with many different startups as the Internet has evolved, Sports Kareoke is a favorite project; yes, it's true.

In addition, entrepreneurial experience and responsibility for/or with principals for complete lifecycle is what 50% of my career has been about. I have been in the trenches; the battlefields! I hope to help you in your development and endeavours in the exciting space of the Internet and Mobile device app development.

Let's go!

UI/UX design, software and application development, digital/social media research, project management, product development, learning design, business development, partnerships.


M.S., Computer Information Systems, Boston University

B.S., Computer Engineering, Lehigh University

A.S., Architecture, Passive Solar Design, Burlington County College

Report Abuse