JavaScript Essential

This course is for you if you:

• Beginners with basic JavaScript skills
• Students who have completed the JavaScript Starter course
• Developers with limited experience in programming with other languages
• Testers

4.5/5 DOU

96% Facebook

4.6/5 Google

Duration

36 hours

Number of lessons

18 lessons

Course start

Start expected

Our graduates work in

Your way

Course program

Each session is a live online lesson with practical assignments and feedback.

Finding Elements and the DOM Tree

• The concept of the environment in JavaScript
• DOM - Document Object Model
• BOM - Browser Object Model
• Finding elements in the DOM, using the methods querySelector and querySelectorAll
• Types of nodes in the DOM tree
• Main properties of DOM tree nodes
• Methods for navigating through DOM tree nodes

Modifying the DOM Tree. CSS Styles

• Methods for creating nodes in the DOM tree
• Inserting and removing nodes
• Methods for cloning DOM tree nodes
• Properties and attributes of elements
• Methods for working with attributes
• Working with data-* attributes
• Using CSS styles, properties className and classList
• Computed styles and working with them

Events. Part 1

• What is an event
• Main types of events
• Handling events through HTML attributes
• Handling events via properties of DOM tree nodes
• Handling events using the addEventListener method

Events. Part 2

• The Event object for obtaining additional data when handling an event
• DOMContentLoaded and load events
• Examples of handling mouse events
• Examples of handling keyboard events

Events. Part 3

• Phases of event propagation through the DOM tree
• Registering event handlers for different phases
• Preventing the default action associated with an event
• Stopping event bubbling or capturing
• Examples of using event delegation with the addEventListener method

Constructor Functions

• The difference between a factory function and a constructor function
• Using constructor functions
• Working with prototypes
• The for/in loop
• Using the instanceof keyword

Classes

• The concept of classes
• Using the class keyword
• Constructors and class methods
• Getters and setters
• Private and public class fields

Classes. Inheritance

• Class inheritance in JavaScript
• The extends keyword
• Working with constructors in derived classes
• Using the super keyword
• Overriding methods
• Static methods and properties

Function Context

• What is the function context
• Changing context using the apply, call, and bind methods
• Scheduling function calls using setTimeout and setInterval
• Context in arrow functions
• Features of using context in callback functions

Closures

• Global object and global variables, what is globalThis
• Execution context
• Lexical environment
• Closures
• Examples of using closures

Forms and Control Elements

• The

Form Data Validation

• Handling the submit event
• blur and focus events
• copy, paste, and cut events
• Built-in validation of user input (HTML5 validation)
• Adding custom logic to the built-in form validation
• Basics of working with regular expressions and examples of using them for user input validation
• Creating a script for user input validation

Cookies and Web Storage

• What are cookies and how to work with them in JavaScript
• Overview of the Web Storage API
• Using sessionStorage and localStorage
• The storage event

Exception Handling

• What is an exception
• The try-catch construct
• Using the finally block
• Using the throw keyword
• Creating custom exceptions

Asynchronous Code. Promise

• What is synchronous and asynchronous code
• Using callbacks to organize asynchronous code
• Using Promise for asynchronous code
• Promise chains
• Handling exceptions when working with Promises
• Using methods of the Promise API

Network Requests

• What is HTTP
• The structure of the HTTP protocol, what a request and response look like
• Using the fetch method to send HTTP requests via JavaScript code
• Configuring an HTTP request when using the fetch method
• Canceling an HTTP request sent through the fetch method

Practice

Part 1

Practice

Part 2

Skills after the course

Upon completion of the course you will be able to

Check

Work with the DOM tree, find elements, create, delete, and modify the state of existing elements

Check

Work with styles through JavaScript code

Check

Use events and apply event delegation techniques, working with different phases of events (Capture Phase and Bubble Phase)

Check

Use HTML templates and the mustache.js templating engine

Check

Work with constructor functions and prototypes

Check

Use classes and class inheritance, and understand object-oriented principles in JavaScript development

Check

Work with functions and use closures, understanding lexical environment and context

Check

Work with forms and validate form input data

Check

Work with client-side data using cookies and Web Storage

Check

Handle exceptions and create custom exceptions

Check

Organize asynchronous code with callbacks and Promises

Check

Make network requests using the fetch method

Start expected

Try
JavaScript Essential for free

The first full-fledged lesson with a trainer.

How is the training going?

Simple and clear

Lesson structure

120 minutes

Theory

Code analysis

Q&A

Theory - 60 minutes

Code analysis - 45 minutes

Q&A session - 10 minutes

When are classes held?

Group 1

Group 2

19:00 - 21:00

Live session with a trainer

Ask questions in real time

Live online classes with a trainer

Group classes are held online. This is an effective live communication. All lessons are recorded and available for re-watching.

Doing homework

Practical tasks have been developed for each lesson, which must be completed and submitted in a special LMS system.

Check HW and feedback

All student work is checked and feedback with a score and recommendations is provided for each assignment.

Testing and certification

After completing the course, students take a final test and receive a certificate confirming their level of knowledge.

Certification

Confirm your knowledge

Personalized certificate upon completion of the course

After completing the course and passing the test, you will receive a personalized certificate from CyberBionic Systematics and TestProvider.com, a platform recognized by leading Ukrainian IT companies.

Testing and certification of IT professionals takes place on our own platform TestProvider.com

You receive a certified certificate from CyberBionic Systematics, which confirms the level of your knowledge and increases your chances of successful employment.

Each certificate has a serial number, the employer can check it and verify the authenticity of the certificate.

Registration is open

Ready to start studying?

Submit an application and secure your tuition discount

Let's clarify the details and reserve a place.

You'll take the first lesson without cost

Finish your career in IT

Student reviews

What do those who have already studied say?

Reviews from our students

Игорь Данилов

FrontEnd developer

Об учебном центре CyberBionic Systematics я узнал от друга. Выбрал для себя специальность FrontEnd – потому что это перспективно, и изучать ее стоит! Рад, что много времени уделялось изучению JavaScript. Тяжелым материалом для меня оказалось observable object.

Read in full

Confirmed on CyberBionic Systematics

Ирина Лавриненко

FrontEnd Developer

Об учебном центре я узнала из интернета, когда искала подходящие курсы. Меня специальность FrontEnd Developer заинтересовала тем, что сразу видно результат твоей работы. Материалов на курсах дается много, они хорошо объясняют темы специальности. Плюсом еще является видео-ресурс ITVDN - если что-то не понял, всегда можно пересмотреть уроки и разобраться. Было много тяжелых уроков, но преподаватели всегда хорошо объясняли, поэтому изучение становилось легче. Касательно тренеров - за все время моего обучения их было несколько, они очень понравились, хорошо и доступно разъясняют материал. Очень рада, что выбрала для обучения именно CyberBionic Systematics.

Read in full

Confirmed on CyberBionic Systematics

Дмитро Маковецький

.NET Developer

Проходив навчання на .NET курсі. Цікаво пояснюють та надають допомогу якщо виникають питання. Отримав сертифікати, а після цього HR допомогла відредагувати резюме, завдяки чому знайшов першу роботу.

Read in full

Confirmed on DOU