Paul Everitt

tutorial

Better 11ty Development with Tooling

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

Part of tutorial

Layouts

Shared wrapper templates using TSX and components.

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

Components With Props

Faster, smoother development and reusability with components and props.

Part of tutorial

Get 11ty 3.0 and ESM

Smallest step into an 11ty setup.

Part of tutorial

Switch to TypeScript

Develop 11ty sites with assistance from TypeScript typing.

Part of tutorial

Testing with Vitest

Develop with calm and joy through component testing.

Part of tutorial

Templating in TSX

Use TSX (JSX in TypeScript) to generate HTML.

Part of tutorial

11ty Views

Interfacing the 11ty system and components.

YouTube

Local and Fast AI comes to your developer workflow - Full Line Code Completion

Full line code completion is available for Java, Kotlin, Python, JavaScript, TypeScript, CSS, PHP, Go, and Ruby.

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. Brian Okken, author of the recent book Python Testing with pytest and host of the Test and Code podcast, helps you “level up” your pytest skill.

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

Angular 13

Aaron Frost

YouTube

Documentation Playgrounds With Module Imports Support

Andrey Grandilevskiy

YouTube

htmx: Writing JavaScript to Avoid Writing JavaScript

Carson Gross

YouTube

Scaling Team Delivery Using Standardization

Debbie O’Brien

YouTube

Monorepos: Any Size Fits All

Altan Stalker

YouTube

What’s New in Angular v15

Minko Gechev

YouTube

I Would Never Use an ORM

Matteo Collina

YouTube

TC39 Demystified

Ujjwal Sharma

YouTube

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

Aleksandra Sikora

YouTube

Design Decisions for the Components Library

Alexey Shestakov

YouTube

The World Beyond Components

Ryan Carniato

YouTube

Nuxt 3 – More Than Vue 3 on Steroids

Alexander Lichter

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

Let the IDE help in the tricky business of resolving merge conflicts.

tip

Move Work Aside With Stash

Use git's stash to move uncommitted work aside temporarily.

tip

Move Work Aside With Shelve

Move uncommitted work aside when you need to work on another branch.

tip

Rebase Feature Branch

Get your feature branch caught up with changes on the main branch.

tip

Compare With Branch

See the changes in another branch's commits.

tip

See Unsynced Commits

See what's happening on that other branch.

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

Unselect files or changed regions within files during the commit process.

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 changes when VCS can't help you.

tip

Undo Last Commit

Undo a commit... without misery.

tip

Undo Last Commit

Undo a commit...without misery.

tip

Undo Last Commit

Undo a commit...without misery.

tip

Undo Last Commit

Undo a commit...without misery.

tip

Edit Commit Message

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

tip

Undo Last Commit

Undo a commit...without misery.

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

Class Components With Props

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

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

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 NodeJS

Use the visual debugger in the IDE for smarter TDD.

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 Setup

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

Part of tutorial

Rich Events and Testing

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

Part of tutorial

Testing

Test-first development with Jest in the IDE.

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

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

Documenting Code

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

Part of tutorial

Customizing Your Site

Adjust Sphinx knobs using the configuration file.

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

More Authoring

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

Part of tutorial

Sphinx Setup

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

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

Debugging code

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

Part of tutorial

Testing code

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

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

Running code

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

Part of tutorial

Refactoring

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

tutorial

Visual Testing with pytest

Test writing is productive and fun with PyCharm as a visual testing tool atop pytest.

Part of tutorial

Background on Testing

Introduce testing, pytest, and how it all fits into PyCharm, along with a scenario to work on.

Part of tutorial

Test Fixtures

Make your tests more focused by moving sample data to pytest fixtures.

Part of tutorial

Jump to Error

Writing code means writing broken code. Click a link in a traceback to open a file on the line of the error.

Part of tutorial

Project Setup

Make a PyCharm project and virtual environment with dependencies, then configure PyCharm to use pytest.

Part of tutorial

Skipping Tests

During refactoring, use pytest's markers to ignore certain breaking tests.

Part of tutorial

Hello Test

Write a simple test and run it in PyCharm's visual test runner.

Part of tutorial

Debugging During Testing

When writing tests, use the PyCharm "visual debugger" to interactively poke around in the context of a problem.

Part of tutorial

Testing Exceptions

Write tests which ensure exceptions are raised when expected.

Part of tutorial

Getting Into the TDD Flow

Setup your PyCharm project to help get into the flow of Test-Driven Development (TDD).

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

Angular

Web framework for building mobile and desktop applications

topic

Build

Work effectively with build tools.

topic

Amazon AWS

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

topic

Completion

Everything there is to know about Code Completion.

topic

Coverage

Ensure that your code has good tests

topic

create-react-app

Create React apps with no build configuration

