Web Development

Web Development

Working with technologies in the web platform such as HTML, CSS, images, and JavaScript.

Our IDEs have powerful web development features based on the inclusion of WebStorm, a high-end JavaScript and TypeScript IDE.

See Also

Run npm Scripts from package.json

Tip

Run npm Scripts from package.json
Browse your package.json scripts and run in a dedicated tool window.
JetBrains .NET Days Online 2024

Playlist

JetBrains .NET Days Online 2024
Session recordings of JetBrains .NET Days Online 2024.
A Homage to the Good Old MVC

YouTube

A Homage to the Good Old MVC
Alexander Zeitler
Crafting Blazor Components With Precision and Assurance

YouTube

Crafting Blazor Components With Precision and Assurance
Mariekie Coetzee
Enhancing ASP.NET Core Razor Pages With HTMX – A Simplicity-First Approach

YouTube

Enhancing ASP.NET Core Razor Pages With HTMX – A Simplicity-First Approach
Chris Woodruff
AI Assistant with AWS Bedrock and Go

Tutorial

AI Assistant with AWS Bedrock and Go
Develop an AI assistant by combining AWS Bedrock, Go, and React for a dynamic frontend.
REST API Development with Gin

Tutorial

REST API Development with Gin
Developing a Bookstore App with the Gin Framework
Introduction

Part of tutorial

Introduction
Introducing Gin, the high-performance web framework, written in Go.
Database Setup

Part of tutorial

Database Setup
Configuring Your PostgreSQL Database.
Project Configuration

Part of tutorial

Project Configuration
Install the dependencies used for the sample application.
Project Layout

Part of tutorial

Project Layout
Organizing and Navigating Through Your Codebase.
Interfaces & CRUD Operations

Part of tutorial

Interfaces & CRUD Operations
Centering on business logic via CRUD operations.
Data Models

Part of tutorial

Data Models
Defining models and establishing database connection
HTTP Handlers

Part of tutorial

HTTP Handlers
Managing Web Requests - The HTTP Handler Approach.
Web App with Go and React - Part 1

Tutorial

Web App with Go and React - Part 1
Fullstack Application Development with Go and React.
Web App with Go and React - Part 3

Tutorial

Web App with Go and React - Part 3
Fullstack Application Development with Go and React.
Web App with Go and React - Part 2

Tutorial

Web App with Go and React - Part 2
Fullstack Application Development with Go and React.
Prerequisites

Part of tutorial

Prerequisites
Install necessary dependencies for running the application.
Crafting the Application

Part of tutorial

Crafting the Application
Constructing the Go Backend for the Chat App.
Introduction

Part of tutorial

Introduction
Setting Up Gin, SQLite, and Essential REST APIs.
Conclusion

Part of tutorial

Conclusion
backend completion and learning outcomes.
Conclusion

Part of tutorial

Conclusion
Crafting a seamless full-stack chat experience.
Stitching Together

Part of tutorial

Stitching Together
bringing together frontend and backend components.
Preparing for Production

Part of tutorial

Preparing for Production
Fine-tuning your project for deployment.
Testing the Backend

Part of tutorial

Testing the Backend
Connecting the dots - from development to deployment.
Getting Started

Part of tutorial

Getting Started
Dive into frontend development with Node.js and React.
UI Design

Part of tutorial

UI Design
Jazz up your UI with Tailwind.
Conclusion

Part of tutorial

Conclusion
Streamlining Frontend - React and Tailwind in Action.
Automate checks for your Django project

Tip

Automate checks for your Django project
Extend Django's system check framework to turn painful code reviews into a joy.
Demystifying Nulls and Nlanks in Django

Tip

Demystifying Nulls and Nlanks in Django
Learn the difference between blank=True and null=True
Django + htmx = ❤️

Tip

Django + htmx = ❤️
Speed up your Django list view with htmx and pagination.
Speed up your Django Queries

Tip

Speed up your Django Queries
Optimising queries beyond the N + 1 problem.
JetBrains .NET Day Online 2023

Playlist

JetBrains .NET Day Online 2023
Session recordings of JetBrains .NET Day Online 2023.
Authentication for Go Applications: The Secure Way

Tutorial

