Modern JavaScript and Software Front-End Development

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Course sctructure

Chapter 2: Steps to Becoming a JavaScript Developer

Lecture 1: Why JavaScript?

Lecture 2: What is a JavaScript developer?

Lecture 3: The basics

Lecture 4: Pick up your Framework

Lecture 5: JavaScript frameworks and libraries: differences

Lecture 6: Main frameworks and libraries

Lecture 7: Learn CSS and HTML-5

Lecture 8: Tools to use: Editor/DIE

Lecture 9: Tools to use: Debugging tools

Lecture 10: Pick Up your Design Pattern

Lecture 11: Front end vs back end

Lecture 12: The Document Object Model (DOM): the web page structure

Lecture 13: Communication between front end and back end: Asynchronous operations

Lecture 14: Communication between front end and back end: REST and GraphQL

Lecture 15: More terms and concepts to consider for front-end development

Chapter 3: JavaScript basics

Lecture 1: What is Javascript

Lecture 2: What is JavaScript doing on your page?

Lecture 3: Javascript in JS files and in the HTML code as script

Lecture 4: Script loading strategies

Lecture 5: Variables

Lecture 6: The let and var keywords

Lecture 7: variable naming rules

Lecture 8: Types of variables

Lecture 9: Dynamic typing

Lecture 10: Constants

Lecture 11: Comments

Lecture 12: Operators

Lecture 13: Math in Javascript

Lecture 14: Conditionals (I)

Lecture 15: Conditionals (II)

Lecture 16: Events

Lecture 17: Functions

Chapter 4: Strings and arrays

Lecture 1: Strings

Lecture 2: Useful string methods (I)

Lecture 3: Useful string methods (II)

Lecture 4: Useful string methods (III)

Lecture 5: Useful string methods (IV)

Lecture 6: Useful string methods (V)

Lecture 7: Useful string methods (VI)

Lecture 8: Useful string methods (VII)

Lecture 9: Arrays (I)

Lecture 10: Arrays (II)

Lecture 11: Arrays (III)

Lecture 12: Arrays (IV)

Lecture 13: Array (V)

Chapter 5: Interaction with HTML pages

Lecture 1: Use JavaScript to display and hide HTML elements

Lecture 2: Use JavaScript to get the values of attributes of HTML elements

Lecture 3: Use JavaScript to interact with a form

Lecture 4: Example of form validation script

Lecture 5: Manage the events in input elements in a form with JavaScript

Lecture 6: Use JavaScript to change the CSS style of HTML elements

Lecture 7: The document Object (I)

Lecture 8: The document Object (II)

Lecture 9: The document Object (III)

Lecture 10: The $ sign

Lecture 11: Canvas API

Chapter 6: Troubleshooting JavaScript

Lecture 1: Types of error

Lecture 2: Fixing syntax errors

Lecture 3: Logic errors

Lecture 4: Other Syntax errors

Chapter 7: JavaScript building blocks

Lecture 1: JavaScript building blocks overview

Lecture 2: Conditionals: if, else if, else (advanced)

Lecture 3: Conditionals: switch

Lecture 4: Conditionals: ternary

Lecture 5: Looping code: the For loop

Lecture 6: Looping code: while and do … While

Lecture 7: Functions (I)

Lecture 8: Functions (II): Anonymous functions and arrow functions

Lecture 9: Functions (III): scope and conflicts

Lecture 10: Function return values

Chapter 8: More on events

Lecture 1: Introduction

Lecture 2: Starting using some events: the addEventListener()

Lecture 3: Other events

Lecture 4: Other events: some examples

Lecture 5: Removing listeners

Lecture 6: Other event listener mechanisms

Lecture 7: The Event object

Lecture 8: Properties of the Event objects

Lecture 9: Preventing default behavior of an event

Chapter 9: JavaScript objects

Lecture 1: Introduction

Lecture 2: Object properties and methods

Lecture 3: Objects within objects

Lecture 4: Access objects properties

Lecture 5: Set and modify object members

Lecture 6: Create objects

Chapter 10: JavaScript object prototypes

Lecture 1: What is an object prototype

Lecture 2: The prototype chain

Lecture 3: Object.getPrototypeOf() and the prototype chain