JavaScript programming: JavaScript for beginners

Learn by doing JavaScript exercises and JavaScript coding projects. JavaScript beginner guide to programming concepts.
4.5 (191 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,110 students enrolled
$19
$55
65% off
Take This Course
  • Lectures 74
  • Exercises 19 coding exercises
  • Length 5 hours
  • Skill Level Beginner Level
  • Languages English, captions
  • 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 4/2016 English Closed captions available

Course Description

Do you want to learn JavaScript, one of the most popular programming languages? Are you a beginner and want a simple introduction? Welcome to the course JavaScript for beginners. In the course you'll learn by doing JavaScript exercises and JavaScript coding projects. 

--------------------------------------------------------------------------------------------------------------

Last update:  3rd November - Introduction to JavaScript versions (ES5, ES2015, ES2016), TypeScript and transpiling to JavaScript

Over 2000 students already taking the course

--------------------------------------------------------------------------------------------------------------

JavaScript is the language that powers the web, from great user interface experiences to powerful applications like gmail and google docs, to server scripts and even chips. JavaScript is everywhere. Just imagine the possibilities you'll be given with knowledge of JavaScript.

But first you need to get started. You need the right foundations. Don't worry if you are a beginner, I'll explain every concept used.

We'll be doing lots of practical exercise and projects and I'll give a review to every exercise or project you will build. So we'll work hand in hand.

To become an expert you'll need hours and hours of hard work. And having solid foundation will help you become one faster. From this course you will take the knowledge about programming, the knowledge you can also apply to other programming languages. And lots of JavaScript related features. We'll be doing lots of exercises and projects. I'll give you JavaScript challenges and prepare you for more advances topics. 

And remember, I'LL BE THERE FOR YOU. I ANSWER EVERY QUESTION AND HELP EVERY STUDENT. 

What we'll cover:

- how we can use JavaScript, what is a JavaScript program

- you'll make your first steps in JavaScript and first exercises

- you'll understand JavaScript variables

- make exercises with JavaScript variables

- you'll understand JavaScript variable types

- We'll go deeper into strings, string methods, numbers and number methods

- You'll make fun exercises and simple projects with these methods

- We'll cover more about the syntax and the good practices in JavaScript

- You'll be debugging JavaScript projects

- You'll be making decisions in JavaScript

- You'll learn about JavaScript loops

- Understand the JavaScript arrays

- You'll start using JavaScript functions

- do object oriented programming

- learn about JavaScript versions, TypeScript and transpiling to JavaScript

- And you will practice, practice, practice

- In each section there will be fun and engaging quizes and projects to build

--------------------------------------------------------------------------------------------------------------

 Updates: 

- 3rd November - Introduction to JavaScript versions (ES5, ES2015, ES2016), TypeScript and transpiling to JavaScript

- 16th August - new section on object oriented programming in JavaScript

- 11th July - added new section introductions

- 28th of May, 2016 - new JavaScript coding exercise solutions added

- 16th of May, 2016 - improved audio and video quality in most video lectures and new JavaScript coding exercises added

- 4th of May, 2016 - added a lecture in the JavaScript programming basics

- 2nd of May, 2016 - coding challenge solution added to the course

 - 26th of April 2016 (coding challenge added - write your first JavaScript app)

- 22nd of April 2016 (more JavaScript coding exercises added)

--------------------------------------------------------------------------------------------------------------

As a programmer, it's also important to be able to talk like a programmer, so I'll introduce important vocabulary that's useful for you to know.

After the course you will:

- understand basic and advanced programming concepts

- have knowledge about fundamental JavaScript features

- build a solid understanding of JavaScript programming

- be prepared to jump into JavaScript libraries and frameworks

- gain confidence to start working as a JavaScript developer

So, let's get started NOW!


What are the requirements?

  • install Brackets editor
  • install Chrome browser
  • have a positive attitude and a desire to learn and do the work

What am I going to get from this course?

  • understand basic and advanced programming concepts
  • have knowledge about fundamental JavaScript features
  • build a solid understanding of JavaScript programming
  • gain confidence to start working as a JavaScript developer

What is the target audience?

  • everybody who wants to learn JavaScript
  • for programmers that have previous experience in other languages
  • students that are new to programming

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: Start Here
03:38

This course is for everybody who wants to learn JavaScript or deeper their knowledge. 

In this course we'll go from the programming basics to JavaScript into depth. You'll be doing exercises and solving coding challenges.

My name is Jana Bergant. I’m a professional web developer with over 15 years of experience. I am a self thought developer, so I know how hard it is at the beginning when thins seem overwhelming. I also teach web development and its my passion to explain things in a clear way. And I will be here all trough the way. 

Learn more about the course in the video.



05:55

JavaScript is hot, vibrant, ultimate scripting language.
JavaScript is a programming language that drives the web: from front-end user interface design, to backend server-side programming, you'll find JavaScript at every stage of a web site and web application.   

Learn more about JavaScript and web development in the video.

 

10:36

In this video we'll solve the first JavaScrip exercise. I'll also introduce you to useful JavaScript functions like alert, document.write, console.log

Popular editors for JavaScript coding
Article
06:13

In this video we'll go trough the review process of your JavaScript exercises.

Article

Learn by doing! Very simple examples for you to practice.

Section 2: First steps in JavaScript
First steps in JavaScript - Introduction
00:20
02:13

What are JavaScript programs and how do they work? What is syntax? How to write JavaScript code?

04:00

Lets start coding! Write your first JavaScript code. Learn about the JavaScript console.

7 questions

Practice what you've learned. Simple questions for you to remember what you've learned so far.

Section 3: Javascript programming basics
JavaScript programming basics - Introduction
00:49
04:54

Learn about the basic building blocks of a JavaScript program: the variables.

05:11

How can you name your variables? Is any name ok? Learn more about the JavaScript syntax and the JavaScript keywords.

1 question
Create a variable called myName and assign your name to it.
04:06

Learn about the variable types from primitive types like strings and numbers to object and undefined.

04:31

You'll use strings all the time when programming in JavaScript. Each time you want to add a message to a web page, pop up an alert or collect information from a web form you'll be dealing with strings.

1 question
Escaping the Life's great!
10:19

In this video we go over the common tasks you can do with strings. 

1 question

Simple examples using strings.

1 question
You'll be sniffing trough the browser headers. Let's do it!
06:12

Numbers are everywhere in programming. You use them to track a player's score in a game, to calculate the price of a shopping cart, or just to count the number of times a "Like" button was clicked on a page. In this video, you'll learn how to do basic math in JavaScript, you’ll understand the types of numbers JavaScript can work with; you’ll how to store numbers in variables.

1 question
You will be calculating the profit and profit per sold car!
1 question
You'll be calculating the BMI index, that is body mass index. And I'll be losing weight.
03:00

I'll introduce you to a number that is not a number. Let’s say that you try to do operations that don’t make any sense. Like trying to divide a number with a string or multiply two strings. This often happens if you don’t check user input and you do calculations with this input. This results in error and bugs. Learn how to avoid these mistakes!

08:18

In this video we’ll see how to check if a number is really a number. And we’ll get to know the number that is not a number

03:00

In this video you’ll find out how to convert string to integer or to floats. And you’ll learn some more useful things you can do with numbers.

7 questions

Simple questions about JavaScript programming basics: from variables, strings, numbers to JavaScript console.

1 question
In this exercise you'll be making userName from userId and lastName.
Section 4: More about JavaScript and how to use it
More about JavaScript - Introduction
00:23
06:30

Before we move to more complex parts of JavaScript lets talk a bit more about he JavaScript syntax. Let's talk about semicolons, white space, line length, comments.

02:06

Hi, in this video you’ll learn how to capture data from your visitors and store it in a variable.

03:44

Put it all into perspective: CSS, HTML, JavaScript.

06:31

Different ways to include JavaScript into a web page. Pros and cons.

7 questions

Syntax, JavaScript console, basic output functions. Practice!

Article

Find syntax errors in JavaScript programs. Find the meaning of life. Solve fun en engaging exercises.

03:47

JavaScript exercise where visitors will tell us about the meaning of life. 

04:09

Fun exercise, where you'll kill bugs in a program. And learn to debug a program while doing so.

Buying a dress for your wife. Find syntax errors in a program.
1 question
Section 5: Making decisions in JavaScript
Making decisions in JavaScript - Introduction
00:39
04:19

In this video we’ll learn how to make decisions in JavaScript. You’ll learn how to execute part of the code only when a certain condition is met. 


03:12

In this video you'll learn about the comparison operators, else if statements and concatenated conditions in JavaScript.

3 questions

If statements and evaluating conditions quiz.  

Biggest number
1 question
Admin login evaluation
1 question
Article

Learn by doing! In the examples you'll practice if statements. You'll create simple projects where you'll use if statements.

07:25

Compare your solution with mine. Let's create a guess a number program together.

04:47

Practice if statements with a simple exercise. 

JavaScript coding exercise solved: largerNumber
05:34
JavaScript coding exercise solved: sort3numbers
05:02
Section 6: JavaScript loops - doing the same thing over and over again
JavaScript loops - Introduction
00:27
03:17

Loops make your programs more effective. No more duplicate code! Do one thing many times.

03:22

In this video we’ll take a look at the while statement, that is while loop.

3 questions

Endless loops and more...

Withdrawal money from your bank account
1 question
Numbers from 1 to 10
1 question
Article

Create simple projects using loops

Eat ice cream until is all gone!
1 question
Section 7: JavaScript arrays
JavaScript arrays - Introduction
00:42
04:24

Learn how to store multiple values into a single variable. Useful!

Array of Integers
1 question
02:00

Learn how to access a specific item in an array.

Cars - array indices
1 question
Log to thyself: I can do it!
1 question
02:00

Do you want to know how many elements are stored in JavaScript array? Learn how to count elements in the array.

03:47

In this video you will see some useful methods you’ll use with your array. You’ll learn how to add items, remove items, join arrays and so on.

03:05

Many, many times you will in your programs want to go trough elements in your array and do something with the elements. Maybe you'll be looping trough blog post and display them on a page. Or you'll check all the players in your game to see how many of them have over 100 points. So you need to know how to loop over array!

Join colors
1 question
2 questions

JavaScript array questions

Log two dimensional array.
1 question
Section 8: Functions in JavaScript
05:50

Functions are the heart of JavaScript programming. Learn how to create and call a function.

04:59

What are functions and what they can do.

05:28

You'll understand how to pass parameters. You'll understand what is an argument. You'll understand what pass-by-value means. And more.

04:01

Passing parameters into a function - unexpected circumstances

03:32

Some tips about returning a value from a function

11 questions

Fun quiz about JavaScript functions

Return a parameter
1 question
08:19

You'll learn about the difference between global and local variables in JavaScript. From not understanding variable scope many bugs are made. Make sure you understand the scope! 

Scope quiz
3 questions
1 question
You will write a function that will take parameters, make a calculation and return the appropriate result. Create your first function!
Section 9: Coding Challenge Facebook-like quote review app
03:26

First challenge for you! Create a quote review app. In the project you'll be using everything you learned so far. So do accept the challenge!

20:16

Before you watch the solution of the challenge do try to build the project yourself. That way you'll learn most. You can contact me trough Q&A where I'll give you the review. And then we can go trough solution together.

Section 10: Object oriented programming
01:03

Introduction to object oriented programming in JavaScript for beginners.

04:36

In this video you'll see the difference between object oriented programming and procedural programming in JavaScript 

02:17

You'll see how to add functionality to objects in JavaScript

02:52

We'll create an example of object.

05:02

There are 3 different types of object in JavaScript. You'll get to know them all.

3 questions

Let's see what we've learned about object types?

04:52

Most common way to create an object in JavaScript is as object literal. We'll go trough examples .

02:25

I'll tell you some tips about object properties.

JavaScript object properties quiz
3 questions

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jana Bergant, Web developer, IT instructor

I 'm web developer with over 16 years of experience. I have track record of success in delivering web solutions. I’ve developed a wide variety of web applications.

I am also an IT instructor teaching web development. I love to teach and inspire my students. And I love making complex web development topics easy to understand.

I'm passionate about teaching web development and I love to teach interesting new trends in development. Like ChatBots right now :)

I’m a self–taught programmer, so I know how frustrating can it be at the beginning with so many resources and not knowing where to turn first. And bugs, all those bugs!

My experience as a self-taught developer with no previous experience has directly influenced my teaching style, and I am now proud to help students reach their goals and helping them with their first steps, first jobs in the world of programming.

Being a web developer has its perks but it can be difficult as well. There never seems to be enough time for what we want to learn and master. Particularly at the beginning thing can get overwhelming.

I'm driven to help people experience the positive side of switching to web development, not the negative.

Sign up to my courses and join me in this amazing adventure today.

Ready to start learning?
Take This Course