Javascript For Beginners

JavaScript for Beginners teaches the fundamentals of the JavaScript language including variables, loops, arrays & more.

What you'll learn

The fundamentals of JavaScript

The Primitive Data types in JavaScript

Functions

Working with Arrays

Working with Objects

Working with the Document Object Model (DOM) to manipulate content on web pages

Requirements

All students need is Google Chrome & any text editor such as Visual Studio, Sublime Text, Brackets etc.

Description

The JavaScript for Beginners course aims to teach students who are new to JavaScript the fundamentals of the programming language. The course is taught by Darragh O'Neill a Udemy Instructor who has has received excellent reviews on the platform and has at present a 4.7 star rating. As someone who was once new to JavaScript too Darragh knows how hard it can be to learn the language which is why every single line of code we write will be explained clearly and concisely in this course! JavaScript can be a difficult coding language to learn but I promise by the end of this course students will be much more confident working with JavaScript! We start off by learning about variables and the primitive data types of strings, numbers, boolean etc. before working with control flow and decision making concepts such as if statements and loops. The course then teaches students how to declare and invoke functions. We will also cover other topics such as working with Arrays and Objects and of course working with the Document Object Model (the 'DOM'). The course also contains several mini-projects and challenges so we can apply the JavaScript syntax that we have learnt. The course has overs 13+ hours of content and by the end of this course students will be familiar with all the fundamental aspects of the JavaScript language including data types, variables, let, const var, arrays, objects, functions, manipulating the DOM and more.

Overview

Section 1: JavaScript Basics

Lecture 1 Introduction to JavaScript

Lecture 2 Visual Studio Code Text Editor

Lecture 3 Internal JavaScript

Lecture 4 External JavaScript

Lecture 5 Using the Console

Lecture 6 Comments in JavaScript

Lecture 7 Introduction to Variables

Lecture 8 Variables Part 2 - 'Const' Keyword

Lecture 9 Introduction to Strings

Lecture 10 Template Literals

Lecture 11 Introduction to Numbers & Math Operators

Lecture 12 Math Operators Part 2 - Increment & Decrement Operators

Lecture 13 Checking if numbers are Even or Odd

Lecture 14 Order of Operation

Lecture 15 Random Numbers

Lecture 16 Creating a Dice Roll in JavaScript

Lecture 17 Boolean Values

Lecture 18 Introduction to Arrays

Lecture 19 Null & Undefined

Lecture 20 User input & Type Conversion

Lecture 21 Review of JavaScript Basics Lecture

Section 2: Control Flow in JavaScript

Lecture 22 Comparison Operators

Lecture 23 Comparison Operators - Loose Equality & Strict Equality

Lecture 24 Comparison Operators continued

Lecture 25 if Statements

Lecture 26 else Statements

Lecture 27 else if Statement

Lecture 28 else if Number Guessing Game Challenge

Lecture 29 Logical AND (&&) Operator

Lecture 30 Logical OR Operator

Lecture 31 Logical NOT operator

Lecture 32 Logical NOT Practice Example

Lecture 33 Ternary Operator

Lecture 34 switch Statements

Lecture 35 for loops

Lecture 36 for loops with Arrays

Lecture 37 for loops Exercise Two - Even & Odd Numbers

Lecture 38 decrementing Loops

Lecture 39 while loops

Lecture 40 while loop guessing game

Lecture 41 while loop revision

Lecture 42 while Loop Challenge

Lecture 43 do while loop

Lecture 44 for Loop Challenges - Part One

Lecture 45 for Loop Challenges - Part Two

Lecture 46 for Loop Challenges- Part Three: use for loop to iterate over an Array Backwards

Lecture 47 Block Scope - Global and Local Variables

Lecture 48 Control flow review lecture

Section 3: JavaScript Functions

Lecture 49 Introduction to Functions

Lecture 50 Our first Function! sayHello() Function

Lecture 51 Our second Function

Lecture 52 Creating a rollDice Function

