JavaScript Essential

JavaScript Essential

Старт курса
Ожидается

Для кого этот курс

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

Предварительные требования

• Knowledge of basic JavaScript syntax (completion of the JavaScript Starter course)
• Understanding of HTML and fundamental CSS properties and selectors

JavaScript Essential

Старт курса
Ожидается
Продолжительность:
36 ч.
Количество уроков:
18 занятий
Стоимость обучения:
238 USD

Форма обучения

Очное обучение
Корпоративное

Описание курса
JavaScript Essential

The JavaScript Essential course requires prior knowledge and skills corresponding to the JavaScript Starter course. In this course, you will study the semantics and key concepts of JavaScript in detail. Over 18 lessons, you will master the core principles of using JavaScript for building user interfaces and creating scripts that utilize object-oriented techniques and functional programming approaches. This course serves as a strong foundation for further learning of JavaScript-based libraries and frameworks. The last two sessions are dedicated entirely to hands-on practice to reinforce the acquired knowledge. Successfully completing this course will make it much easier for you to understand and start using frameworks like Angular or libraries like React.
• Working with the DOM
• Event handling
• Object-oriented programming: classes and inheritance
• Advanced function concepts: context, lexical scope, closures
• Client-side data storage
• Working with asynchronous code
• Network requests
Each lesson includes a homework assignment to reinforce the material and explore additional ways to apply the learned concepts.

Программа курса
  • 1
    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
  • 2
    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
  • 3
    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
  • 4
    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
  • 5
    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
  • 6
    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
  • 7
    Classes
    • The concept of classes
    • Using the class keyword
    • Constructors and class methods
    • Getters and setters
    • Private and public class fields
  • 8
    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
  • 9
    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
  • 10
    Closures
    • Global object and global variables, what is globalThis
    • Execution context
    • Lexical environment
    • Closures
    • Examples of using closures
  • 11
    Forms and Control Elements
    • The
    tag
    • Ways to access the form and its elements through JavaScript code
    • Examples of working with basic control elements using JavaScript code
  • 12
    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
  • 13
    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
  • 14
    Exception Handling
    • What is an exception
    • The try-catch construct
    • Using the finally block
    • Using the throw keyword
    • Creating custom exceptions
  • 15
    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
  • 16
    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
  • 17
    Practice
    Part 1
  • 18
    Practice
    Part 2

Что вы получите на курсе

Онлайн уроки з ментором у Zoom

Практические занятия и проверка дз

Бесплатный видеокурс

Онлайн тестирование и сертификация

По завершению курса Вы будете уметь
  • Work with the DOM tree, find elements, create, delete, and modify the state of existing elements
  • Work with styles through JavaScript code
  • Use events and apply event delegation techniques, working with different phases of events (Capture Phase and Bubble Phase)
  • Use HTML templates and the mustache.js templating engine
  • Work with constructor functions and prototypes
  • Use classes and class inheritance, and understand object-oriented principles in JavaScript development
  • Work with functions and use closures, understanding lexical environment and context
  • Work with forms and validate form input data
  • Work with client-side data using cookies and Web Storage
  • Handle exceptions and create custom exceptions
  • Organize asynchronous code with callbacks and Promises
  • Make network requests using the fetch method
Сертификат

по прохождению курса

Наличие сертификата Учебного Центра CyberBionic Systematics свидетельствует о Вашем владении новыми знаниями и навыками, а значит, позволяет выгодно выделиться на фоне других кандидатов и увеличивает шансы на успешное трудоустройство или продвижение по карьерной лестнице. Для получения сертификата после окончания обучения, необходимо успeшно пройти тестирование по соответствующему курсу на Testprovider.com

Записаться на курс

