Tooling up for SharePoint Framework from Pluralsight

SharePoint developers looking to use the new SharePoint Framework must first become comfortable with several new tools and technologies. This course introduces and demonstrates each component of the SharePoint Framework development toolchain.

At the core of developing solutions using the SharePoint Framework is a thorough knowledge of modern web development tools and technologies. In this course, Tooling up for SharePoint Framework, you'll learn how to stand up a new SharePoint Framework development environment. First, you'll explore the roles played by npm and Node.js in the SharePoint Framework development toolchain. Next, you'll discover how to leverage Yeoman, TypeScript, and Gulp when building SharePoint Framework projects. Finally, you'll learn how to test your SharePoint Framework projects using the Workbench. When you're finished with this course, you'll have a foundational knowledge of the SharePoint Framework developer toolchain that will help you, as you move forward, to build modern client-side solutions that runs on top of SharePoint.

What's inside

Syllabus

Course Overview

Introduction

Preparing a New SPFx Environment with Node.js and npm

Scaffolding New SPFx Projects with Yeoman

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Useful for developers looking to enhance their SharePoint development repertoire

Reviews summary

Essential tooling for sharepoint framework

According to learners, this course is an excellent starting point for understanding the modern web development toolchain necessary for SharePoint Framework (SPFx). Many commend its ability to demystify complex tools like Node.js, npm, and Gulp, providing incredibly clear and step-by-step guidance for environment setup. It's particularly praised for offering a solid foundational knowledge, making the transition to SPFx less daunting. However, some students note that the fast pace of web development means tool versions can become slightly outdated, requiring minor troubleshooting. While highly recommended for beginners, experienced web developers may find some content too basic.

Instructor provides insightful explanations and an engaging teaching style.

"The instructor has a very engaging teaching style."

"The instructor doesn't just show you how, but also explains why. This clarity made a huge difference."

"I felt much more confident starting my first SPFx project now."

Offers hands-on labs and practical examples for immediate use.

"The hands-on labs were practical."

"The Workbench testing section was particularly useful."

"The practical examples helped me grasp concepts quickly. It's a great stepping stone before diving into actual SPFx component development."

Provides clear, step-by-step explanations for core SPFx tools.

"The instructor's explanation of Node.js, npm, and Gulp was incredibly clear. I especially appreciated the step-by-step guidance..."

"The instructor demystifies npm, Node, and Gulp very well. The course is structured logically, building up complexity."

"Everything is explained clearly, especially the parts about TypeScript and Visual Studio Code."

"I found this course perfect for understanding the SharePoint Framework's foundational tools. The explanations of npm and Gulp were particularly insightful."

Ideal for beginners, potentially basic for experienced web developers.

"The course is okay, but it felt a bit too basic for me, someone who already has some experience with modern web development."

"Useful for absolute beginners to this stack, but perhaps less so for intermediate developers."

"Okay as a very basic intro, but for someone who has worked with Node.js and npm before, much of it felt like review."

Course content sometimes lags behind rapidly evolving web tool versions.

"My only minor gripe is that some versions of the tools mentioned were slightly out of date, requiring me to do a bit of extra research..."

"Keeping up with tool versions is a constant battle in web dev, and the course material could benefit from more frequent updates..."

"Some parts about specific tool versions can become outdated quickly, which is a challenge for any course on fast-evolving tech."

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 Tooling up for SharePoint Framework with these activities:

Organize and review course resources

Show steps

Organizing your materials will help you focus and prioritize as you learn.

Show steps

Create a dedicated folder or workspace for all course-related resources.
Organize resources into logical categories, such as lecture notes, assignments, and practice materials.
Review the materials regularly to reinforce your understanding.

Review modern web development tools

Show steps

Reviewing these tools will refresh your familiarity to help you grasp the content covered in the course.

Browse courses on npm

Show steps

Visit the npm website to read up on packages, versions, and package management for JavaScript development.
Go through tutorials on Node.js to refresh basic usage in JavaScript runtime.
Explore TypeScript to refresh your knowledge of its features and syntax.

Follow tutorials on SharePoint Framework tooling

Show steps

Following these tutorials will provide practical learning to deepen your skills.

Browse courses on SharePoint Framework

Show steps

Find a reputable tutorial series on SharePoint Framework tooling.
Follow the tutorials step-by-step, completing all exercises and projects.
Take notes, ask questions in the community, and explore the documentation to fully grasp the concepts.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Participate in study groups or discussions

Show steps

Engaging in peer learning will give you different perspectives and enhance your comprehension.

Show steps

Join or create a study group with fellow learners of this course.
Meet regularly to discuss course topics, share insights, and work on problems together.
Participate actively in online discussions or forums related to the course.

Build a custom SharePoint Framework web part

Show steps

Building a custom web part will strengthen your practical skills and solidify your learning.

Browse courses on Web Parts

Show steps

Define the purpose and functionality of your custom web part.
Create a new SharePoint Framework project and set up the environment.
Develop the web part logic and user interface in TypeScript.
Test and debug your web part locally.

Practice writing TypeScript code

Show steps

Practicing TypeScript code will improve your proficiency and understanding of its nuances.

Browse courses on TypeScript

Show steps

Find online coding challenges or exercises that focus on TypeScript.
Solve the coding challenges and review solutions to understand best practices.
Write your own TypeScript code to implement various scenarios.

