Visualize the structure of a database with diagrams

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

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

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

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

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

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

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

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

Write tests which ensure exceptions are raised when expected.

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

Use autocomplete when typing a string in the apps section of your settings file.

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

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

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

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

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

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

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

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

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

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

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

Easily and visually recover from a commit-in-error.

Use the IDE's built-in history facility to recover changes when VCS can't help you.

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

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

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

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

Use the keyboard to select and run a run configuration.

Use the same keybindings from vim with a PlugIn

Let your IDE add constructor arguments to your instance.

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

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

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

View arguments and documentation without interrupting your flow.

Quickly see function arguments and argument types.

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

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

Move around files with keyboard, without wasting screen UI space

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

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

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

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

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

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

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

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

Speed up testing by focusing on one test.

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

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

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

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

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

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

Navigate your project by code, not files.

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

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

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

From the Recent Files popup, open one of the IDE tool windows.

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

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

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

Use Recent Files to quickly jump to last-visited file.

Save space by turning off various toolbars and Project Tool.

Skip memorizing keyboard shortcuts and speed search for actions instead.

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

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

Use the visual debugger in the IDE for smarter TDD.

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

React builds UIs as a tree of components. See how to make stateless functional component correctly with TypeScript.

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

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

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

Use type information to make using properties into a productive workflow.

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

Test-first development with Jest and Enzyme integrated into the IDE.