topic

CSS

Mechanism for adding style to web pages

topic

Customizing the IDE

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

topic

Data Access

Working with data storage mechanisms

topic

Databases

Working with relational databases.

topic

Django

The web framework for perfectionists with deadlines

topic

Debugging

Investigate errors and trace code execution with our visual debugger.

topic

Editing

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

topic

dotMemory

The .NET Memory Profiler.

topic

dotTrace

.NET Performance Profiler.

topic

Emmet

Shorthand system for HTML and CSS generation

topic

dotCover

The .NET Unit Test Runner and Code Coverage Tool.

topic

GameDev

A smarter way to write code for games.

topic

FastAPI

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

topic

Getting Started

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

topic

Google Cloud

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

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

Generics

Learn about generics in Go.

topic

Go

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

topic

Groovy

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

topic

Gradle

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

topic

Inspections

Analyzing source code for common mistakes and potential improvements.

topic

IDE

Become more productive with general IDE tips and features.

topic

HTML

Standard markup language for creating web pages

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

JSON

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

topic

Jest

JavaScript testing framework with a focus on simplicity

topic

JUnit

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

topic

Kotlin

A modern programming language that makes developers happier.

topic

Kubernetes

Automated deployment, scaling, and management of containerized applications

topic

Latest

See features that are new in the latest IDE releases.

topic

Live Templates

Write common code quickly with just a few keystrokes.

topic

Markup

Languages such as markdown and asciidoc

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

MongoDB

Learn about the MongoDB document database.

topic

Package Search

Search, evaluate, and manage dependencies in IDE easily.

topic

Node.js

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

topic

Platform

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

topic

pytest

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

topic

Profiling

Analyze application performance and memory usage.

topic

Postgres

Working with the popular open source database.

topic

Plugins

See tips and suggestions for working with IDE plugins

topic

Refactoring

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

topic

Python

Work productively when coding Python.

topic

Quick-fixes

Learn how code can be updated automatically

topic

ReSharper

The Visual Studio Extension for .NET Developers.

topic

Rider

Fast & powerful, cross platform .NET IDE.

topic

Security

Securing your applications and code

topic

RiderFlow

Scenery tool to build and manage your 3D space.

topic

Settings

Different configurations for your projects.

topic

Sphinx

Python static site generator for documentation and more

topic

Running

Run your code in our configurable, visual run tool.

topic

React

A JavaScript library for building user interfaces

topic

User Interface

Everything about the user interface.

topic

Testing

Make sure code behaves as expected.

topic

Tricks

Little IDE tricks that you might not know about.

topic

Version Control

Integrated, visual version control across your project.

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

Web Development

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

topic

Apache Tomcat

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

topic

TypeScript

JavaScript for any scale

playlist

42 Tips and Tricks

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

tip

Speed Up Coverage with Configuration File

Speed up your "visual coverage" with a config file and correct working directory.

tip

Create SQLite Database Connection By Drag-and-Drop

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

tip

Create a Project from GitHub

Let PyCharm do the work to clone and setup a project hosted on GitHub.

tip

Put New Project Under Version Control

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

tip

Run npm Scripts from package.json

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

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

Conditional Breakpoints

Speed up your debugging by stopping execution only when you want to.

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

Adding Fields In a Constructor

Let your IDE add constructor arguments to your instance.

tip

Rename Symbol

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

tip

Rename a File and Its References

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

tip

Move Block Up/Down Using Keyboard

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

tip

Quick Documentation

View arguments and documentation without interrupting your flow.

tip

View Parameter Info

Quickly see function arguments and argument types.

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.

playlist

Navigation Bar Intro

Move around files with keyboard, without wasting screen UI space

tip

Find In Path With Navigation Bar

Use keyboard and Navigation Bar to find files under a path.

tip

Create New File With Navigation Bar

Activate the Navigation Bar and create a new file somewhere in the project tree.

tip

Narrow Navigation Bar With Speed Search

Narrow and select from a long folder listing Navigation Bar by typing a speed search.

tip

Open File With Navigation Bar

Open a file somewhere in the project tree using the keyboard and Navigation Bar.

tip

Navigate Files With Navigation Bar

Move around your project tree and select files, from your keyboard, with the Navigation Bar.

tip

Activate Navigation Bar

Bring up the Navigation Bar as needed, let it disappear when finished.

tip

Run Single Test

Speed up testing by focusing on one test.

tip

Install and import

While typing a symbol, let PyCharm install it and generate the import.

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

Reformat Code

Tell PyCharm to clean up indentation and other code style in your file.

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.

tip

Disable Tabs

Save space and stay keyboard-centric by turning off the tabs.

tip

Reduce Clutter by Disabling Tools

Save space by turning off various toolbars and Project Tool.