Lecture 53 Functions with One Argument

Lecture 54 Functions with Two Arguments - Add Numbers

Lecture 55 Functions with Three Arguments

Lecture 56 The 'return' Keyword

Lecture 57 Return Statement - Area of a Rectangle

Lecture 58 Return Statement - Area of a Circle

Lecture 59 Code Challenge - User Can Decide Area to Calculate Program

Lecture 60 Return Statement Basic Challenge

Lecture 61 Return Statement that returns boolean value

Lecture 62 Return Statement Exercise - Lending Decision

Lecture 63 Function Declarations and Function Expressions

Lecture 64 Hoisting of Function Declarations

Lecture 65 Function Challenge - Guessing Game Numbers 1-100

Lecture 66 Arrow Functions

Lecture 67 Arrow Functions Part 2

Lecture 68 Fizz Buzz Coding Challenge

Lecture 69 'FizzBuzz' Instructions & Hint

Lecture 70 FizzBuzz Solution

Lecture 71 Function Challenge - Flip Coin

Lecture 72 Review of functions

Section 4: Arrays in JavaScript

Lecture 73 Introduction to Arrays

Lecture 74 Accessing an Array & Array Iteration (String elements)

Lecture 75 Array Methods - Push

Lecture 76 Array Methods - Pop

Lecture 77 includes() method

Lecture 78 reverse() method

Lecture 79 indexOf() method

Lecture 80 concat() method

Lecture 81 Print Array Function

Lecture 82 Find Max Number Function

Lecture 83 Find Min Number Function

Lecture 84 Nested Loops

Lecture 85 2D Arrays

Lecture 86 Iterating over a 2D Array

Lecture 87 Array Review

Section 5: Objects in JavaScript

Lecture 88 Object Literal Notation

Lecture 89 Accessing Object Properties Using Dot Notation

Lecture 90 Accessing Object - Practice Lecture

Lecture 91 Accessing Object Properties Using Square Bracket Notation

Lecture 92 Adding Methods to Objects

Lecture 93 the 'this' keyword

Lecture 94 Iterating Over An Array of Objects

Lecture 95 Object Review Lecture

Section 6: The Document Object Model (DOM) - Part One

Lecture 96 Introduction to the Document Object Model

Lecture 97 Introduction to Selectors - getElementById()

Lecture 98 Changing innerText property

Lecture 99 Changing color Property of an Element

Lecture 100 onclick Event Handler

Lecture 101 Query Selector

Lecture 102 Query Selector All

Lecture 103 Get Elements By Class Name

Lecture 104 Get Elements By Tag Name -> getElementsByTagName()

Lecture 105 Toggling Content to Disappear & Appear

Lecture 106 adding Event Listeners & detecting keypress

Section 7: The Document Object Model (DOM) - Part Two

Lecture 107 Creating & appending an element

Lecture 108 Adding Cities to our Destinations List

Lecture 109 Removing elements from the Document Object Model

Lecture 110 Setting an Attribute - setAttribute Method src Example

Lecture 111 Setting an Attribute - setAttribute Method class Example

Lecture 112 The classList - Add, Remove, Toggle

Lecture 113 Mouse Events

Lecture 114 Review of Document Object Model

Section 8: JavaScript Projects

Lecture 115 Overview of Dice Roll Project

Lecture 116 Dice Roll Project

Lecture 117 Overview of Two Dice Project

Lecture 118 Two Dice Project

Lecture 119 Two Dice Project Code

Lecture 120 Rock Paper Scissors Game - Project Overview

Lecture 121 Rock Paper Scissors Project - Writing the HTML

Lecture 122 Rock Paper Scissors Project - Writing the JavaScript Part One

Lecture 123 Rock Paper Scissors Project - Writing the JavaScript Part Two

Lecture 124 Rock Paper Scissors Source Code

Section 9: Course Review

Lecture 125 Thank You!

Beginner JavaScript students,Beginner JavaScript students looking to learn the fundamentals of the JavaScript language