Understanding Javascript: Learn the language of the web

Supercharge your web development skills by learning Javascript, one of the most in demand programming languages today.
5.0 (12 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.
100 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 44
  • Length 5 hours
  • Skill Level Beginner Level
  • Languages English, captions
  • Includes 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 2/2016 English Closed captions available

Course Description

Take your web design/development skills to the next level by learning Javascript!

Javascript is one of the most in demand programming languages today. This course will take you from zero knowledge to confidently adding interactivity to websites and building standalone applications.

Javascript is here to stay, it is built into and runs in all the major browsers and is the default scripting language for the web.

By learning Javascript you will have the power to add features and interactivity to websites, build large scale full stack applications and create games using one programming language!

As you go through the course we will include many mini challenges to test what you have learned in the section. This is your chance to get writing code and reinforce what you have learned by building mini projects.

The goal of this course is to give you a good understanding of Javascript fundamentals, and equip you with the skills and confidence to move on and build your own creations.

By the end of the course you will have the skills and confidence to take on the full project where we will build a business card application.

Learning Javascript is essential for any web developer. Go ahead and take the next step and learn one of the most popular programming languages today!

What are the requirements?

  • You should understand basic HTML and CSS before taking this course.
  • Basic computer skills such as creating/renaming files etc
  • No existing Javascript knowledge is required
  • Any previous programming language other than Javascript will be an advantage
  • Basic web design concepts will be an advantage

What am I going to get from this course?

  • Add interactivity and features to websites
  • Have the confidence to code in a popular programming language
  • Create standalone Javascript applications
  • Understand a language capable of building full stack applications
  • Understand what Javascript is used for and what it can create
  • Build Javascript mini games or applications
  • Use Javascript as a foundation to develop websites
  • Move on from Javascript to learn new programming languages
  • Modify and understand existing Javascript code
  • Gain a better understanding of Javascript libraries such as jQuery
  • Use your knowledge to work with Javascript frameworks or libraries

What is the target audience?

  • This Javascript course is ideal for anybody new to Javascript or needing a refresher. No experience is necessary however students should have a basic understanding of HTML & CSS. This course is not intended for experienced or advanced developers.
  • Anybody looking to become a web developer or improve their programming skills.
  • Somebody looking at getting into coding in Javascript for fun, hobby or career benefits.
  • Anybody wanting to understand the Javascript language before jumping into Javascript frameworks or libraries.
  • Programming or web enthusiasts

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: Introduction & Getting Started
01:43

Welcome to the course, we also take a little look at the final course project.

2 pages

This lecture contains a Javascript reference sheet to download.

02:36

New to Udemy? This will give you a brief overview of the Udemy main features when taking courses. Also highlights the HD button for better quality video.

Section 2: Understanding Javascript
04:33

We take a look at an interactive web page to discover what Javascript is and some popular Javascript uses.

07:20

In this video we will take a look at where we can add Javascript to our projects. We look at including Javascript in the head and body section along with looking at the benefits of including Javascript in external files.

08:26

Let's now take a look at 4 popular methods of displaying Javascript onto webpages. We also look at how to comment our code.

Section 3: Javascript Basics
08:21

Variables are a fundamental part of and programming language. This video shows how to implement them in Javascript and we also take a look at assignment operators.

05:46

This video looks at basic Javscript numbers and arithmetic such as multiplication, division. We also take a look at how do calculations in variables and alerts and how to increment/decrement numbers.

08:58

By the end of this video you will be confident of creating and working with Javascript strings. We look at joining strings, combining strings with variables and numbers, escaping characters and also using the length property.

04:39

This course contains mini-challenges to test and put into practice what you have learned so far.

This challenge involves working with variables, strings to create someJavascript code to display a users current score.

08:19

This video shows you how to take Javascript strings to the next level. We look at how we can use various Javascript string methods.

06:18

This course contains mini-challenges to test and put into practice what you have learned so far.

This challenge involves taking a users name, with incorrectly placed capital letters and returning back the users name correctly formatted.

04:42

This video takes a look at using Javascript arrays and how useful they can be to store multiple values. Arrays are a fundamental part of many programming languages along with Javascript.

03:57

You should now have a understanding of what Javascript arrays are used for and how to create them. This video focuses on extending the uses of arrays using array methods. We look at methods such as adding and removing items from arrays, changing order and slicing.

05:35

This video takes a look at Javascript functions. By the end you will be confident creating and understanding what Javascript functions are used for. We finish the video with a real life use example of how functions can be used in a Javascript game.

03:23

Now we know how to create and use functions, we now take a look at how we can pass parameters into functions to extend their functionality.

03:10

This video takes a look at the scope of Javascript variables. Scope defines which variables we have access to in certain parts of the program.

10:41

Objects are a fundamental part of Javascript. In Javascript almost everything is treated as an object. We will take a look at various ways of creating objects and how to use them.

Section 4: Math & Dates
08:03

This new section is all about Javascript math and dates. We begin in this video looking at Javascript Math and how it can be used for both complex or simple math calculations. We look at generating random numbers, rounding numbers both up, down and to the nearest whole number. We also look at PI and finding the highest and lowest numbers in a sequence.

06:29

It's time to put into practice what you have learned in this section. This mini challenge requires you to generate a whole random number between 1-100. Good luck!.

10:19

This video is all about Javascript dates and date methods.

We take a look at how we can get and set the date in Javascript, both the full date and parts such as the current day of the month.

Section 5: Control Flow & Loops
08:05

Welcome to this brand new section called control flow and loops. We begin by looking at a fundamental part of Javascript programming, the if statement. We also take a look at how comparison operators are used in Javascript.

06:59

Now you should have a good idea of how if statements work, we now move on to else and else/if statements. This provides a solution to provide an outcome if the initial if statement is not true.

05:27

Now it is time to test what you have learned so far in this section. This mini challenge requires you to use a if/ else statement to determine an outcome, based on a users age.

05:44

This video takes a look at logical operators and takes a look at examples of combining with if statements to test conditions.

07:18

This video takes a look at how we can use switch statements in Javascript to handle multiple cases or outcomes.

13:24

Now it's time to put the theory to one side and put into practice what you have learned so far in this section.

We will create a Javascript game to guess if the computer generated number (1-10) is higher or lower than 5.

07:45

We now take a look at the first of the three types of Javascript loop which we will cover in this course, the while loop.

03:10

The second type of loop covered in this section is a variant of the while loop called the do/while loop.

05:09

The Javascript for loop is the third and final type of loop which we will cover. This video covers how to use it and how it differs from other types of loops.

05:14

This mini challenge will put your knowledge of loops to the text. The challenge involves creating an array of friends/ family names, looping through the array, and then displaying to the browser in alphabetical order! All the techniques required have been covered so far in this course so this will text your knowledge of what you have learned so far.

Section 6: Javascript and the DOM
02:52

This video discusses what the DOM is and why it is important to Javascript. We take a look at the DOM tree to prepare for the next few videos on accessing and manipulating DOM elements.

09:36

Lets now take a look at how we can access elements, in preparation for the next video where we will use Javascript to manipulate these elements.

11:27

We learned in the last video different ways to select HTML elements using javascript. Now we know how to select these elements, we can now look at ways of changing or manipulating them.

07:30

It's time to put into practice what you have learned in this section in a mini challenge. This involves building a Javascript temperature converter. This app takes the users value and can then convert to either Celsius or Fahrenheit. In this first video we create the user interface using HTML & CSS.

06:07

Now we have finished the user interface using HTML & CSS, we can now finish off our app by adding the functionality using Javascript.

10:43

In this video we take a look at Javascript events. Events are useful for triggering actions in websites and responding to users actions.

06:50

This mini challenge puts into practice some of the event handlers we have used in this section. Your challenge is to add your name to the page and add various styles or animations, which are triggered when buttons are pressed.

Section 7: Final project: Business card designer
11:49

The final project in this course is to create a business card application. It will involve creating a HTML form to collect information about the users business. This information will then be displayed into a sample business card on the screen to show the user how it will look. In this video we will begin by setting up the project and starting the user interface.

12:15

In this video we finish the user interface ready to begin adding CSS and Javascript.

08:33

Now we have the user interface all finished it's time to add some basic styling. We also begin to add some of the Javascript functionality.

09:17

This last video of the project involves adding the final Javascript to the business card project.

Section 8: Thank You
01:11

Thank you for taking this course, I hope you have enjoyed it and learned a lot from it.

Keep on learning
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Chris Dixon, Web Developer and teacher at Core Web Training

Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and i have watched the web evolve into what it is today.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

Thanks for taking an interest and I look forward to you joining me.

Chris

Ready to start learning?
Take This Course