Functional Programming in JavaScript: A Practical Approach

Name: Functional Programming in JavaScript: A Practical Approach
Rating: 4.3 (755 reviews)

Finally, understand and use the concepts of functional programming in JavaScript.

Created bySteven Hancock

Last updated 7/2024

English

What you'll learn

Functional programming techniques you can apply right now.
Concepts that define a functional programming approach.
The difference between an OOP approach and a functional approach in JavaScript.
JavaScript libraries such a Lodash and Ramda that support a functional approach.
Techniques such as currying, cloning and composition done using vanilla JavaScript.
JavaScript concepts critical to understanding functional programming.
Creating pure functions that avoid mutations and side effects.
Declarative programming.
Avoiding shared state and mutations.

Course content

11 sections • 50 lectures • 6h 40m total length

Introduction2:11
Making the Most of this Course0:52

Avoiding Side Effects and Using Pure Functions15:55
Exercise 1 Start5:23
Exercise 1 Finish17:30
Apply functional programming in JavaScript by building pure functions to get and update score and tries, using immutable data, and recording results with a modular, testable workflow.
Exercise 1 Follow Up: Other Possible Solutions and the Problems8:58
Exercise 1 Follow Up: Using the Array.find Method.5:22

Avoiding Shared State7:23
Avoiding Mutations8:45
Cloning Objects13:36
Using the spread Operator for Shallow Cloning0:52
Exercise 2 Start2:31
Practice avoiding mutations in JavaScript by modifying exercise two A and two B to ensure changes don’t affect the original array, and produce fresh arrays that track the updates.
Exercise 2 Finish8:28
Learn how to prevent mutation in JavaScript objects by cloning with a deep clone function (JSON.stringify/parse), using const, and cloning before updates to scores and tries.
Using Reduce, Map and Filter13:57
Exercise 3 Start2:25
Exercise 3 Finish11:42
Exercise 4 Start2:09
Exercise 4 Finish8:18
Exercise 4 Follow Up2:17

JavaScript Concepts Review: First Class and Higher Order Functions, Closure0:16
Function Composition Part 111:03
Arrow Functions3:38
Exercise 5 Start1:32
Exercise 5 Finish4:47
Function Composition Part 226:43
Learn function composition in JavaScript by building a pipeline that trims, removes punctuation, splits into words, filters articles, and reduces to a final array; compare compose and pipe.
Exercise 6 Start3:37
Exercise 6 Finish11:33
Understanding Arity11:11
JavaScript Concepts for Understanding Currying6:50
Deep Dive into Currying23:08
Dissecting the Curry Function15:53
Exercise 7 Start3:00
Explore currying and composition by building a curried get user function for the user array. Compose a specialized function that updates Henry's score and tries, returning a new array.
Exercise 7 Finish8:54

Using the Ramda JavaScript Library13:01
Explore Ramda, a functional JavaScript library, highlighting immutable, side-effect-free, auto-curried functions and data-last design, with examples of map, filter, reduce, and pipe.
Exercise 9 Start2:27
Exercise 9 Finish21:11
Refactor a JavaScript project with Ramda, linking via CDN, converting mutating code to pure functions, and applying pipe, curry, clone, map, reduce, and update score and tries.

Requirements

This course is intended for those that have already been introduced to JavaScript and have used it in projects.
You need to feel comfortable reading and writing JavaScript code.

Description

Are you wanting to learn how to apply functional programming in JavaScript? Have the concepts been a bit difficult to grasp? Are you not quite sure how functional programming differs from other approaches used in JavaScript? If so, this course is for you!

The functional programming paradigm was difficult, at first, for me to grasp and implement. Therefore, I wanted to create a course that would help others make the leap and begin applying functional programming techniques into their own code. In this course you will learn techniques that you can apply today. But remember, you don't need to implement everything immediately. Implement those things that make sense and grow into it slowly.

In this course I have taken the approach of dissecting a technical definition of functional programming and using that definition as the structure of the course. We will break it down into pieces. Focus on those pieces and the techniques you can use right away. Each new concept will build on the previous concepts. And in the end you will see all the concepts come together.

If you learn by doing, this course gives you plenty of chances to work on exercises and then sit back and watch as I go through the exercise. By doing and then watching my approach, you will learn how to apply functional programming concepts to JavaScript.

Jump in today and begin learning a different way of using JavaScript!

Who this course is for:

JavaScript developers that want to learn functional programming techniques and concepts.

Functional Programming in JavaScript: A Practical Approach

What you'll learn

Explore related topics

Course content

Course Introduction2 lectures • 3min

Introduction to Functional Programming1 lecture • 6min

Side Effects and Pure Functions5 lectures • 53min

Avoiding Shared State and Mutations12 lectures • 1hr 22min

Function Composition14 lectures • 2hr 12min

Understanding Declarative Programming3 lectures • 15min

Functional Programming Example: Comparing OOP to Functional2 lectures • 22min

Lodash3 lectures • 34min

Ramda3 lectures • 37min

Other Functional Techniques and Articles3 lectures • 14min

Requirements

Description

Who this course is for: