Paul Everitt

JetBrains Blog

I recently attended DjangoConf 2024 which kicked off this year’s DSF-PyCharm fundraiser. I attended Felipe’s DRF tutorial where he showed off using PyCharm and even a little bit about endpoints.

Tip

Run npm Scripts from package.json

Browse your package.json scripts and run in a dedicated tool window.

Tip

Make Your Work Environment Distraction Free

Need to focus on just your code? You can switch to the distraction-free or zen mode.

Tip

Search in Selection Only

Limit the search to the selected part of code.

Tip

Create Arrow Functions in One Click

WebStorm can help you add arrow functions to your code.

Tip

Show CSS Color Preview

How to display a CSS color in the background in WebStorm.

Tip

Clean Up Messy Imports With Optimize Imports

Quickly remove any unused imports and more.

Tip

Add console.log Faster

Use Postfix Completion to quickly add console.log.

Tip

See Return Values in Variables View

See what value a method returns.

Tip

Add Placeholder Text in Seconds

Use the power of Emmet to add some lorem ipsum faster.

Tip

Comment Out Code

Quickly comment/uncomment blocks and lines.

Tip

Using Code Snippets

How to use the built-in code snippets in JetBrains IDEs.

Tip

Quickly Sort Lines

Sort lines of code in your editor alphabetically.

Tip

Enabling Soft Wraps

Wrap lines to eliminate the need of scrolling horizontally in order to see overly long lines.

Tip

Edit Text in Multiple Places at Once

How to use multiple cursors to code faster in JetBrains IDEs.

JetBrains Blog

Full Line Code Completion in JetBrains IDEs

How does it work, what languages are supported, and how can you get started?

Tutorial

Better 11ty Development with Tooling

Getting a component-driven development experience that fits nicely into the 11ty zen.

Part of tutorial

Get 11ty 3.0 and ESM

Smallest step into an 11ty setup.

Part of tutorial

DOM Testing with Happy DOM and Testing Library

Better-faster testing of rendered pages using a DOM library and accessibility-oriented assertions.

Part of tutorial

11ty Views

Interfacing the 11ty system and components.

Part of tutorial

Templating in TSX

Use TSX (JSX in TypeScript) to generate HTML.

Part of tutorial

Components With Props

Faster, smoother development and reusability with components and props.

Part of tutorial

Switch to TypeScript

Develop 11ty sites with assistance from TypeScript typing.

Part of tutorial

Layouts

Shared wrapper templates using TSX and components.

Part of tutorial

Testing with Vitest

Develop with calm and joy through component testing.

Article

Debug Like a Pro: JavaScript Edition

Reach for the debugger first when learning about code, poking around, or fixing problems.

YouTube

Productive pytest with PyCharm

Testing is a major part of Python development and pytest has become the leading testing framework.

YouTube

It's Not Just Node.js Anymore

James M Snell

YouTube

Documenting the Web Platform

Florian Scholz

YouTube

How to Get Involved in Open Source: A Quickstart Guide

Tracy Lee

YouTube

Hands-Free Coding With Gaze Control in JavaScript

Charlie Gerard

YouTube

htmx: Writing JavaScript to Avoid Writing JavaScript

Carson Gross

YouTube

Angular 13

Aaron Frost

YouTube

Documentation Playgrounds With Module Imports Support

Andrey Grandilevskiy

YouTube

Scaling Team Delivery Using Standardization

Debbie O’Brien

YouTube

What’s New in Angular v15

Minko Gechev

YouTube

TC39 Demystified

Ujjwal Sharma

YouTube

Monorepos: Any Size Fits All

Altan Stalker

YouTube

Blitz.js: The Next.js Toolkit for Rapid Iteration

Aleksandra Sikora

YouTube

Design Decisions for the Components Library

Alexey Shestakov

YouTube

I Would Never Use an ORM

Matteo Collina

YouTube

Nuxt 3 – More Than Vue 3 on Steroids

Alexander Lichter

YouTube

The World Beyond Components

Ryan Carniato

YouTube

Records & Tuples Are Coming: The Next Exciting JavaScript Feature

Nicolò Ribaudo

YouTube

Behind the Scenes: Discussing One of the Most Interesting TypeScript 4.9 Features

Andrey Starovoyt

Channel

Remote Development

Learn the ins and outs of remote development: virtualization, containers, dev containers, and cloud.

Tip

Resolve Conflicts

Resolve merge conflicts automatically and manually inside your JetBrains IDE.

Tip

Move Work Aside with Stash

Use Git's stash to move uncommitted work to one side, temporarily.

Tip

Move Work Aside with Shelve

Move uncommitted work to one side to come back to it later when you need to work on another branch.

Tip

Rebase Feature Branch

Add the changes from your main branch into your feature branch so you're caught up with changes on the main branch.

Tip

Compare With Branch

See the changes in another branch's commits and compare them with your branch.

Tip

See Unsynced Commits

Take a look at commits on other branches.

Tip

Browse Branch's Commits

Review the changes in main before bringing them to your branch.

Tip

See VCS Changed Lines in Gutter

Quickly spot which parts of your file have changed since the last commit.

Tip

Only Commit Some Changes

Select specific files or regions within files during the commit process for a lower level of commit granularity.

Tip

Fix Your Work with Amend Commit

Put some missing work back into your last commit, before you push.

Playlist

JavaScript Day 2022

JetBrains JavaScript Day 2022 is a free virtual event that took place on November 10, 2022.

Tip

Use Local History to Avoid Disaster

Use the IDE's built-in history facility to recover local changes when you haven't committed to VCS.

Tip

Undo your Last Commit

Undo your last Git commit

Tip

Edit Commit Message

Edit the wording in your last commit message, after you committed.

YouTube

Django-in-PyCharm Tips, Reloaded

Two and a half years ago we did a “Django tips in PyCharm” webinar; this refresher swaps out some tips, but also shows lots of new goodness in the IDE.

Playlist

JavaScript Day 2021

JetBrains JavaScript Day 2021 is a free virtual event that took place on October 14, 2021.

Tutorial

React, TypeScript, and TDD

How to write React applications in TypeScript using TDD, highlighting features of the IDE

Part of tutorial

Debugging TSX With Chrome

Sometimes you need to debug in the browser. Use the IDE to remote control Chrome during debugging.

Part of tutorial

Rich Events and Testing

Add event handling to a stateful class component by first writing tests during development.

Part of tutorial

Class Components With State

Make a very simple class component with local counter state, then make a type definition for that state.

Part of tutorial

Project Cleanup

Clean out some unneeded code from the default app, tweak some configuration in the IDE, and tour a few more features.

Part of tutorial

Project Setup

Create a React+TypeScript project with the create-react-app scaffolding tool.

Part of tutorial

Testing

Test-first development with Jest in the IDE.

Part of tutorial

Class Components With Props

Make a simple class component with a single prop, again with a TypeScript interface describing the props.

Part of tutorial

Presentation and Container Components

Follow the React pattern of container/presentation components by refactoring the code and tests.

Part of tutorial

Debugging During Testing With Node.js

Use the visual debugger in the IDE for smarter TDD.

Part of tutorial

TSX and ES6

Using React and TypeScript means good JSX and ES6+ support in the IDE. This section shows some useful features from both.

Tutorial

Static Sites With Sphinx and Markdown

Sphinx is great for docs. But it's also great for information-rich websites. With MyST, you can use Markdown with Sphinx.

Part of tutorial

Advanced Usage

MyST has a lot more to offer than just Markdown-in-Sphinx.

Part of tutorial

Simple Markdown in Sphinx

Markdown is a simple formatting language. Let's see it in use in Sphinx.

Part of tutorial

Customizing Your Site

Adjust Sphinx knobs using the configuration file.

Part of tutorial

Documenting Code

Pages which include source code, either directly or linking to modules.

Part of tutorial

Linking Between Sites with Intersphinx

Rich structure and linking, between sites.

Part of tutorial

Making a New Site Design

Let's change the look on the website with custom templates.

Part of tutorial

Linking

Sphinx turns links into structure, which turns out to be very valuable.

