JavaScript Basics: Parts I and II

Learn everything you need to build world-class web applications in this JavaScript tutorial for beginners course.
  • Lectures 121
  • Video 15 Hours
  • Skill level all level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

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.

Course Description

JavaScript Basics: JavaScript Tutorial for Beginners I and II provides you with all of the training you need to build world-class web applications. Begin with JavaScript basics, including control statements, functions, arrays, objects, events, CSS, DOM, and more. Then, master scripting with XML and RSS, and finish by learning to build the rich Ajax applications that are taking the Web by storm!

Your instructor, Paul Deitel, delivers over 14 hours of world-class video training.  Using the Deitels' signature "live-code" approach, Paul teaches by analyzing complete working programs, not trivial code fragments.

Take this JavaScript Tutorial for Beginners course now and learn JavaScript Basics.

And be sure to check out the extensive web application resources available through the  Deitel® Resource Centers at www.deitel.com/resourcecenters.html. Each week Deitel announces its latest Resource Centers in its newsletter, the DEITEL® BUZZ ONLINE (www.deitel.com/newsletter/subscribe.html).

For the latest information on Deitel publications and to be notified when Deitel content is updated or added, please follow Deitel on:

  • Twitter: @deitel
  • Facebook: http://www.deitel.com/deitelfan

</p>

What am I going to get from this course?

  • Over 121 lectures and 15 hours of content!
  • JavaScript Basics I and II provides you with all of the training you need to build world-class web applications.
  • Begin with JavaScript basics, including control statements, functions, arrays, objects, events, CSS, DOM, and more.
  • Master scripting with XML and RSS, and finish by learning to build the rich Ajax appliations that are taking the Web by storm!
  • Learn about XHTML markup
  • Understand Cascading Style Sheets
  • Learn the fundamentals of JavaScript programming including operators, control statements, functions, and arrays
  • Explore more in-depth coverage including XML and AJAX.

What is the target audience?

  • Web designers interested in JavaScript programming
  • Graphic designers seeking to upgrade their web skills
  • Entry-level JavaScript programmers interested in exploring more advanced JavaScript techniques.

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: Before you begin
3.81 MB

The source code from the book that corresponds to the video lessons.

Section 2: Introduction to Javascript Fundamentals I LiveLessons
Introduction
02:10
Section 3: Lesson 1: Introduction to XHTML
02:08

In this lesson you will learn to use XHTML to build basic web pages.  You will learn to add images to web pages, create and use hyperlinks,  mark up lists of information for use in drop down menus, and create tables and forms.  Finally, you will learn how to make web pages accessible to search engines.

Installing Firebug and the Web Developer Toolbar in Firefox
04:35
First XHTML example
14:39
Heading elements h1 through h6
04:32
Linking to other web pages
10:12
Linking to an e-mail address
06:50
Images in XHTML files
10:50
Images as link anchors
05:17
Inserting special characters
06:22
Unordered list containing hyperlinks
02:14
Nested and ordered lists
06:11
Creating a basic table
06:52
Complex XHTML table
06:38
Form with hidden fields and a text box
09:54
Form using a variety of components
08:13
Internal hyperlinks to make pages more navigable
04:50
Meta elements provide keywords and a description of a page
03:30
Section 4: Lesson 2: Cascading Style Sheets™ (CSS)
01:52

In this lesson you will learn to use CSS to control the look and feel of every element of your web pages.  You will learn to use the class attribute to apply styles to page elements.  You will also learn to specify fonts, sizes, colors and other properties; control the backgrounds of elements; use the box model to put padding and borders around elements; and finally use stylesheets to separate presentation from content.

Using inline styles
06:30
Embedded style sheets
11:37
Inheritance in style sheets
22:50
External style sheet and Linking an external style sheet
05:34
Absolute positioning of elements
10:05
Relative positioning of elements
08:18
Adding background images and indentation
05:58
Element dimensions and text alignment
05:14
Box model for block-level elements and Borders of block-level elements
07:34
Floating elements
08:25
CSS media types
06:59
CSS drop-down menu
07:24
Pt measurement for text size, User style sheet, User style sheet applied with pt measurement, em measurement for text size and U
04:38
Section 5: Lesson 3: Introduction to Scripting
01:30

