Polyglot Python with PyCharm

Note

This series is a work-in-progress.

If you’re a long-time Python web developer, you are used to web technologies: HTML, CSS, a little JavaScript. But modern frontend web development might seem alien and un-Pythonic.

If so, this series of articles is aimed at you. These frontend ideas are important, but you need a Python guide through the thicket. You also need a tool that can support your Python and frontend development. PyCharm, with the foundation it shares with WebStorm, is uniquely suited for this.

In this series we will introduce ideas and packages in isolation, with hands-on code, screenshots, and more. Each article’s code is in GitHub. You can comment on the articles using Disqus and file bug reportes in the issue tracker.

Introduction to JavaScript Technologies

The frontend world has a dizzying array of choices for each unit of functionality. Let’s go through each piece, showing the minimum and explaining why you should care.

• Introduction
• NodeJS for Python and PyCharm Developers
• JavaScript Packaging with package.json
• Linting with ESLint
• Automation with npm run Scripts
• Modules with CommonJS
• Browser Bundling with Webpack
• Browser Debugging from PyCharm
• TDD with Mocha
• ES6 Imports with Babel
• Pythonic JavaScript with ES2015
• DOM TDD with JSDOM

ToDo MVC Tutorial

Based on the topics covered above in isolation, we put it all together and write a ToDo application, with a Flask backend and a modern frontend. Each article builds on the previous article.

Webinar 1

• Initial ToDoMVC
• Frontend Tooling for ToDoMVC
• Moving the Frontend Out of the Backend

Webinar 2

• Bundling ToDoMVC with WebPack
• ES6 Imports for ToDoMVC
• Pythonic JavaScript for ToDoMVC
• TDD for ToDoMVC

• Previous topic: Tutorials
• Next topic: Introduction