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
70% off
Take This Course
  • Lectures 43
  • Length 2.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 9/2016 English

Course Description

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 !

What are the requirements?

  • 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.

What am I going to get from this course?

  • know how JavaScript can change page elements,
  • go over basics like JavaScript variables, methods, and functions,
  • and add interactivity to HTML pages.

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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Quick Intro to Using Javascript on Web Pages

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.


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!


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).


JavaScript is intrepreted not compiled.


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

Section 2: The Tools to Use: Browsers, Editors, Dev Tools etc.
Browsers: Chrome, Safari, Firefox, IE, Opera & Javascript
Enable or Disable JavaScript in the Chrome Browser
Text Wrangler by BBEdit
Atom Editor
Dev Tools for Browsers
Section 3: Basics of JavaScript
Overview of JavaScript on a Web Page
Difference Between Functions and Methods
Method: getElementById()
JavaScript Comment //
Accessing .js External Files with Script Tag
JavaScript Styling Elements
Client Side or Server Side ?
Section 4: Interactive JavaScript
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
Section 5: Fun with Converters
Example: Converters: F to C Temperature
Example: BMI Calculator
Section 6: Build an Interactive Order Form: Objects and HTML Controls
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
Section 7: JavaScript Libraries and Frameworks
Open Source Libraries
Foundation by Zurb
D3 Library for Graphical Visualizations
Section 8: How Did We Do ?
If You Have a Question: Ask Me

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Joanne Fantini, 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

Ready to start learning?
Take This Course