
Lecture Description
Hey all, in this JavaScript tutorial for beginners, I'll explain how we can reach into the DOM and grab content (nodes) from the DOM tree, such as elements, classes and ID's. And I'll also explain how we can search 'within' tags under different scopes to find child elements.
In this tutorial we'll learn three JavaScript methods (functions) to do that:
getElementsByTagName() - returns an array of objects
getElementsByClassName() - returns an array of objects
getElementById() - returns a single object
SUBSCRIBE TO CHANNEL - www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1
========== JavaScript for Beginners Playlist ==========
www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET
========== CSS for Beginners Playlist ==========
www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT
========== HTML for Beginners Playlist ==========
www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc
========== The Net Ninja ============
For more front-end development tutorials & to black-belt your coding skills, head over to - www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or thenetninja.co.uk
========== Social Links ==========
Twitter - @TheNetNinja - twitter.com/thenetninjauk
Course Index
- Introduction
- avaScript?
- Hello World! in JavaScript
- Where to put your JS
- Google Chrome Developer Tools
- Basic JavaScript Syntax & Rules
- JavaScript Variables
- Basic Mathematical Operators
- Math Operator Short-hand
- Logging to the Console
- Booleans in JavaScript
- If Statements
- Else If Statements
- Comparison Operators
- Logical Operators
- While Loops
- For Loops
- Break & Continue
- Practical Example using Loops
- Functions
- Variable Scope
- Numbers
- (Not a Number)
- Strings
- Slice and Split Strings
- Arrays
- Introduction to Objects
- Creating a new JavaScript Object
- THIS Keyword
- Constructor Functions
- The Date Object
- What is the DOM in JavaScript?
- Traversing the DOM
- Changing Page Content
- Changing Element Attributes
- Changing CSS Styles
- Adding Elements to the DOM
- Removing Elements from the DOM
- - Introduction to JavaScript Events
- The onClick Event
- Window onLoad Event
- JavaScript Timers
- Accessing Form Elements
- VERY Simple Form Validation
- JavaScript Libraries
- What to Study Next
Course Description
Go from zero to ninjas in this JavaScript for Beginners complete tutorial playlist. In this playlist we'll start with the basics - what is JavaScript, how do we use it, variables, arrays and control flow. Then we'll crank it up a notch and talk about slightly more advanced JavaScript topics such as Objects and Event handling. Finally we'll look at a few JS Libraries and where to look next to further your study!