Simple Javascript: Learn by Doing, Beginners Welcome!
4.7 (10 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,751 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Simple Javascript: Learn by Doing, Beginners Welcome! to your Wishlist.

Add to Wishlist

Simple Javascript: Learn by Doing, Beginners Welcome!

Learn Javascript by applying it right away. Experience is the most effective way of learning.
4.7 (10 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,751 students enrolled
Created by Elijah Windsor
Last updated 9/2015
English
Learn Fest Sale
Current price: $10 Original price: $25 Discount: 60% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 3 Coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Google Chrome is the recommended browser for use with this 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!

Who 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 18 Lectures Collapse All 18 Lectures 01:46:19
+
The Basics
8 Lectures 45:23

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

Preview 03:44

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

Preview 04:09

Here you will apply what you learned in the previous lecture by creating strings.
Create a String
1 question

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

Preview 03:25

Here you'll find the sum of 2 variables in Javascript.
Add 2 numbers together
1 question

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

Arrays and For-Loops
06:42

Here you'll create an array of strings
Create an Array
1 question

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

Objects - People are objects!
05:16

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.

Array of Objects - Loop through people
06:22

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

What If? - an introduction to if-else statements
06:55

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!

Functions - and how they function!
08:50
+
User Interaction
10 Lectures 01:00:56

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

Click the Button
07:02

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.

Introducing jQuery
04:37

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

More than just Click
06:47

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!

Fading text interactively
06:45

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!

Keeping track of what's typed
05:59

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

Time To Get Real
06:45

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!

Follow the Mouse
05:07

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

Fun with Images
06:11

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

Fading and Preloading Cats
04:26

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

Loading dynamic look-and-feel
07:17
About the Instructor
Elijah Windsor
4.7 Average rating
10 Reviews
2,751 Students
1 Course
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!