Seek guidance from experienced SharePoint Framework developers

Show steps

Connecting with experts can provide valuable support and insights.

Browse courses on Mentoring

Show steps

Attend industry events or webinars to network with SharePoint Framework professionals.
Reach out to potential mentors on LinkedIn or other professional platforms.
Schedule a meeting or call to discuss your learning goals and seek guidance.

Write blog posts or articles on SharePoint Framework

Show steps

Creating content will reinforce your understanding, build your credibility, and help others learn.

Browse courses on Content Creation

Show steps

Choose a topic related to SharePoint Framework that you are comfortable with.
Research and gather information to support your topic.
Write a well-structured blog post or article, providing clear explanations and examples.

Career center

Learners who complete Tooling up for SharePoint Framework will develop knowledge and skills that may be useful to these careers:

SharePoint Developer

SharePoint Developers specialize in the development of custom solutions for SharePoint. They work with a variety of technologies to build and maintain solutions that extend the functionality of SharePoint. This course will give someone in this role a strong foundation in the SharePoint Framework development toolchain, which is essential for building modern client-side solutions.

See salaries and explore the career path for SharePoint Developer

Front-End Developer

Front-End Developers are responsible for the design and implementation of the user interface of a website or application. They work with a variety of technologies to create visually appealing and user-friendly interfaces. This course will equip someone in such a position with the skills and knowledge needed to build modern, responsive websites using the SharePoint Framework.

See salaries and explore the career path for Front-End Developer

Web Developer

Web Developers design, create, and maintain websites. They work with a variety of technologies to ensure that websites are functional, user-friendly, and visually appealing. This course will give an individual in this role a strong foundation in the SharePoint Framework development toolchain, which is essential for building modern client-side solutions.

See salaries and explore the career path for Web Developer

JavaScript Developer

JavaScript Developers specialize in the development of web applications using JavaScript. They work with a variety of technologies to build and maintain interactive and user-friendly web applications. This course will provide someone in this role with a strong foundation in the SharePoint Framework development toolchain, which is essential for building modern client-side solutions.

See salaries and explore the career path for JavaScript Developer

Node.js Developer

Node.js Developers specialize in the development of server-side applications using Node.js. They work with a variety of technologies to build and maintain scalable and efficient server-side applications. This course will provide someone in this position with a strong foundation in the SharePoint Framework development toolchain, which is essential for building modern client-side solutions.

See salaries and explore the career path for Node.js Developer

Gulp Developer

Gulp Developers specialize in the development of automated build processes using Gulp. They work with a variety of technologies to build and maintain efficient and reliable build processes. This course will be useful to someone in this role as it provides a strong foundation in the SharePoint Framework development toolchain, which is essential for building modern client-side solutions.

See salaries and explore the career path for Gulp Developer

Software Development Manager

Software Development Managers lead teams of software developers, guiding them through the development lifecycle and ensuring that projects are completed on time and within budget. This course can help someone in such a role by enhancing their understanding of software development tools and technologies.

See salaries and explore the career path for Software Development Manager

Product Manager

Product Managers are responsible for the planning, development, and launch of new products. They work with a variety of stakeholders to define product requirements, set priorities, and track progress. This course will help someone in this role by providing them with a better understanding of the SharePoint Framework development toolchain.

See salaries and explore the career path for Product Manager

UI/UX Designer

UI/UX Designers are responsible for the design and implementation of the user interface of a website or application. They work with a variety of technologies to create visually appealing and user-friendly interfaces. This course will help provide an individual in such a role with a better understanding of the SharePoint Framework development toolchain.

See salaries and explore the career path for UI/UX Designer

Full-Stack Developer

Full-Stack Developers are responsible for both the front-end and back-end development of a website or application. They work with a variety of technologies to build and maintain websites and applications that are both functional and visually appealing. This course could be useful for someone in such a role as it provides a strong foundation in the SharePoint Framework development toolchain.

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

Back-End Developer

Back-End Developers are responsible for the server-side logic of a website or application. They work with a variety of technologies to build and maintain databases, write code to process data, and implement security measures. This course may help an individual in this role by providing them with a better understanding of the SharePoint Framework development toolchain.

See salaries and explore the career path for Back-End Developer

Software Engineer

Software Engineers design, develop, and maintain software applications. They work with a variety of technologies to build and maintain software that is reliable, efficient, and secure. This course will help an individual in this role by providing them with a better understanding of the SharePoint Framework development toolchain.

See salaries and explore the career path for Software Engineer

TypeScript Developer

TypeScript Developers specialize in the development of web applications using TypeScript. They work with a variety of technologies to build and maintain scalable and efficient web applications. This course may be useful for someone in this role by providing them with a better understanding of the SharePoint Framework development toolchain.

See salaries and explore the career path for TypeScript Developer

Interaction Designer

Interaction Designers are responsible for the design and implementation of the user experience of a website or application. They work with a variety of technologies to create user-friendly and engaging experiences. This course might be useful to an individual in such a role as it provides a better understanding of the SharePoint Framework development toolchain.

See salaries and explore the career path for Interaction Designer

Information Architect

Information Architects are responsible for the organisation and structure of information on a website or application. They work with a variety of technologies to create user-friendly and efficient information architectures. This course may be useful to someone in this role by providing them with a better understanding of the SharePoint Framework development toolchain.

See salaries and explore the career path for Information Architect