TheModernJavaScriptTutorialENARعربيCSČeštinaDADanskENEnglishESEspañolFAفارسیFRFrançaisIDIndonesiaITItalianoJA日本語KO한국어RUРусскийTRTürkçeUKУкраїнськаUZOʻzbekZH简体中文Wewanttomakethisopen-sourceprojectavailableforpeopleallaroundtheworld.Helptotranslatethecontentofthistutorialtoyourlanguage!BuyEPUB/PDFSearchSearchTutorialmapLightthemeDarkthemeShareعربيČeštinaDanskEnglishEspañolفارسیFrançaisIndonesiaItaliano日本語한국어РусскийTürkçeУкраїнськаOʻzbek简体中文TheModernJavaScriptTutorialHowitsdonenow.Fromthebasicstoadvancedtopicswithsimple,butdetailedexplanations.SearchLastupdatedonOctober18,2026BuyEPUB/PDFShare:25506★githubDiscordChatTableofcontentsMaincoursecontains2partswhichcoverJavaScriptasaprogramminglanguageandworkingwithabrowser.Therearealsoadditionalseriesofthematicarticles.Part1TheJavaScriptlanguagePart2Browser:Document,Events,InterfacesPart3AdditionalarticlesTheJavaScriptlanguageHerewelearnJavaScript,startingfromscratchandgoontoadvancedconceptslikeOOP.Weconcentrateonthelanguageitselfhere,withtheminimumofenvironment-specificnotes.AnintroductionAnIntroductiontoJavaScriptManualsandspecificationsCodeeditorsDeveloperconsoleJavaScriptFundamentalsHello,world!CodestructureThemodernmode,usestrictVariablesDatatypesInteraction:alert,prompt,confirmTypeConversionsBasicoperators,mathsComparisonsConditionalbranching:if,?LogicaloperatorsNullishcoalescingoperator??Loops:whileandforTheswitchstatementFunctionsFunctionexpressionsArrowfunctions,thebasicsJavaScriptspecialsMore…CodequalityDebugginginthebrowserCodingStyleCommentsNinjacodeAutomatedtestingwithMochaPolyfillsandtranspilersObjects:thebasicsObjectsObjectreferencesandcopyingGarbagecollectionObjectmethods,thisConstructor,operatornewOptionalchaining?.SymboltypeObjecttoprimitiveconversionDatatypesMethodsofprimitivesNumbersStringsArraysArraymethodsIterablesMapandSetWeakMapandWeakSetObject.keys,values,entriesDestructuringassignmentDateandtimeJSONmethods,toJSONMore…AdvancedworkingwithfunctionsRecursionandstackRestparametersandspreadsyntaxVariablescope,closureTheoldvarGlobalobjectFunctionobject,NFEThenewFunctionsyntaxScheduling:setTimeoutandsetIntervalDecoratorsandforwarding,call/applyFunctionbindingArrowfunctionsrevisitedMore…ObjectpropertiesconfigurationPropertyflagsanddescriptorsPropertygettersandsettersPrototypes,inheritancePrototypalinheritanceF.prototypeNativeprototypesPrototypemethods,objectswithout__proto__ClassesClassbasicsyntaxClassinheritanceStaticpropertiesandmethodsPrivateandprotectedpropertiesandmethodsExtendingbuilt-inclassesClasschecking:instanceofMixinsErrorhandlingErrorhandling,try...catchCustomerrors,extendingErrorPromises,async/awaitIntroduction:callbacksPromisePromiseschainingErrorhandlingwithpromisesPromiseAPIPromisificationMicrotasksAsync/awaitGenerators,advancediterationGeneratorsAsynciterationandgeneratorsModulesModules,introductionExportandImportDynamicimportsMiscellaneousProxyandReflectEval:runacodestringCurryingReferenceTypeBigIntUnicode,StringinternalsWeakRefandFinalizationRegistryBrowser:Document,Events,InterfacesLearninghowtomanagethebrowserpage:addelements,manipulatetheirsizeandposition,dynamicallycreateinterfacesandinteractwiththevisitor.DocumentBrowserenvironment,specsDOMtreeWalkingtheDOMSearching:getElement*,querySelector*Nodeproperties:type,tagandcontentsAttributesandpropertiesModifyingthedocumentStylesandclassesElementsizeandscrollingWindowsizesandscrollingCoordinatesMore…IntroductiontoEventsIntroductiontobrowsereventsBubblingandcapturingEventdelegationBrowserdefaultactionsDispatchingcustomeventsUIEventsMouseeventsMovingthemouse:mouseover/out,mouseenter/leaveDragnDropwithmouseeventsPointereventsKeyboard:keydownandkeyupScrollingForms,controlsFormpropertiesandmethodsFocusing:focus/blurEvents:change,input,cut,copy,pasteForms:eventandmethodsubmitDocumentandresourceloadingPage:DOMContentLoaded,load,beforeunload,unloadScripts:async,deferResourceloading:onloadandonerrorMiscellaneousMutationobserverSelectionandRangeEventloop:microtasksandmacrotasksAdditionalarticlesListofextratopicsthatassumeyouvecoveredthefirsttwopartsoftutorial.Thereisnoclearhierarchyhere,youcanreadarticlesintheorderyouwant.FramesandwindowsPopupsandwindowmethodsCross-windowcommunicationTheclickjackingattackBinarydata,filesArrayBuffer,binaryarraysTextDecoderandTextEncoderBlobFileandFileReaderNetworkrequestsFetchFormDataFetch:DownloadprogressFetch:AbortFetch:Cross-OriginRequestsFetchAPIURLobjectsXMLHttpRequestResumablefileuploadLongpollingWebSocketServerSentEventsMore…StoringdatainthebrowserCookies,document.cookieLocalStorage,sessionStorageIndexedDBAnimationBeziercurveCSS-animationsJavaScriptanimationsWebcomponentsFromtheorbitalheightCustomelementsShadowDOMTemplateelementShadowDOMslots,compositionShadowDOMstylingShadowDOMandeventsRegularexpressionsPatternsandflagsCharacterclassesUnicode:flaguandclass\\pAnchors:stringstart^andend$Multilinemodeofanchors^$,flagmWordboundary:\\bEscaping,specialcharactersSetsandranges[...]Quantifiers+,*,?andGreedyandlazyquantifiersCapturinggroupsBackreferencesinpattern:\\Nand\\kAlternation(OR)|LookaheadandlookbehindCatastrophicbacktrackingStickyflagy,searchingatpositionMethodsofRegExpandStringMore…Watchforjavascript.infoupdatesWedonotsendadvertisements,onlyrelevantstuff.Youchoosewhattoreceive:CommonupdatesNewcoursesandscreencasts,siteupdatesJavascript/DOM/InterfacescourseNode.JScourseAngularcourseReact.JScourseTypescriptcourseSubscribeBysigninguptonewslettersyouagreetothetermsofusage.ShareTutorialmapCommentsreadthisbeforecommenting…Ifyouhavesuggestionswhattoimprove-pleasesubmitaGitHubissueorapullrequestinsteadofcommenting.Ifyoucantunderstandsomethinginthearticle–pleaseelaborate.Toinsertfewwordsofcode,usethetag,forseverallines–wrapthemintag,formorethan10lines–useasandbox(plnkr,jsbin,codepen…)© 2007—2026 IlyaKantorabouttheprojectcontactustermsofusageprivacypolicy