Modern JavaScript and Software Front-End Development

the complete course for front end developers with the modern JavaScript

the complete course for front end developers with the modern JavaScript

Overview

front end development, JavaScript Development, modern asynchronous JavaScript, promises and workers in Javascript, Web Apis: browser and third party APIs

software developers, front end developers, web designers, JavaScript developers

how to use the computer, internet connection, (recommended) download and install a web server

Modern JavaScript is really a wide and moving target. You may have learned JavaScript five years ago and some of those techniques may be considered old by today's standards, just as you may know JavaScript techniques from 20+ years ago that are still considered modern best practices. My intent is to take you on a guide through JavaScript's various ins and outs to learn modern JavaScript as it's known today.

In this course I will explain:

  • The Steps to Becoming a JavaScript Developer

    • the tools and the knowledge needed

  • JavaScript basics

    • What is JavaScript

    • Script loading strategies

    • Variables

    • Constants

    • Operators

    • Conditionals

    • Events

    • Strings

    • Functions

  • Strings and arrays

    • Interaction with HTML pages

    • Use JavaScript to interact with a form

    • Manage the events in input elements in a form with JavaScript

    • Use JavaScript to change the CSS style of HTML elements

    • The document Object

  • Troubleshooting JavaScript

  • JavaScript building blocks

    • Conditionals

    • Looping code

    • Functions

  • More on events

    • Event listeners

    • Event objects

    • Event properties and methods

  • JavaScript objects

    • Object properties and methods

    • Objects within objects

    • Set and modify object members

    • Create objects

  • JavaScript object prototypes

    • The prototype chain

    • Shadowing properties

    • Setting prototypes

    • Own properties of prototypes

    • Prototypes and inheritance

  • Object-oriented programming in JavaScript

    • Classes and instances

    • Inheritance

    • Encapsulation

    • OOP in JavaScript

  • Working with JSON data

  • Asynchronous JavaScript: traditional

    • Why Asynchronous JavaScript

    • Event handlers with Asynchronous JavaScript

    • Asynchronous JavaScript and Callbacks

  • Asynchronous JavaScript: modern

    • Promises

    • The fetch() API

    • Promise chaining

    • Handle errors with promises

    • Promise Terminologies

    • Combination of multiple promises

    • async and await

    • Workers

  • Client-side web APIs

    • What are APIs?

    • Common browser APIs and common third-party APIs

    • How do APIs work?

    • Document Object Model (DOM) APIs

    • APIs for fetching data from a server

    • Third party APIs


      At the end we will see some applications to verify what we have learned in this course.

Daniele Protti

I have 30+ years experience in IT project management, software development and software architecture.

I have led several teams of software developers as project manager, quality manager and as team leader in different companies and different countries in sectors e.g. telecommunication, research & development, travel business, Internet marketing and Internet business, consultancy and services.

I have been responsible to collect the requirements of projects, applications and processes, design the databases and specify the final objects.

During my career I have accumulated a lot of experiences dealing with processes of any kind and the need to define the tools to manage them and collect the information.

Most of my tools have been written in VB, VBA, C++, C#, Java, PHP, Javascript using databases e.g. Informix, Postgres, Oracle and MySql.

I have organized all my experiences in courses which are not only a list of functions and methods but contain also my practical experiences and considerations about how to cope with the different situations and which solutions to suggest.

Free Enroll