CODEWITH
US

Resources

Coding is basically typing, and it's made that much easier if you have a good text editor. There are even whole development environments with built-in tools and gadgets that will speed up the process even more. As with any skilled job, the right tools make things easier, so we've included a selection below.

On top of that, there are lots of places on the Internet which will do jobs that text editors just aren't built for. We've listed some of those too.

You can filter the items on this page to show only Easy, Medium, or Hard cards. If you want to, you can reset the cards to show them all again.

Jump to: Useful Links | Integrated Development Environments (IDEs) | Other Tools | Soft Skills

Useful Links

GitHub

Git is industry-leading version control software and is incredibly popular with professionals and hobbyists alike. CodeWith has a public GitHub repository where we encourage you to store any public projects you work on. We run this web site direct from our GitHub repository.

Slack

CodeWith has a Slack workspace where you can chat, share files, ask questions and get help with problems in between events. Follow the link to get an invitation.

Workshop Presentations

If you've attended a CodeWith workshop and the host has shared their slides you can find them in the folder linked above. If you would like the slides from a specific workshop but they are not in the folder, you can get in touch with us on the contact page.

 

Back to top

 

Integrated Development Environments (IDEs)

Android Studio Hard

Want to write mobile apps for Google devices? Android Studio provides the fastest tools for building apps on every type of Android device. It includes a layout editor, an emulator (to test your code without the hassle of transferring it to a phone/tablet), intelligent suggestions as you type, performance profilers and much more.

IDLE (Python) Easy

Python is a simple but sophisticated language, well suited to number crunching and data science, and its thousands of community-built libraries enable it to do almost anything. Follow the link to download the IDLE development environment.

IntelliJ IDEA Medium

Over the last 15 years, JetBrains has revolutionised the development industry with its intellisense, refactoring and other tools, and a lot of their ideas have since been copied and pasted into other programs. However, nothing beats the speed and efficiency of their development applications and IntelliJ is fantastic for those wanting to work with Java, Scala, Angular, React and lots of other modern languages.

Visual Studio Medium

Visual Studio is one of the titans of industry, having been around for over 20 years. Like Android Studio it combines a wealth of professional development tools, the difference being that by default it caters mainly to Microsoft technologies. Visual Studio provides support for desktop, mobile and web applications as well as databases, games and office tools.

Visual Studio Code Easy

Despite sharing its big brother's name, Visual Studio Code is a tiny, nimble, stripped-down code editor designed specifically for people working on small projects in their own custom environments. It's incredibly flexible and has loads of useful extensions.

 

Back to top

 

Other Tools

Coolors Easy

Coolors is a great little web app that shows you five colours alongside each other, with a random colour generator to start you off and simple, intuitive tools to adjust them from there.

Here are CodeWith's colours to get you started.

CodePen Easy

CodePen is a development environment for front-end designers and developers. You can use it to quickly test snippets of code without having to set up all the files, folders and links on your own machine. You can share your 'pens' with others to show them your ideas and can even search all the code that has been written by others.

Font Awesome Medium

Font Awesome is a font and icon toolkit based on CSS and Less which takes 2 minutes to add to a site and 2 minutes to learn. All the icons on this site are thanks to Font Awesome.

We use FontAwesome for all the icons on this site, so for some examples check out the source code for this page.

Google Fonts Easy

Google Fonts provides a massive list of fonts for any website. It includes a layout editor, an emulator (to test your code without the hassle of transferring it to a phone/tablet), intelligent suggestions as you type, performance profilers and much more.

CodeWith uses Boogaloo and Roboto.

Motionia Hard

Motionia is a lightweight, easy-to-use JavaScript animation library that provides over 100 performant animations to pick from, which animate any elements on a web page and even change attributes such as colour and background. You can also start from the the Motionia GitHub repo.

Repl Easy

Repl is an online editor/sandbox allowing you to write in 50 different programming languages, no installation required.

 

Back to top

 

Soft Skills

JavaScript Interview Questions Medium

JavaScript often abbreviated as JS, is a programming language that conforms to the ECMAScript specification. JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions. This link leads a list of potential interview questions to help you prepare for a new role.

React.js Interview Questions Hard

React.js is an open-source JavaScript library that is used to create reusable UI components for use in building the view layer (user interfaces) for web and mobile apps. This link leads a list of potential interview questions to help you prepare for a new role.

Trello Easy

Trello is an industry-standard tool for organising projects. You can create cards, that live on boards, to track outstanding tasks. The cards can then be moved into different lists on the board. At CodeWith we use Trello to track outstanding actions from committee meetings.

Code2Flow Medium

Code2Flow is a tool to transform ideas and workflows into easy to understand diagrams. Using a psuedocode editor you can generate a flowchart with up to 50 nodes for free. We used Code2Flow to generate our process flow charts at CodeWith.

 

Back to top