Building a JavaScript Development Environment from Pluralsight

Starting a new JavaScript project from scratch is overwhelming. This course provides a playbook outlining the key decisions you need to make. Build a robust development environment that handles bundling, linting, transpiling, testing, and much more.

Welcome to Building a JavaScript Development Environment. In this course, you will explore the long list of decisions and patterns for building your own JavaScript development from scratch using modern tooling. You will get there by learning about major topics like transpiling, bundling, testing, and npm scripts for automation.

By the end of this course, you will be able to create a rapid feedback JavaScript development experience that suits your team's unique preferences.

Before you begin, make sure you are already familiar with JavaScript and HTML.

After this course, you'll be ready to move on to building applications in a wide array of technologies including Angular, React, Node.js, and Electron.

I hope you'll join me, and I look forward to helping you on your learning journey here at Pluralsight.

In this course, you will learn to create a rapid feedback JavaScript dev environment and be ready to build apps in a variety of different technologies.

You will want to

and have an account. You will also need a JavaScript editor. If you don't already have a favorite, we will discuss how to select an editor that meets your needs.

You will need to be already familiar with JavaScript and HTML.

Building a JavaScript development environment means that you don't have to start every new project from scratch. You will have a solid foundation customized to your specific needs.

This course is for developers and teams looking for a reusable JavaScript environment that supports automated testing, bundling, linting, error logging, and more.

What's inside

Syllabus

Course Overview

You Need a Starter Kit

Editors and Configuration

Package Management

Development Web Server

Automation

Transpiling

Bundling

Linting

Testing and Continuous Integration

HTTP Calls

Project Structure

Production Build

Production Deploy

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Builds a strong foundation for beginners who are interested in JavaScript development from scratch

Strengthens an existing foundation for intermediate JavaScript developers wanting to refine their environment setup

Developers and teams looking for a reusable JavaScript environment that supports automated testing, bundling, linting, error logging, and more will find this course useful

Course materials include videos, readings, and discussions, making it multi-modal

Provides hands-on labs and interactive materials for practical learning

Covers major topics like transpiling, bundling, testing, and npm scripts for automation, making it comprehensive

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Building a JavaScript Development Environment with these activities:

Review JavaScript syntax

Show steps

Refine your foundational knowledge of JavaScript syntax to better absorb the advanced topics covered in this course.

Show steps

Review online tutorials covering JavaScript syntax
Practice writing simple JavaScript programs
Take online quizzes or practice exercises on JavaScript syntax

Join a JavaScript study group

Show steps

Enhance your learning experience by engaging in discussions and knowledge exchange with peers in a JavaScript study group.

Show steps

Identify or create a JavaScript study group
Regularly meet with the group to discuss course topics
Collaborate on projects and share resources
Provide feedback and support to fellow group members

Seek guidance from experienced JavaScript developers

Show steps

Accelerate your learning by connecting with experienced JavaScript developers who can provide personalized guidance and support.

Show steps

Identify potential mentors through online forums, professional networks, or industry events
Reach out to selected mentors and express your interest in their guidance
Regularly schedule meetings or engage in online discussions to discuss your progress and seek advice

Five other activities

Expand to see all activities and additional details

Show all eight activities

Build a simple JavaScript project

Show steps

Apply your JavaScript skills by building a simple project, reinforcing your understanding of development concepts and workflows.

Show steps

Identify a simple JavaScript project idea, such as a calculator or a to-do list
Follow online tutorials or documentation to build the project
Test and debug your project to ensure it functions as intended

Solve JavaScript coding challenges

Show steps

Enhance your problem-solving abilities and deepen your understanding of JavaScript by engaging in coding challenges and exercises.

Show steps

Identify online coding challenge platforms or resources
Select challenges that align with the concepts covered in this course
Attempt to solve the challenges independently, referring to documentation and resources as needed

Attend a JavaScript workshop or conference

Show steps

Expand your knowledge and network by attending a JavaScript workshop or conference, engaging with experts and learning about industry best practices.

Show steps

Research upcoming JavaScript workshops or conferences
Register for an event that aligns with your interests and learning objectives
Actively participate in sessions, ask questions, and connect with other attendees

Document your JavaScript environment setup

Show steps

Solidify your knowledge of your JavaScript development environment by creating a comprehensive documentation outlining its setup and configuration.

Show steps

Create a document outlining the steps involved in setting up your JavaScript development environment
Describe the tools, libraries, and configurations used in your environment
Include troubleshooting tips and best practices to assist others in setting up a similar environment

Build a portfolio project using JavaScript