In this lesson, you’ll learn how to write JavaScript programs that perform simple input and output.  You will learn how to use the if selection statement for decision making, and how to use  relational and equality operators with the if selection statement.

Displaying a line of text
10:55
Printing one line with separate statements
07:37
Printing on multiple lines with a single statement
01:39
Alert dialog displaying multiple lines
04:00
Prompt box used on a welcome screen
05:49
Addition script (and Using the Firebug Debugger)
13:31
Using equality and relational operators
10:38
Section 6: Lesson 4: Control Statements I
01:14

In this lesson, you’ll learn how to use the JavaScript control statements if, if…else, and while.  You will then explore counter-controlled repetition and sentinel-controlled repetition; and the increment, decrement, and assignment operators.

Counter-controlled repetition to calculate a class average
14:33
Sentinel-controlled repetition to calculate a class average
07:13
Examination-results calculation
05:34
Arithmetic assignment operators
02:50
Increment and decrement operators and Preincrementing and postincrementing
04:47
Section 7: Lesson 5: Control Statements II
01:28

In this lesson, you’ll learn how to use the JavaScript control statements for and do…while, as well as theswitch multiple-selection statement.  You will also learn about the break and continue statements, and the logical operators used to create complex conditions in your programs.

Counter-controlled repetition
03:28
Counter-controlled repetition with the for statement
06:11
Summation with the for repetition structure
01:42
Compound interest calculation with a for loop
07:17
Using the switch multiple-selection statement
09:02
Using the do..while repetition statement
03:14
Using the break statement in a for statement
02:38
Using the continue statement in a for statement
01:57
Demonstrating logical operators
03:13
Section 8: Lesson 6: Functions
02:13

In this lesson you will learn about user-defined functions.  You begin by creating functions and learning to pass information to them.  You then learn about using random number generation, the “visibility” or scope of identifiers, JavaScript’s global functions,  and finally recursive functions useful for manipulating XML files.

Programmer-defined function square
08:25
Programmer-defined maximum function
04:42
Random integers, shifting and scaling
04:16
Rolling a six-sided die 6000 times
03:08
Craps game simulation
24:27
Scoping example
12:15
JavaScript global functions
01:46
Section 9: Lesson 7: Arrays
01:03

This lesson first shows you how to declare, initialize, and reference elements of arrays in JavaScript.  You then learn how to pass arrays to functions,  sort array elements, and declare and manipulate multi-dimensional arrays.

Initializing the elements of an array
06:26
Declaring and initializing arrays
03:31
Summing elements of an array
02:52
Dice-rolling program using an array instead of a switch
01:55
Random image generation using arrays
01:54
Passing arrays and individual array elements to functions
07:59
Sorting an array with Array method sort
05:45
Initializing multidimensional arrays
06:25
Online quiz graded with JavaScript
07:17
Section 10: Summary of Javascript Fundamentals I LiveLessons
Summary
01:03
Section 11: Introduction to Javascript Fundamentals II LiveLessons
Introduction
03:36
Section 12: Lesson 1: Objects
02:55

In this lesson you learn about the built-in JavaScript objects Math, String, Date, Boolean, and Numberobjects.  Then you study the web-browser’s documentand window objects.  Finally you learn to use cookies to store session information.

Finding information about JavaScript Objects
02:52
String methods charAt, charCodeAt, fromCharCode, toLowercase
04:27
String searching with indexOf and lastIndexOf
09:36
String object methods split and substring
05:54
String object XHTML markup methods
04:50
Date and time methods of the Date object
06:52
Using the window object to create and modify child windows
13:59
Using cookies to store user identification data
09:04
Rich welcome page using several JavaScript concepts and Online quiz in a child window
12:32
Section 13: Lesson 2: Document Object Model
02:44

