You can learn anything on Udemy. Start today with one of our 10,000+ online courses

JavaScript Basics: Parts I and II

Learn everything you need to build world-class web applications in this JavaScript tutorial for beginners course.
20 reviews
WHAT'S INSIDE
  • Lifetime access to 121 lectures
  • 14+ hours of high quality content
  • A community of 5000+ students learning together!
TAUGHT BY
  • 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 holds the Java Certified Programmer and Java Certified Developer certifications, and has been designated by Sun Microsystems as a Java Champion. Through Deitel & Associates, Inc., he has delivered Java, C, C , C# and Visual Basic courses to industry clients, including IBM, Sun Microsystems, Dell, Lucent Technologies, Fidelity, NASA at the Kennedy Space Center, the National Severe Storm Laboratory, White Sands Missile Range, Rogue Wave Software, Boeing, Stratus, Cambridge Technology Partners, Open Environment Corporation, One Wave, Hyperion Software, Adra Systems, Entergy, CableData Systems, Nortel Networks, Puma, iRobot, Invensys and many more. He has also lectured on Java and C for the Boston Chapter of the Association for Computing Machinery. He and his father, Dr. Harvey M. Deitel, are the world’s best-selling programming language textbook authors.

    • C# 2012 Fundamentals I, II, III and IV are based on our book C# 2012 for Programmers, 4th Edition
    • C# 2010 Fundamentals I, II, and III are based on our book C# 2010 for Programmers, 4th Edition
    • Java Fundamentals I and II are based on our textbook Java How to Program, 7/e.
    • C# 2008 Fundamentals I and II are based on our professional book C# 2008 for Programmers.
    • JavaScript Fundamentals I and II are based on our professional bookJavaScript for Programmers.
    • C++ Fundamentals I and II are based on our professional book C++ for Programmers.
    • iOS 6 App Development Fundamentsals are based on our professional e-book Dive-Into iOS 6: An App-Driven Approach.
SHARE

JavaScript Basics: Parts I and II

Learn everything you need to build world-class web applications in this JavaScript tutorial for beginners course.
20 reviews

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

CURRICULUM

  • SECTION 1:
    Before you begin
  • 1
    Code examples
    3.81 MB

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

  • SECTION 2:
    Introduction to Javascript Fundamentals I LiveLessons
  • 2
    Introduction
    02:10
  • SECTION 3:
    Lesson 1: Introduction to XHTML
  • 3
    Learning Objectives
    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.

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

  • 21
    Using inline styles
    06:30
  • 22
    Embedded style sheets
    11:37
  • 23
    Inheritance in style sheets
    22:50
  • 24
    External style sheet and Linking an external style sheet
    05:34
  • 25
    Absolute positioning of elements
    10:05
  • 26
    Relative positioning of elements
    08:18
  • 27
    Adding background images and indentation
    05:58
  • 28
    Element dimensions and text alignment
    05:14
  • 29
    Box model for block-level elements and Borders of block-level elements
    07:34
  • 30
    Floating elements
    08:25
  • 31
    CSS media types
    06:59
  • 32
    CSS drop-down menu
    07:24
  • 33
    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
  • 34
    Learning Objectives
    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.

  • 35
    Displaying a line of text
    10:55
  • 36
    Printing one line with separate statements
    07:37
  • 37
    Printing on multiple lines with a single statement
    01:39
  • 38
    Alert dialog displaying multiple lines
    04:00
  • 39
    Prompt box used on a welcome screen
    05:49
  • 40
    Addition script (and Using the Firebug Debugger)
    13:31
  • 41
    Using equality and relational operators
    10:38
  • SECTION 6:
    Lesson 4: Control Statements I
  • 42
    Learning Objectives
    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.

  • 43
    Counter-controlled repetition to calculate a class average
    14:33
  • 44
    Sentinel-controlled repetition to calculate a class average
    07:13
  • 45
    Examination-results calculation
    05:34
  • 46
    Arithmetic assignment operators
    02:50
  • 47
    Increment and decrement operators and Preincrementing and postincrementing
    04:47
  • SECTION 7:
    Lesson 5: Control Statements II
  • 48
    Learning Objectives
    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.

  • 49
    Counter-controlled repetition
    03:28
  • 50
    Counter-controlled repetition with the for statement
    06:11
  • 51
    Summation with the for repetition structure
    01:42
  • 52
    Compound interest calculation with a for loop
    07:17
  • 53
    Using the switch multiple-selection statement
    09:02
  • 54
    Using the do..while repetition statement
    03:14
  • 55
    Using the break statement in a for statement
    02:38
  • 56
    Using the continue statement in a for statement
    01:57
  • 57
    Demonstrating logical operators
    03:13
  • SECTION 8:
    Lesson 6: Functions
  • 58
    Learning Objectives
    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.

  • 59
    Programmer-defined function square
    08:25
  • 60
    Programmer-defined maximum function
    04:42
  • 61
    Random integers, shifting and scaling
    04:16
  • 62
    Rolling a six-sided die 6000 times
    03:08
  • 63
    Craps game simulation
    24:27
  • 64
    Scoping example
    12:15
  • 65
    JavaScript global functions
    01:46
  • SECTION 9:
    Lesson 7: Arrays
  • 66
    Learning Objectives
    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.

  • 67
    Initializing the elements of an array
    06:26
  • 68
    Declaring and initializing arrays
    03:31
  • 69
    Summing elements of an array
    02:52
  • 70
    Dice-rolling program using an array instead of a switch
    01:55
  • 71
    Random image generation using arrays
    01:54
  • 72
    Passing arrays and individual array elements to functions
    07:59
  • 73
    Sorting an array with Array method sort
    05:45
  • 74
    Initializing multidimensional arrays
    06:25
  • 75
    Online quiz graded with JavaScript
    07:17
  • SECTION 10:
    Summary of Javascript Fundamentals I LiveLessons
  • 76
    Summary
    01:03
  • SECTION 11:
    Introduction to Javascript Fundamentals II LiveLessons
  • 77
    Introduction
    03:36
  • SECTION 12:
    Lesson 1: Objects
  • 78
    Learning Objectives
    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.

  • 79
    Finding information about JavaScript Objects
    02:52
  • 80
    String methods charAt, charCodeAt, fromCharCode, toLowercase
    04:27
  • 81
    String searching with indexOf and lastIndexOf
    09:36
  • 82
    String object methods split and substring
    05:54
  • 83
    String object XHTML markup methods
    04:50
  • 84
    Date and time methods of the Date object
    06:52
  • 85
    Using the window object to create and modify child windows
    13:59
  • 86
    Using cookies to store user identification data
    09:04
  • 87
    Rich welcome page using several JavaScript concepts and Online quiz in a child window
    12:32
  • SECTION 13:
    Lesson 2: Document Object Model
  • 88
    Learning Objectives
    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.

  • 89
    Demonstration of a document's DOM tree
    07:47
  • 90
    Basic DOM functionality
    26:48
  • 91
    Using the links collection
    12:31
  • 92
    Dynamic styles
    04:31
  • 93
    Dynamic styles used for animation
    14:52
  • SECTION 14:
    Lesson 3: Events
  • 94
    Learning Objectives
    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.

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

RATING

  • 11
  • 6
  • 2
  • 1
  • 0
AVERAGE RATING
NUMBER OF RATINGS
20

REVIEWS

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

  • 30 day money back guarantee!
  • Lifetime Access. No Limits!
  • Mobile Accessibility
  • Certificate of Completion