Show steps

Showcase your skills and deepen your understanding of JavaScript by building a substantial portfolio project that demonstrates your abilities.

Show steps

Identify a project idea that showcases your JavaScript skills and aligns with your career goals
Plan and design your project, including features, functionality, and user experience
Develop and implement your project, utilizing the concepts and techniques covered in this course
Test, debug, and refine your project to ensure it meets your expectations

Career center

Learners who complete Building a JavaScript Development Environment will develop knowledge and skills that may be useful to these careers:

Frontend Developer

A Frontend Developer is responsible for building and maintaining the user interface (UI) of a website or application. This course will teach you the essential skills and tools needed to become a successful Frontend Developer. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Frontend Developer role and will also help you advance your career.

See salaries and explore the career path for Frontend Developer

JavaScript Developer

A JavaScript Developer is responsible for developing and maintaining web and mobile applications using JavaScript. This course will teach you the essential skills and tools needed to become a successful JavaScript Developer. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a JavaScript Developer role and will also help you advance your career.

See salaries and explore the career path for JavaScript Developer

Full-Stack Developer

A Full Stack Developer is responsible for developing and maintaining both the frontend and backend of a website or application. This course will teach you the essential skills and tools needed to become a successful Full Stack Developer. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Full Stack Developer role and will also help you advance your career.

See salaries and explore the career path for Full-Stack Developer

Software Engineer

A Software Engineer is responsible for designing, developing, and maintaining software systems. This course will teach you the essential skills and tools needed to become a successful Software Engineer. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Software Engineer role and will also help you advance your career.

See salaries and explore the career path for Software Engineer

Web Developer

A Web Developer is responsible for designing, developing, and maintaining websites. This course will teach you the essential skills and tools needed to become a successful Web Developer. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Web Developer role and will also help you advance your career.

See salaries and explore the career path for Web Developer

Project Manager

A Project Manager is responsible for planning, organizing, and managing software development projects. This course will teach you the essential skills and tools needed to become a successful Project Manager. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Project Manager role and will also help you advance your career.

See salaries and explore the career path for Project Manager

Product Manager

A Product Manager is responsible for defining, developing, and launching new products. This course will teach you the essential skills and tools needed to become a successful Product Manager. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Product Manager role and will also help you advance your career.

See salaries and explore the career path for Product Manager

Technical Lead

A Technical Lead is responsible for leading a team of software engineers in the design, development, and maintenance of software systems. This course will teach you the essential skills and tools needed to become a successful Technical Lead. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Technical Lead role and will also help you advance your career.

See salaries and explore the career path for Technical Lead

Business Analyst

A Business Analyst is responsible for analyzing business needs and developing solutions to improve business processes. This course will teach you the essential skills and tools needed to become a successful Business Analyst. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Business Analyst role and will also help you advance your career.

See salaries and explore the career path for Business Analyst

Data Analyst

A Data Analyst is responsible for collecting, analyzing, and interpreting data to help businesses make better decisions. This course will teach you the essential skills and tools needed to become a successful Data Analyst. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Data Analyst role and will also help you advance your career.

See salaries and explore the career path for Data Analyst

Quality Assurance Analyst

A Quality Assurance Analyst is responsible for testing and evaluating software systems to ensure that they meet quality standards. This course will teach you the essential skills and tools needed to become a successful Quality Assurance Analyst. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Quality Assurance Analyst role and will also help you advance your career.

See salaries and explore the career path for Quality Assurance Analyst

Systems Analyst

A Systems Analyst is responsible for analyzing and designing business systems. This course will teach you the essential skills and tools needed to become a successful Systems Analyst. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Systems Analyst role and will also help you advance your career.

See salaries and explore the career path for Systems Analyst

UX Designer

A UX Designer is responsible for designing the user experience of websites and applications. This course will teach you the essential skills and tools needed to become a successful UX Designer. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a UX Designer role and will also help you advance your career.

See salaries and explore the career path for UX Designer

UI Designer

A UI Designer is responsible for designing the user interface of websites and applications. This course will teach you the essential skills and tools needed to become a successful UI Designer. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a UI Designer role and will also help you advance your career.

See salaries and explore the career path for UI Designer

Computer Programmer

A Computer Programmer is responsible for writing and maintaining computer code. This course will teach you the essential skills and tools needed to become a successful Computer Programmer. You will learn how to create a robust development environment, how to use modern tooling, and how to build a rapid feedback development experience. This course will help you get started in a Computer Programmer role and will also help you advance your career.

See salaries and explore the career path for Computer Programmer