Ожидается
  • Ukraine (Україна)+380
  • Poland (Polska)+48
  • Kazakhstan (Казахстан)+7
  • Azerbaijan (Azərbaycan)+994
  • Afghanistan (‫افغانستان‬‎)+93
  • Albania (Shqipëri)+355
  • Algeria (‫الجزائر‬‎)+213
  • American Samoa+1
  • Andorra+376
  • Angola+244
  • Anguilla+1
  • Antigua and Barbuda+1
  • Argentina+54
  • Armenia (Հայաստան)+374
  • Aruba+297
  • Australia+61
  • Austria (Österreich)+43
  • Azerbaijan (Azərbaycan)+994
  • Bahamas+1
  • Bahrain (‫البحرين‬‎)+973
  • Bangladesh (বাংলাদেশ)+880
  • Barbados+1
  • Belarus (Беларусь)+375
  • Belgium (België)+32
  • Belize+501
  • Benin (Bénin)+229
  • Bermuda+1
  • Bhutan (འབྲུག)+975
  • Bolivia+591
  • Bosnia and Herzegovina (Босна и Херцеговина)+387
  • Botswana+267
  • Brazil (Brasil)+55
  • British Indian Ocean Territory+246
  • British Virgin Islands+1
  • Brunei+673
  • Bulgaria (България)+359
  • Burkina Faso+226
  • Burundi (Uburundi)+257
  • Cambodia (កម្ពុជា)+855
  • Cameroon (Cameroun)+237
  • Canada+1
  • Cape Verde (Kabu Verdi)+238
  • Caribbean Netherlands+599
  • Cayman Islands+1
  • Central African Republic (République centrafricaine)+236
  • Chad (Tchad)+235
  • Chile+56
  • China (中国)+86
  • Christmas Island+61
  • Cocos (Keeling) Islands+61
  • Colombia+57
  • Comoros (‫جزر القمر‬‎)+269
  • Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)+243
  • Congo (Republic) (Congo-Brazzaville)+242
  • Cook Islands+682
  • Costa Rica+506
  • Côte d’Ivoire+225
  • Croatia (Hrvatska)+385
  • Cuba+53
  • Curaçao+599
  • Cyprus (Κύπρος)+357
  • Czech Republic (Česká republika)+420
  • Denmark (Danmark)+45
  • Djibouti+253
  • Dominica+1
  • Dominican Republic (República Dominicana)+1
  • Ecuador+593
  • Egypt (‫مصر‬‎)+20
  • El Salvador+503
  • Equatorial Guinea (Guinea Ecuatorial)+240
  • Eritrea+291
  • Estonia (Eesti)+372
  • Ethiopia+251
  • Falkland Islands (Islas Malvinas)+500
  • Faroe Islands (Føroyar)+298
  • Fiji+679
  • Finland (Suomi)+358
  • France+33
  • French Guiana (Guyane française)+594
  • French Polynesia (Polynésie française)+689
  • Gabon+241
  • Gambia+220
  • Georgia (საქართველო)+995
  • Germany (Deutschland)+49
  • Ghana (Gaana)+233
  • Gibraltar+350
  • Greece (Ελλάδα)+30
  • Greenland (Kalaallit Nunaat)+299
  • Grenada+1
  • Guadeloupe+590
  • Guam+1
  • Guatemala+502
  • Guernsey+44
  • Guinea (Guinée)+224
  • Guinea-Bissau (Guiné Bissau)+245
  • Guyana+592
  • Haiti+509
  • Honduras+504
  • Hong Kong (香港)+852
  • Hungary (Magyarország)+36
  • Iceland (Ísland)+354
  • India (भारत)+91
  • Indonesia+62
  • Iran (‫ایران‬‎)+98
  • Iraq (‫العراق‬‎)+964
  • Ireland+353
  • Isle of Man+44
  • Israel (‫ישראל‬‎)+972
  • Italy (Italia)+39
  • Jamaica+1
  • Japan (日本)+81
  • Jersey+44
  • Jordan (‫الأردن‬‎)+962
  • Kazakhstan (Казахстан)+7
  • Kenya+254
  • Kiribati+686
  • Kosovo+383
  • Kuwait (‫الكويت‬‎)+965
  • Kyrgyzstan (Кыргызстан)+996
  • Laos (ລາວ)+856
  • Latvia (Latvija)+371
  • Lebanon (‫لبنان‬‎)+961
  • Lesotho+266
  • Liberia+231
  • Libya (‫ليبيا‬‎)+218
  • Liechtenstein+423
  • Lithuania (Lietuva)+370
  • Luxembourg+352
  • Macau (澳門)+853
  • Macedonia (FYROM) (Македонија)+389
  • Madagascar (Madagasikara)+261
  • Malawi+265
  • Malaysia+60
  • Maldives+960
  • Mali+223
  • Malta+356
  • Marshall Islands+692
  • Martinique+596
  • Mauritania (‫موريتانيا‬‎)+222
  • Mauritius (Moris)+230
  • Mayotte+262
  • Mexico (México)+52
  • Micronesia+691
  • Moldova (Republica Moldova)+373
  • Monaco+377
  • Mongolia (Монгол)+976
  • Montenegro (Crna Gora)+382
  • Montserrat+1
  • Morocco (‫المغرب‬‎)+212
  • Mozambique (Moçambique)+258
  • Myanmar (Burma) (မြန်မာ)+95
  • Namibia (Namibië)+264
  • Nauru+674
  • Nepal (नेपाल)+977
  • Netherlands (Nederland)+31
  • New Caledonia (Nouvelle-Calédonie)+687
  • New Zealand+64
  • Nicaragua+505
  • Niger (Nijar)+227
  • Nigeria+234
  • Niue+683
  • Norfolk Island+672
  • North Korea (조선 민주주의 인민 공화국)+850
  • Northern Mariana Islands+1
  • Norway (Norge)+47
  • Oman (‫عُمان‬‎)+968
  • Pakistan (‫پاکستان‬‎)+92
  • Palau+680
  • Palestine (‫فلسطين‬‎)+970
  • Panama (Panamá)+507
  • Papua New Guinea+675
  • Paraguay+595
  • Peru (Perú)+51
  • Philippines+63
  • Poland (Polska)+48
  • Portugal+351
  • Puerto Rico+1
  • Qatar (‫قطر‬‎)+974
  • Réunion (La Réunion)+262
  • Romania (România)+40
  • Russia (Россия)+7
  • Rwanda+250
  • Saint Barthélemy+590
  • Saint Helena+290
  • Saint Kitts and Nevis+1
  • Saint Lucia+1
  • Saint Martin (Saint-Martin (partie française))+590
  • Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)+508
  • Saint Vincent and the Grenadines+1
  • Samoa+685
  • San Marino+378
  • São Tomé and Príncipe (São Tomé e Príncipe)+239
  • Saudi Arabia (‫المملكة العربية السعودية‬‎)+966
  • Senegal (Sénégal)+221
  • Serbia (Србија)+381
  • Seychelles+248
  • Sierra Leone+232
  • Singapore+65
  • Sint Maarten+1
  • Slovakia (Slovensko)+421
  • Slovenia (Slovenija)+386
  • Solomon Islands+677
  • Somalia (Soomaaliya)+252
  • South Africa+27
  • South Korea (대한민국)+82
  • South Sudan (‫جنوب السودان‬‎)+211
  • Spain (España)+34
  • Sri Lanka (ශ්‍රී ලංකාව)+94
  • Sudan (‫السودان‬‎)+249
  • Suriname+597
  • Svalbard and Jan Mayen+47
  • Swaziland+268
  • Sweden (Sverige)+46
  • Switzerland (Schweiz)+41
  • Syria (‫سوريا‬‎)+963
  • Taiwan (台灣)+886
  • Tajikistan+992
  • Tanzania+255
  • Thailand (ไทย)+66
  • Timor-Leste+670
  • Togo+228
  • Tokelau+690
  • Tonga+676
  • Trinidad and Tobago+1
  • Tunisia (‫تونس‬‎)+216
  • Turkey (Türkiye)+90
  • Turkmenistan+993
  • Turks and Caicos Islands+1
  • Tuvalu+688
  • U.S. Virgin Islands+1
  • Uganda+256
  • Ukraine (Україна)+380
  • United Arab Emirates (‫الإمارات العربية المتحدة‬‎)+971
  • United Kingdom+44
  • United States+1
  • Uruguay+598
  • Uzbekistan (Oʻzbekiston)+998
  • Vanuatu+678
  • Vatican City (Città del Vaticano)+39
  • Venezuela+58
  • Vietnam (Việt Nam)+84
  • Wallis and Futuna (Wallis-et-Futuna)+681
  • Western Sahara (‫الصحراء الغربية‬‎)+212
  • Yemen (‫اليمن‬‎)+967
  • Zambia+260
  • Zimbabwe+263
  • Åland Islands+358

Записатися
на пробний урок
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.
Мессенджер:
Виртуальная АТС
Виртуальная АТС
Хотите, перезвоним Вам
в удобное время?
КНОПКА
СВЯЗИ