In this lesson you learn about the web-browser’s Document Object Model (DOM) to create dynamic web pages.  You learn to use JavaScript to manipulate the W3C DOM using both DOM nodes and DOM trees, traverse and modify XHTML document elements,  change CSS styles,  and create JavaScript animations using the DOM.

Demonstration of a document's DOM tree
07:47
Basic DOM functionality
26:48
Using the links collection
12:31
Dynamic styles
04:31
Dynamic styles used for animation
14:52
Section 14: Lesson 3: Events
03:22

This lesson introduces the concept of event handling in JavaScript.  You will learn how to create and register event handlers; enable and disable event bubbling; how to use the event object; and how to recognize and respond to onload, onmousemove, onmouseover, and onmouseout events.  These events allow you to program visual interactivity into your web pages.

Event registration models
08:20
Simple drawing program and some event object properties
12:56
Events onmouseover and onmouseout
13:10
Demonstrating the onfocus and onblur events
07:17
Demonstrating the onsubmit and onreset events
06:52
Canceling event bubbling
05:27

Instructor Biography

Paul J. Deitel , Best-selling Programming Languages Author and Trainer

Paul J. Deitel, CEO and Chief Technical Officer of Deitel & Associates, Inc., is a graduate of MIT’s Sloan School of Management, where he studied Information Technology. He is an Oracle Java Champion and was also named as a Microsoft Most Valuable Professional (MVP) for C# in 2012–2014. Through Deitel & Associates, Inc., he has delivered hundreds of programming courses on worldwide to clients, including Cisco, IBM, Siemens, Sun Microsystems, Dell, Fidelity, NASA at the Kennedy Space Center, the National Severe Storm Laboratory, White Sands Missile Range, Rogue Wave Software, Boeing, SunGard, Nortel Networks, Puma, iRobot, Invensys and many more. He and his co-author-, Dr. Harvey Deitel, are the world’s best-selling programming-language textbook/professional book/video authors

  • C# 2012 Fundamentals I, II, III and IV are based on our book C# 2012 for Programmers, 5th Edition
  • C# 2010 Fundamentals I, II, and III are based on our book C# 2010 for Programmers, 4th Edition
  • Java Fundamentals I, II, III and IV are based on our textbook Java How to Program, 10/e.
  • JavaScript Fundamentals I and II are based on our professional book JavaScript for Programmers.
  • C++ Fundamentals I and II are based on our professional book C++ for Programmers.
  • Swift Fundamentals is based on our professional book Swift for Programmers.
  • iOS 8 App-Development Fundamentals (coming soon) is based on our book iOS 8 for Programmers: An App-Driven Approach with Swift

Join the biggest student community

7,000,000

Hours of video content

26,000,000

Course Enrollments

7,100,000

Students

Reviews

Average Rating
4.4
Details
  1. 5 Stars
    11
  2. 4 Stars
    6
  3. 3 Stars
    2
  4. 2 Stars
    1
  5. 1 Stars
    0
    • Ceo@inaoc.com

    Disappointing

    So much class time was spent talking about non javascript subjects I had to keep checking to see I was enrolled in the right class. This course was demo'd on a windows computer which was further disappointment...

    • Mickey Langley

    Outstanding course

    I just completed this course and I must say it is one of the best video-based courses I have ever taken. I am an experienced .NET developer doing more and more web development and was particularly interested in JavaScript and Ajax. The examples were great and the explanations were thorough and understandable. Highly recommended.

    • Matt Roller

    Very Detailed Javascript Course!!

    Everything is here guys and gals! Best course to learn Javascript!!

    • Robbie Stockman

    Some good basics, but difficult to learn from mistakes

    Overall, this course shows how to do a lot of different operations using html, xml, javascript, and ajax, but most of it is just copying into a text editor. Many times, I found myself unable to make the lesson work and couldn't figure out what in my page was wrong. This course could use more examples, images, and explanations.

    • Alain Schwab

    Great introduction to JavaScript

    In these two courses "JavaScript" is only a part of what you will learn. You encounter all (web) technologies JavaScript was invented for. Hope there will be two advanced courses one time.

Show more reviews
Ready to start learning?
Preview this course