Part of tutorial

Sphinx Setup

Make a project and virtual environment with dependencies, then make a simple Sphinx website.

Part of tutorial

More Authoring

Simple Markdown stuff is cool. The cool Markdown stuff is double cool.

Part of tutorial

Adding a Blog

Let's change the look on the website with new templates.

Tutorial

Web Fundamentals in Rider

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

Part of tutorial

Coding Assistance

Find out how Rider helps you write better code, faster.

Part of tutorial

Refactoring

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

Part of tutorial

Debugging code

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

Part of tutorial

Running code

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

Part of tutorial

Navigation in web applications

How can you find what you want? Let's look at navigating around a code base.

Part of tutorial

Testing code

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

YouTube

Create SQLite Connection

Learn how to drag-and-drop a .sqlite database file onto the Database tool to create a connection.

Channel

Go

The Hitchhiker's Guide to Go

Channel

JavaScript and TypeScript

Explore a collection of learning resources to increase your productivity and start making amazing apps faster.

Channel

Python

Well-organized collection of learning resources for Python.

Author

Paul Everitt

Python and Web Developer Advocate at JetBrains

Topic

Amazon AWS

Amazon Web Services (AWS) is a secure cloud services platform

Topic

Angular

Web framework for building mobile and desktop applications

Topic

Completion

Everything there is to know about Code Completion.

Topic

Build

Work effectively with build tools.

Topic

create-react-app

Create React apps with no build configuration

Topic

Customizing the IDE

Extend the built-in functionality and change the look and feel

Topic

CSS

Mechanism for adding style to web pages

Topic

Databases

Working with relational databases.

Topic

Coverage

Ensure that your code has good tests

Topic

Data Access

Working with data storage mechanisms

Topic

Debugging

Investigate errors and trace code execution with our visual debugger.

Topic

dotCover

The .NET Unit Test Runner and Code Coverage Tool.

Topic

dotTrace

.NET Performance Profiler.

Topic

Django

The web framework for perfectionists with deadlines

Topic

dotMemory

The .NET Memory Profiler.

Topic

Emmet

Shorthand system for HTML and CSS generation

Topic

GameDev

A smarter way to write code for games.

Topic

Editing

Learning resources when writing code in the IDE's editor.

Topic

Getting Started

If you're new to our IDEs or a technology, start here.

Topic

FastAPI

modern, fast (high-performance), web framework for building APIs

Topic

Go

Go is an open source programming language that makes it easy to build simple, reliable, and efficient software.

Topic

Generics

Learn about generics in Go.

Topic

Git

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

Topic

Google Cloud

Google Cloud Platform (GCP), offered by Google, is a suite of cloud computing services

Topic

HTML

Standard markup language for creating web pages

Topic

Gradle

Gradle is an open-source build automation tool focused on flexibility and performance.

Topic

IDE

Become more productive with general IDE tips and features.

Topic

Interface

Tips and tricks for modifying the IDE interface.

Topic

Java

Java is a general-purpose programming language intended to let application developers write once and run anywhere.

Topic

Groovy

Groovy is a powerful, optionally typed and dynamic language for the JVM.

Topic

Jest

JavaScript testing framework with a focus on simplicity

Topic

JSON

An open standard format that uses human-readable text to store and transmit data objects.

Topic

Kotlin

A modern programming language that makes developers happier.

Topic

JUnit

The JUnit Platform serves as a foundation for launching testing frameworks on the JVM.

Topic

Latest

See features that are new in the latest IDE releases.

Topic

Markup

Languages such as markdown and asciidoc

Topic

Live Templates

Write common code quickly with just a few keystrokes.

Topic

MongoDB

Learn about the MongoDB document database.

Topic

Maven

A tool that can be used for building and managing any Java-based project.

Topic

Navigation

Productive ways to move around in your project.

Topic

Platform

A group of technologies or features shared among more than a single specific language

Topic

Node.js

JavaScript outside the browser, on the command-line or server-side

Topic

pytest

Mature full-featured Python testing tool that helps you write better programs

Topic

Postgres

Working with the popular open source database.