Authentication for Go Applications: The Secure Way
Comparing the pros and cons of five different authentication methods: Basic HTTP, bearer token, JWT, OIDC, and SAML.
Authentication for Go Applications: The Secure Way

Part of tutorial

Authentication for Go Applications: The Secure Way
This article compares the pros and cons of five different authentication methods: Basic HTTP, bearer token, JWT, OIDC, and SAML.
Go REST Guide. Gin Framework

Part of tutorial

Go REST Guide. Gin Framework
The third part of this series looks at how to build a REST API using a web. framework called Gin.
Go REST Guide. gorilla/mux Router

Part of tutorial

Go REST Guide. gorilla/mux Router
The second part of this series demonstrates how to use a router for improved. handling of requests when building REST APIs.
Go REST Guide

Tutorial

Go REST Guide
This is a three-part series dedicated to three different methods of building a Go REST API.
Go REST Guide. The Standard Library

Part of tutorial

Go REST Guide. The Standard Library
The first part of this series focuses on using the standard library, a simple and native way to create HTTP servers.
Blazor Essentials

Tutorial

Blazor Essentials
Learn how to build a basic application with Blazor.
Blazor components

Part of tutorial

Blazor components
Use components for a modular Blazor application.
Working with Data

Part of tutorial

Working with Data
Work with data in a Blazor application.
Forms in Blazor

Part of tutorial

Forms in Blazor
View and edit data in forms.
JavaScript interop

Part of tutorial

JavaScript interop
Extend Blazor apps with JavaScript.
Get Started using Blazor

Part of tutorial

Get Started using Blazor
Start a new Blazor project.
HTTP Communication and APIs

Part of tutorial

HTTP Communication and APIs
Understand how to work with HTTP within the context of a Blazor app.
Publishing Blazor Apps

Part of tutorial

Publishing Blazor Apps
Publish a Blazor app to Azure.
Introduction to Blazor

Part of tutorial

Introduction to Blazor
Is Blazor the right choice for your application?
Routing

Part of tutorial

Routing
Routing in Blazor.
Razor Pages

Part of tutorial

Razor Pages
Build a UI using Razor Pages in Blazor.
How to build a cloud native application with .NET and AWS

YouTube

How to build a cloud native application with .NET and AWS
François Bouteruche
Reducing the environmental footprint in nautical transport with F# & Serverless

YouTube

Reducing the environmental footprint in nautical transport with F# & Serverless
Roman Provazník
REST, GraphQL and gRPC: A Comparison

YouTube

REST, GraphQL and gRPC: A Comparison
Poornima Nayar
ASP.NET Basics for Experts

YouTube

ASP.NET Basics for Experts
Layla Porter
JetBrains .NET Days Online 2022

Playlist

JetBrains .NET Days Online 2022
Session recordings of JetBrains .NET Days Online 2022.
Run Anything

Tip

Run Anything
Launch run/debug configurations, applications, scripts, commands, tasks, and open recent projects.
HTMX for ASP.NET Core Developers

Tutorial

HTMX for ASP.NET Core Developers
A set of videos explaining what HTMX is, and how ASP.NET Core developers can use it to create rich client-side experiences.
HTMX cascading selects

Part of tutorial

HTMX cascading selects
One thing leads to another.
HTMX state management

Part of tutorial

HTMX state management
Maintaining state across requests.
Hello, HTMX!

Part of tutorial

Hello, HTMX!
No series is complete without a "Hello, World" sample.
Client-side templating with Mustache and HTMX

Part of tutorial

Client-side templating with Mustache and HTMX
Generate HTML on the client, based on JSON.
Typeahead search with HTMX

Part of tutorial

Typeahead search with HTMX
Live updates based on your search query.
Out-of-band swaps with HTMX

Part of tutorial

Out-of-band swaps with HTMX
Swap and replace any HTML element.
Infinite scrolling with HTMX

Part of tutorial

Infinite scrolling with HTMX
Streaming infinite content to your users.
ASP.NET Core Razor TagHelpers for HTMX

Part of tutorial

ASP.NET Core Razor TagHelpers for HTMX
Simplify integration of HTMX in ASP.NET Core apps.
Introduction

Part of tutorial

