codedamn logocodedamn
Course image for Learn JavaScript Basics

Learn JavaScript Basics

JavaScript is the most important technology to learn as a web developer. This is a foundational interactive course in order to start learning JavaScript.

4 hours+ of total content
4.6
356 ratings
3206 students enrolled
Course Creator: Mehul Mohan

Hang on...

Heads up!

This is an official course from Full Stack Web Developer Learning Path learning path.

Try out the learning path

Goals

  • Go from a total beginner to someone who understands JavaScript
  • Programming fundamentals: variables, conditionals, data structures
  • ES6+ JavaScript syntax
  • Practice your new skills with coding challenges

Description

JavaScript is the obvious next step once you learn HTML and CSS. However, it is super important to learn JavaScript by practicing and fun exercises along the way. This course does exactly that. You will be introduced to core JavaScript concepts and would be allowed to practice them as we progress with the course.

This course will introduce you to JS and allow you to use it to add interactivity to your existing HTML/CSS codebase. We will start with basics in this course which includes:

  • Introduction to JavaScript
  • How to work with HTML + CSS + JavaScript together
  • Building core concepts
  • Language syntax
  • Writing your first few programs
  • Algorithmic practice with JavaScript
  • And finally a bunch of projects at the end to solidify your learnings.

This is going to be an interesting and foundational course. All the best!

Course Structure

48 lectures • 04:09:02 total duration

Introduction To JavaScript

(9 lectures • 38 minutes)
  Course Introduction (Watch video)
01:20
  Setting up codedamn playground (Watch video)
02:10
  Hello World (Watch video)
03:06
  Hello world lab (Practice concept)
05:00
  Variables (Watch video)
07:15
  Data Types (Watch video)
10:10
  Create variables with JavaScript (Practice concept)
05:00
  typeof (Watch video)
03:18
  What will be the output of "typeof 1337"? (Attempt quiz)
01:00
  Math operators (Watch video)
06:45
  Power of 5 (Practice concept)
05:00
  Increment Decrement (Watch video)
03:26
  console.log and Chrome DevTools (Watch video)
04:15
  Functions (Watch video)
04:03
  Function Parameters (Watch video)
04:19
  return statement (Watch video)
05:14
  Calculator with function (Practice concept)
05:00
  if-else (Watch video)
05:27
  Chaining If Else Statements (Practice concept)
05:00
  Basic calculator with parameters (Practice concept)
05:00
  Logical Operators (Watch video)
11:37
  Arrays (Watch video)
07:14
  for Loop (Watch video)
05:40
  break vs continue vs return (Watch video)
09:30
  Equality check in JS (Watch video)
03:17
  Objects (Watch video)
05:19
  Build JavaScript objects (Practice concept)
05:00
  Call by reference in objects (Watch video)
04:58
  Scoping (Watch video)
05:17
  Variable shadowing (Watch video)
03:10
  Document Object Model (DOM) (Watch video)
04:59
  document.querySelector (Watch video)
03:11
  document.querySelectorAll (Watch video)
04:11
  Introduction to event listeners (Watch video)
04:55
  More on traversing DOM (Watch video)
04:42
  Create elements dynamically with JavaScript (Watch video)
08:26
  Change HTML attributes with JavaScript (Watch video)
06:19
  Change CSS styles with JavaScript (Watch video)
03:50
  Destructuring (Watch video)
05:10
  Arrow functions (Watch video)
05:02
  New array methods (Watch video)
08:57
  Template literals (Watch video)
03:35
  Promises and fetch (Watch video)
07:55
  Telephone Number Validator (Practice concept)
05:00
  Cash Register (Practice concept)
05:00
  Palindrome Checker (Practice concept)
05:00
  Caesars Cipher (Practice concept)
05:00
  Roman Numeral Converter (Practice concept)
05:00

Student feedback

4.6
Course Rating

81%

13%

3%

1%

1%

Reviews

Subhadip Das (@subhadipdas)
Dec 03, 2021
Awesome Content
BT20CSE067 Sushant Kogurwar (@sushsk123)
Dec 03, 2021
very good platform
Aryan Chopra (@aryannchopraa)
Dec 03, 2021
noice
Gaurav Vibhute (@gagroz)
Dec 02, 2021
great man loved it
Faizan Ahmad (@faizaaann)
Dec 02, 2021
Very well explained

Your Course Instructor

Course Instructor Image

Mehul Mohan

Full-stack developer and security researcher

I'm a full-stack developer working with JavaScript and its associated runtimes for the past 7 years. I love to play with code and make something useful out of it! You can find me on social media, I'm quite active there :)

Upgrade to codedamn Pro Plan and unlock more courses for accelerated learning. Unlimited courses, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • All exclusive courses unlocked
  • Unlimited hands-on practice
Try codedamn Pro (14-day free refund)