Topic

Kubernetes

Automated deployment, scaling, and management of containerized applications

Topic

Profiling

Analyze application performance and memory usage.

Topic

Plugins

See tips and suggestions for working with IDE plugins

Topic

Inspections

Analyzing source code for common mistakes and potential improvements.

Topic

Quick-fixes

Learn how code can be updated automatically

Topic

Python

Work productively when coding Python.

Topic

RiderFlow

Scenery tool to build and manage your 3D space.

Topic

Rider

Fast & powerful, cross platform .NET IDE.

Topic

React

A JavaScript library for building user interfaces

Topic

Security

Securing your applications and code

Topic

ReSharper

The Visual Studio Extension for .NET Developers.

Topic

Settings

Different configurations for your projects.

Topic

Running

Run your code in our configurable, visual run tool.

Topic

Spring

The Spring Framework provides a comprehensive programming and configuration model for modern Java-based enterprise applications - on any kind of deployment platform.

Topic

Tricks

Little IDE tricks that you might not know about.

Topic

Sphinx

Python static site generator for documentation and more

Topic

Refactoring

Keep your code solid, dry, and easy to maintain.

Topic

Testing

Make sure code behaves as expected.

Topic

Apache Tomcat

Apache Tomcat® is a web server and servlet container for Java web applications.

Topic

Version Control

Integrated, visual version control across your project.

Topic

User Interface

Everything about the user interface.

Topic

Web Development

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

Topic

TypeScript

JavaScript for any scale

Playlist

42 Tips and Tricks

Become an IDE champ with these bite-sized tips and tricks.

Tip

Create SQLite Database Connection

How to drag-and-drop a .sqlite database file onto the Database tool to create a connection.

Tip

Put New Project Under Version Control

The fastest way to register a new project directory under local version control.

Tip

Spot Coverage Gaps Using the Gutter

Let the IDE help you spot coverage gaps in your testing.

Tip

Split Screen Without Tabs

Get your code and tests side-by-side without resorting to tabs.

Tip

Wrap Selection With Tag

Use the keyboard to put a wrapper tag around a selection of code.

Tip

Auto-Run Tests

Get into testing mode by telling PyCharm to automatically re-run tests as you type.

Tip

Evaluate Expression During Debugging

Select your code and execute it, in the right context.

Tip

Run From Keyboard

Use the keyboard to select and run a run configuration.

Tip

Rename a File and its References

Change your mind on a file name and the IDE makes all the changes for you.

Tip

Rename Symbol

Change a variable name, class name, or other symbol, across the project.

Tip

Move Block Up/Down Using Keyboard

Use the keyboard to move a line or selection up or down in your file.

Tip

View Parameter Info

Quickly see function arguments and argument types.

Tip

Quick Documentation

View arguments and documentation without interrupting your flow.

Tip

Make and Extend Selection Using Keyboard

Use the keyboard to select blocks of code then extend/shrink the selection.

Tip

Add Line After/Before

Smart-add a line, from the middle of a line, after or before the current line.

Tip

Run Single Test

Speed up testing by focusing on one test.

Tip

Generate Imports While Typing

Avoid interruption by letting PyCharm generate your imports as you type.

Tip

Optimize Imports

Automate the organizing and cleaning up of your Python imports with optimize imports.

Tip

Navigate Cursor Position Back and Forth

Easily navigate back to where you were, or where you went.

Tip

Managing Copyright Policy

Use the copyright tool to manage a copyright statement across project files.

Tip

Parsed f-string expressions

Bracket completion and syntax highlighting for f-string evaluated expressions.

Tip

Navigate to Symbol

Navigate your project by code, not files.

Tip

LiveEdit HTML and CSS

With the LiveEdit plugin, open HTML and CSS in Chrome, over HTTP, and see updates as you save.

Tip

Navigate to File

Jump to a file without using the Project Tool and your mouse.

Tip

One Import Per Line Preference

Tell PyCharm to put each import on a separate line when it cleans up your imports.

Tip

Better Autocomplete Results in Angular Templates

Narrow the universe of Angular template completions to those that matter.