Introduction
Giving context to HTMX.
Polling to get recent updates

Part of tutorial

Polling to get recent updates
Retrieve updated information from the server.
Server-powered modals with HTMX

Part of tutorial

Server-powered modals with HTMX
Create modal dialogs on the server.
Real-world shopping cart and conclusion

Part of tutorial

Real-world shopping cart and conclusion
See all HTMX techniques come together.
Shortcut keys for web applications

Part of tutorial

Shortcut keys for web applications
Add keyboard shortcuts to make your web an app.
Server-side validation, client-side feel

Part of tutorial

Server-side validation, client-side feel
Validate models on the server, display results on the client.
Tabs, tabs, and more tabs with HTMX

Part of tutorial

Tabs, tabs, and more tabs with HTMX
Asynchronous rendering of tabs on the server.
What is HTMX?

Part of tutorial

What is HTMX?
Understanding the spirit of the HTMX library.
Server-sent events for realtime updates

Part of tutorial

Server-sent events for realtime updates
Send messages to clients in realtime.
Full-stack web development in Rider

Tip

Full-stack web development in Rider
Develop ASP.NET and ASP.NET Core applications in one place!
JavaScript Day 2021

Playlist

JavaScript Day 2021
JetBrains JavaScript Day 2021 is a free virtual event that took place on October 14, 2021.
Live Template for Arrow Function

Tip

Live Template for Arrow Function
Create arrow functions quicker thanks to builtin customizable templates.
Code Completion for Classnames and More in React Code

Tip

Code Completion for Classnames and More in React Code
Spend less time typing or explore the possibilities for various CSS class names in React aps.
Completion for Parameter Types

Tip

Completion for Parameter Types
Better code completion makes working on modern web frontends faster and more enjoyable.
Reload Browser Pages on Save

Tip

Reload Browser Pages on Save
Work on your frontend then switch to the browser to see how it looks like
Refactor Names in React useState Hooks

Tip

Refactor Names in React useState Hooks
Rename both values of from useState hooks at once
Support for TypeScript Types in JSDoc

Tip

Support for TypeScript Types in JSDoc
Give the IDE new powers thanks to TypeScript-based types.
New Features in GoLand 2021.2

Playlist

New Features in GoLand 2021.2
A selection of useful features from GoLand 2021.2
Profile an HTTP request

Tip

Profile an HTTP request
What happens when an HTTP request is made?
Builtin HTML preview

Tip

Builtin HTML preview
Stop switching to a browser to inspect your template and get instant feedback in your IDE
Check APIs from the Comfort of your IDE

Tip

Check APIs from the Comfort of your IDE
Quickly inspect APIs and make HTTP requests to services in a reusable manner.
New Features in GoLand 2021.1

Playlist

New Features in GoLand 2021.1
A selection of useful features from GoLand 2021.1
Building Modern Applications with GraphQL and Blazor

YouTube

Building Modern Applications with GraphQL and Blazor
Michael Staib
Going Real Time Using Azure CosmosDB and React

YouTube

Going Real Time Using Azure CosmosDB and React
Olena Borzenko
Embracing gRPC in .NET

YouTube

Embracing gRPC in .NET
Irina Scurtu
JetBrains .NET Days Online 2021

Playlist

JetBrains .NET Days Online 2021
Session recordings of JetBrains .NET Days Online 2021.
Docker For .NET Developers

Tutorial

Docker For .NET Developers
A jump-start guide for .NET developers interested in Docker and containerization.
Tailwind CSS Support

Tip

Tailwind CSS Support
Enjoy working with Tailwind CSS from the comfort of your IDE.
Support for Vue.js 3

Tip

Support for Vue.js 3
Upgrade to using the latest Vue.js version knowing your IDE will be there to help you.
New Features in GoLand 2020.3

Playlist

New Features in GoLand 2020.3
A selection of useful features from GoLand 2020.3
Web Fundamentals in Rider

Tutorial

Web Fundamentals in Rider
Learn how Rider helps you with web applications to build full-stack apps with ease.
Introduction

Part of tutorial

Introduction
Introduction to the Web Fundamentals in Rider series.
Coding Assistance

Part of tutorial

