book

Advanced JavaScript

by Zachary Shute

January 2019

Intermediate to advanced

330 pages

6h 42m

English

Packt Publishing

Read now

Unlock full access

About the BookAbout the AuthorObjectivesAudienceApproachMinimum Hardware RequirementsSoftware RequirementsInstalling the Code BundleAdditional ResourcesConventionsInstalling Atom IDEInstalling Node.js and npm
Introducing ECMAScript 6IntroductionBeginning with ECMAScriptUnderstanding Scope Function ScopeFunction Scope HoistingBlock ScopeExercise 1: Implementing Block ScopeDeclaring Variables Exercise 2: Utilizing VariablesIntroducing Arrow FunctionsExercise 3: Converting Arrow FunctionsArrow Function SyntaxExercise 4: Upgrading Arrow FunctionsLearning Template LiteralsExercise 5: Converting to Template LiteralsExercise 6: Template Literal ConversionEnhanced Object PropertiesObject PropertiesFunction DeclarationsComputed PropertiesExercise 7: Implementing Enhanced Object PropertiesDestructuring AssignmentArray DestructuringExercise 8: Array DestructuringRest and Spread OperatorsObject DestructuringExercise 9: Object DestructuringExercise 10: Nested DestructuringExercise 11: Implementing DestructuringClasses and ModulesClassesExercise 12: Creating Your Own ClassClasses – SubclassesModulesExport KeywordImport KeywordExercise 13: Implementing ClassesTranspilationBabel- TranspilingExercise 14: Transpiling ES6 CodeIterators and GeneratorsIteratorsGeneratorsExercise 15: Creating a GeneratorActivity 1: Implementing GeneratorsSummary
Asynchronous JavaScriptIntroductionAsynchronous Programming Sync Versus Async Synchronous versus Asynchronous Timing Introducing Event Loops StackHeap and Event QueueEvent LoopsThings to ConsiderExercise 16: Handling the Stack with an Event LoopCallbacksBuilding CallbacksCallback PitfallsFixing Callback HellExercise 17: Working with CallbacksPromisesPromises StatesResolving or Rejecting a PromiseUsing PromisesExercise 18: Creating and Resolving Your First PromiseHandling PromisesPromise ChainingPromises and CallbacksWrapping Promises in CallbacksExercise 19: Working with PromisesAsync/AwaitAsync/Await SyntaxAsnyc/Await Promise RejectionUsing Async AwaitActivity 2: Using Async/AwaitSummary
DOM Manipulation and Event HandlingIntroductionDOM Chaining, Navigation, and Manipulation Exercise 20: Building the HTML Document from a DOM Tree StructureDOM NavigationFinding a DOM NodeTraversing the DOMDOM ManipulationUpdating Nodes in the DOMUpdating Nodes in the DOMExercise 21: DOM ManipulationDOM Events and Event ObjectsDOM EventEvent ListenersEvent Objects and Handling EventsEvent PropagationFiring EventsExercise 22: Handling Your First EventCustom EventsExercise 23: Handling and Delegating EventsJQueryjQuery BasicsjQuery SelectorjQuery DOM ManipulationSelecting ElementsTraversing the DOMModifying the DOMChainingjQuery EventsFiring EventsCustom EventsActivity 3: Implementing jQuerySummary
Testing JavaScriptIntroductionTestingReasons to Test CodeTest-driven DevelopmentTDD CycleConclusionExercise 24: Applying Test-Driven DevelopmentTypes of TestingBlack Box and White Box TestingUnit TestsExercise 25: Building Unit TestsFunctional TestingIntegration TestsBuilding TestsExercise 26: Writing TestsTest Tools and EnvironmentsTesting FrameworksMochaSetting Up MochaMocha BasicsExercise 27: Setting Up a Mocha Testing EnvironmentMocha AsyncMocha HooksActivity 4: Utilizing Test EnvironmentsSummary
Functional ProgrammingIntroductionIntroducing Functional Programming Object-Oriented Programming Functional Programming Declarative Versus ImperativeImperative Functions Declarative Functions Exercise 28: Building Imperative and Declarative FunctionsPure FunctionsSame Output Given Same InputNo Side Effects Referential Transparency Exercise 29: Building Pure ControllersHigher Order FunctionsExercise 30: Editing Object ArraysShared StateExercise 31: Fixing Shared StatesImmutabilityImmutability in JavaScript Side EffectsAvoiding Side EffectsFunction CompositionActivity 5: Recursive ImmutabilitySummary
The JavaScript EcosystemIntroductionJavaScript Ecosystem Frontend JavaScriptCommand-Line InterfaceMobile DevelopmentBackend DevelopmentNode.js Setting Up Node.jsNode Package ManagerLoading and Creating ModulesExercise 32: Exporting and Importing NPM ModulesBasic Node.js ServerExercise 33: Creating a Basic HTTP ServerStreams and PipesTypes of StreamsWriteable Stream Events:Readable Stream Events:Filesystem OperationsExpress ServerExercise 34: Creating a Basic Express ServerRoutingAdvanced RoutingMiddlewareError HandlingExercise 35: Building a Backend with Node.jsReactInstalling ReactReact BasicsReact SpecificsJSXReactDOMReact.ComponentStateConditional RenderingList of ItemsHTML FormsActivity 6: Building a Frontend with ReactSummary
Chapter 1: Introducing ECMAScript 6Activity 1 – Implementing GeneratorsChapter 2: Asynchronous JavaScriptActivity 2 – Using Async/AwaitChapter 3: DOM Manipulation and Event HandlingActivity 3 – Implementing jQueryChapter 4: Testing JavaScriptActivity 4 – Utilizing Test EnvironmentsChapter 5: Functional ProgrammingActivity 1 – Recursive ImmutabilityChapter 6: JavaScript EcosystemActivity 6 – Building a Frontend with React

Overview

In "Advanced JavaScript", you will explore the intricacies of modern JavaScript, unlocking its powerful features to build dynamic, robust web applications. This book helps you master the ES6 syntax, dive into asynchronous programming, and adopt functional programming approaches to enhance your JavaScript expertise.

What this Book will help me do

Gain proficiency with ES6 features to improve application development.
Master async programming concepts like Promises and async/await for better app responsiveness.
Implement TDD principles, ensuring quality code with real-world testing frameworks.
Deepen your knowledge of DOM manipulation and browser event handling with practical examples.
Build full-stack applications using Node.js for the backend and React for compelling frontends.

Author(s)

Zachary Shute is an experienced software developer and educator passionate about JavaScript and modern web development. With years of professional programming experience and a deep commitment to teaching, Zachary has helped countless developers advance their understanding of JavaScript. His approachable writing style and practical examples make learning both accessible and engaging.

Who is it for?

This book is ideal for developers with a foundational understanding of JavaScript seeking to enhance their knowledge. If you're aiming to excel in professional JavaScript development or want to adopt a structured approach to advanced concepts like ES6, async programming, or functional programming, this book is for you. Whether you're advancing your skills or looking to break into professional-level work, "Advanced JavaScript" will help you achieve your goals.