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
$19
$50
62% 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

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

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.

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

Curriculum

Section 1: Quick Intro to Using Javascript on Web Pages
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.

Article

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.

00:40

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!

Article


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

Article


JavaScript is intrepreted not compiled.

Article

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
Preview
01:07
Enable or Disable JavaScript in the Chrome Browser
Preview
03:40
Editors
05:13
Text Wrangler by BBEdit
03:06
Atom Editor
04:23
Dev Tools for Browsers
11:59
Section 3: Basics of JavaScript
Overview of JavaScript on a Web Page
Preview
04:15
Variables
Preview
02:50
Difference Between Functions and Methods
Article
Method: getElementById()
Article
Functions
03:33
JavaScript Comment //
Preview
00:27
Accessing .js External Files with Script Tag
Preview
02:27
JavaScript Styling Elements
09:32
Client Side or Server Side ?
01:59
Section 4: Interactive JavaScript
Using JavaScript to Build an Interactive Page
09:11
Adding 1 + 1 = Seems Simple Enough !
03:54
What Does Type Have To Do with It?
01:56
Use a Function, Onclick Event and Button
04:30
Building a Page to Add, Subtract, Multiply and Divide
03:19
Section 5: Fun with Converters
Example: Converters: F to C Temperature
09:29
Example: BMI Calculator
08:42
Section 6: Build an Interactive Order Form: Objects and HTML Controls
JavaScript Objects !
03:56
Sushi House Order Form: Selectable Data on a Form
02:20
Sushi House Order Form: HTML Markup
00:46
Sushi House Order Form: Adding the JavaScript
04:21
Sushi House Order Form: How It Works
02:04
Sushi House Order Form: External JavaScript File & HTML Controls
00:03
Section 7: JavaScript Libraries and Frameworks
Open Source Libraries
Processing..
Bootstrap
06:14
Foundation by Zurb
03:33
jQuery
09:02
Angular.js
06:50
D3 Library for Graphical Visualizations
06:38
Node.js
Processing..
CoffeeScript
03:47
Section 8: How Did We Do ?
If You Have a Question: Ask Me
01:05

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!

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

Education

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