Coding Assistance
Find out how Rider helps you write better code, faster.
Navigation in web applications

Part of tutorial

Navigation in web applications
How can you find what you want? Let's look at navigating around a code base.
Refactoring

Part of tutorial

Refactoring
See how the IDE helps you safely refactor code, without breaking existing code.
Testing code

Part of tutorial

Testing code
Get started with testing. We will use Jest as an example.
Running code

Part of tutorial

Running code
How to run your code and see the results? Let's explore.
Debugging code

Part of tutorial

Debugging code
What's your code doing? Step through code with the debugger, and find out.
.NET Localization

Tutorial

.NET Localization
Localization and the art of reaching more users.
Localizing ASP.NET Applications

Part of tutorial

Localizing ASP.NET Applications
Working with Cultures, Resources, & ASP.NET.
Cloud (Azure) in Rider

Part of tutorial

Cloud (Azure) in Rider
Using the Azure plugin in Rider, and working with Azure Functions.
The Basics Series

Tutorial

The Basics Series
A set of short basic walkthroughs of different .NET technologies.
Basics of ASP.NET MVC

Part of tutorial

Basics of ASP.NET MVC
A complete MVC pipeline with routes, models, views, and controllers.
Basics of Razor Pages

Part of tutorial

Basics of Razor Pages
A complete Razor Pages pipeline.
Getting Started With ASP.NET

Tutorial

Getting Started With ASP.NET
A set of short videos to understand the basic landscape of an ASP.NET. Application.
Start A New ASP.NET Web Application

Part of tutorial

Start A New ASP.NET Web Application
Starting an ASP.NET Project in under a few minutes.
Startup Class Walkthrough

Part of tutorial

Startup Class Walkthrough
The beginning of all ASP.NET applications.
ASP.NET Routing

Part of tutorial

ASP.NET Routing
Defining endpoints and URI path handlers.
Dependency Injection and ConfigureServices

Part of tutorial

Dependency Injection and ConfigureServices
Registering ASP.NET services and instances.
Request Pipeline

Part of tutorial

Request Pipeline
Configuring our HTTP handlers in Startup.
Better Object Mapping in .NET with Dapper

YouTube

Better Object Mapping in .NET with Dapper
Kevin Griffin
Create Web APIs with ASP.NET Core Using Outside In TDD

YouTube

Create Web APIs with ASP.NET Core Using Outside In TDD
Pedro Moreira Santos
Developing with .NET Core on AWS Using Rider

YouTube

Developing with .NET Core on AWS Using Rider
Martin Beeby
HotChocolate - An Introduction to GraphQL for ASP.NET Core

YouTube

HotChocolate - An Introduction to GraphQL for ASP.NET Core
Michael Staib
Learning F# by Designing Your Own Language

YouTube

Learning F# by Designing Your Own Language
Oleksii Holub
TDD and The Terminator — An Introduction to Test Driven Development

YouTube

TDD and The Terminator — An Introduction to Test Driven Development
Layla Porter
Build a Highly Performant Interservice Communication with gRPC for ASP NET Core

YouTube

Build a Highly Performant Interservice Communication with gRPC for ASP NET Core
Riccardo Terrell
Formatting F# Code

YouTube

Formatting F# Code
Florian Verdonck
From C# to Python – 10 Things I Learned Along the Way

YouTube

From C# to Python – 10 Things I Learned Along the Way
Tess Ferrandez
Refactoring to Patterns with ReSharper

YouTube

Refactoring to Patterns with ReSharper
Zoran Horvat
Starting a Blog

YouTube

Starting a Blog
Khalid Abuhakmeh
Yield Return ’cause I’m Awaiting Deep Dive into Async Streams

YouTube

Yield Return ’cause I’m Awaiting Deep Dive into Async Streams
Andrew Karpov
JetBrains .NET Days Online 2020

Playlist

JetBrains .NET Days Online 2020
Session recordings of JetBrains .NET Days Online 2020.
42 Tips and Tricks

Playlist

42 Tips and Tricks
Become an IDE champ with these bite-sized tips and tricks.
Wrap Selection With Tag

Tip

Wrap Selection With Tag
Use the keyboard to put a wrapper tag around a selection of code.