Simple Javascript: Learn by Doing, Beginners Welcome!

Learn Javascript by applying it right away. Experience is the most effective way of learning.
4.7 (9 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.
2,748 students enrolled
$19
$25
24% off
Take This Course
  • Lectures 18
  • Exercises 3 coding exercises
  • Length 2 hours
  • Skill Level All Levels
  • Languages English
  • Includes Coding Exercises New!
    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/2015 English

Course Description

Learn Javascript the simple way! This course is especially helpful if you're a beginner to Javascript or even a beginner to the whole world of programing. Dive in and let me show you how to get stuff done.

Javascript is used to develop websites, servers, iPhone / Android apps, robots, and is the most popular language in 2015. This course helps you get your hands dirty by writing your own code for building web sites and web apps. It's packed with examples and practical how-to's. I walk you step-by-step through each of them, building on concepts as the lessons progress.

The course is divided into 2 sections: The Basics and User Interaction. In the Basics we go over creating and using Javascript strings, numbers, arrays, objects, and functions. You'll see how to calculate data and present it to the user in a dynamic fashion.

In the User Interaction section we build on of the fundamental lessons by using HTML and CSS to create elements for the user to interact with (i.e. typing text, clicking buttons). You'll learn how to capture these events and respond to them, as well as generate on-the-fly HTML and CSS. If you don't have any experience with any of these languages (HTML, CSS, or Javascript) that's perfectly ok! I have created these lessons with that in mind and you'll learn the basics of Javascript along with the HTML and CSS that's necessary to complete the course.

All you'll need is your web browser -- I recommend Google Chrome as it's what I use throughout the course. You'll use the web browser to write and execute the Javascript code. I hope you enjoy!

What are the requirements?

  • Google Chrome is the recommended browser for use with this course.

What am I going to get from this course?

  • Write Javascript
  • Add interactivity to a Website
  • Use jQuery effectively
  • Read and Understand Javascript
  • Go through Arrays
  • Use timers to fire off functions
  • Store data in Objects
  • Animate elements with jQuery
  • Fade in and out images

What is the target audience?

  • This Javascript course is meant for beginners. If you know HTML/CSS, that's a plus but not a necessity. If you're already seasoned in Javascript, this probably would not be fore you. However, if you've seen Javascript and find it anything but simple, this is for you.

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: The Basics
03:44

Welcome students! Here's where we take a dive right into the world of Javascript starting at the Google Chrome JavaScript Console.

04:09

Let's dive into variables starting with strings. Meet Jane Doe!

1 question
Here you will apply what you learned in the previous lecture by creating strings.
03:25

Here you'll learn about how to add, subtract, multiply, and divide cashInWallet. Also what to watch out for when dealing with "numbers"!

1 question
Here you'll find the sum of 2 variables in Javascript.
06:42

Jane, Joe, and Moe are stuck inside an array. The for-loop can free them!

1 question
Here you'll create an array of strings
05:16

See how to put together what you've learned so far into objects!

06:22

Using the array of people you created from Lecture 5, you'll loop through that and figure out people's average age, as well as learn more about For Loops.

06:55

Is Jane Doe really JANE DOE? What if they're not the same? Find out in this lecture.

08:50

Here's where you'll level up in your Javascript powers! Functions are awesome and we'll get started with a cool automated background color changer at the end of this lesson. Hold on tight!

Section 2: User Interaction
07:02

We dive into a little bit of HTML/CSS here, starting with a button tag -- and handling clicks for custom actions!

04:37

We'll get started with how jQuery will make your life easier, and show you how to make a button disappear before your very eyes.

06:47

We dive into handling text fields and responding to the user as the user's typing!

06:45

I'll show you how to make text fade in and out on your website, how to time it, and how to monitor the mouse moving over it to show / hide it!

05:59

Keep the users engaged by implementing some simple things such as setting focus back to the text field when the user clicks Save. Also, keep track of what's being typed and show it in reverse order!

06:45

We step outside of JSFiddle and into an Cloud9, which will enable us to develop with HTML, CSS, and Javascript like the pro's!

05:07

Here we put our CSS and Javascript in their own files, show how to include them in HTML, and for fun make some text follow our mouse around!

06:11

Here we learn how to display picture with Javascript, and how to get random cat images to show up!

04:26

Learn how to detect when an image is done animating, and when a newer image is done loading!

07:17

Here you'll learn how to combine loading dynamic content (in this case, CSS) with animations and more. The finale!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Elijah Windsor, Web Developer, iPhone Developer, Entrepreneur

I'm a software developer who's passionate about working from home! I've done contracting, remote work, and even helped start a company that's raised nearly $35 million from home. Working from home gives me the freedom to enjoy spending more time with my wife and son. It comes with different challenges than working in an office. However, I hope to help other people who want to work from home to do it!

Ready to start learning?
Take This Course