Javascript Development Course

Topics:

• Overview of JavaScript:
  • History and evolution
  • Role in web development
• Basic syntax and structure:
  • Variables and data types
  • Statements and expressions
  • Comments and whitespace

Homework:

• Write a simple script that prompts the user for their name, stores it in a variable, and displays a personalized greeting using alert().

Topics:

• Declaring variables:
  • Using var, let, and const
  • Variable naming conventions
• Data types:
  • Strings, numbers, booleans
  • Type coercion
• Basic operations:
  • Arithmetic operations
  • String concatenation

Homework:

• Create a program that takes two numbers as input, stores them in variables, and displays the result of their multiplication.

Topics:

• Conditional statements:
  • if, else if, and else
  • Switch statements
• Looping structures:
  • for loops
  • while loops
  • Loop control statements (break and continue)

Homework:

• Write a program that checks if a user's entered number is even or odd and displays a corresponding message.

Topics:

• Declaring functions:
  • Function expressions vs. function declarations
  • Naming conventions
• Function parameters and arguments
• Return statements and function output

Homework:

• Develop a function that calculates the area of a circle given its radius.

Topics:

• Arrays:
  • Creating and initializing arrays
  • Accessing and modifying array elements
  • Indexing and accessing elements
  • Modifying elements: push(), pop(), shift(), unshift()
  • Slicing and splicing: slice(), splice()
  • Iterating through arrays: forEach(), map(), filter()
• Objects:
  • Creating and manipulating objects
  • Accessing and modifying object properties
  • Dot notation and bracket notation
  • Adding and removing properties
  • Object methods

Homework:

• Build a program that uses an array of objects to store information about your favorite movies, including title and genre. Implement the following actions:
  • Add a new movie to the list using push().
  • Remove a movie by its title using filter() or splice().
  • Display only movies of a certain genre using filter().
  • Update the genre of a specific movie using object property modification.

Topics:

• Document Object Model (DOM):
  • Understanding the DOM tree
  • Selecting and manipulating elements
• Changing styles and content:
  • Modifying text content
  • Changing element styles

Homework:

• Create a simple webpage with a button that, when clicked, changes the text content of a paragraph.

Topics:

• Handling user events:
  • Click events
  • Key events
• Event listeners:
  • Attaching event listeners to elements
  • Responding to user actions

Homework:

• Implement form validation using JavaScript to check if a user has entered a valid email address.

Topics:

• Introduction to asynchronous programming
• Fetch API for making asynchronous requests:
  • Making GET requests
  • Handling JSON responses

Homework:

• Build a small app that fetches and displays data from an external API.

Topics:

• Understanding and handling errors in JavaScript
• Using try-catch blocks for graceful error handling

Homework:

• Modify a program to include error handling for user input (e.g., non-numeric input).

Topics:

• Arrow functions:
  • Syntax and benefits
• Template literals:
  • Creating dynamic strings
• Destructuring:
  • Object and array destructuring
• let and const:
  • Block-scoped variables

Homework:

• Refactor previous code, especially functions, using ES6 features where applicable.

Topics:

• Combining all learned concepts in a final project

Homework:

• Build a small interactive web application of your choice, applying the skills learned throughout the course.