Workflow tools and coding resources:
Recommended Coding Resources For Beginners
Best Coding Resources for Beginners
Hello fellow coder! If you’re into web development, you’ll really need a good list of helpful resources for learning coding online. That’s why I’ve put together this list of my favourite resources for different purposes. Please browse through the page and see which ones you’ll need most.
Looking for a coding course instead? In that case, check out my Coding Course Recommendations for Beginners.
This list of resources for learning coding only includes tools I love and trust. My goal is to help you out and save you time so that you can focus on learning and achieving your goals faster.
Let me know if there’s something missing on the list! Have fun!
Please note that some of the following links are affiliate links, meaning that if you choose to purchase a product or service via these links, I will receive a tiny commission for referring you (at no extra cost to you!). This will help me keep this website running. But please, only buy products that you feel will help you learn and reach your goals. Thank you for your support!
Hosting and Domains
Bluehost is the best provider you can choose for hosting your website or WordPress blog. As if their pricing wasn’t already lucrative enough, you’ll even get a free domain name for your website AND a free SSL certificate to protect you and your website visitors – and to boost your rankings on Google.
And the best part is that choosing Bluehost is 100% risk-free: they give you a full 30-day money-back guarantee, no questions asked.
Price: from $3.95/month
To get your website setup the right way from the beginning, check out this step-by-step tutorial on how to setup your hosting with Bluehost in 10 minutes (opens in a new window).
Cyberduck is another good FTP software available for both Windows and Mac. It’s easy to use and it’s well-suited for both beginners and more advanced users. With Cyberduck, you can choose your preferred text editor for your code files and then edit them simply with a click of a button.
Text Editors for Writing Code
Sublime Text is a cross-platform text editor for Mac, Windows, and Linux. It comes with a variety of great, helpful features. It’s easy to use, it looks great, and it’s fast to work with. Moreover, you can also change the appearance of Sublime Text to make it better suited for your personal preferences.
Sublime Text is my absolute favorite text editor for coding so far. I’ve been using it ever since I first started learning programming. And I haven’t looked back.
Price: Free trial / $80 for a single license
Brackets is another great text editor for Windows, Mac, and Linux. In case you’re an Adobe user, Brackets might be a good choice for you. It is created by Adobe and it integrates nicely with their other software. For example, the Extract tool allows you to extract data directly from a PSD file. This could include information such as fonts and colors as clean CSS code. Pretty neat!
Another cool feature in Brackets for web developers is the Live Preview function. It allows you to see the changes you’re making in your code directly in your web browser.
Notepad ++ is an open-source text editor for Windows only. Along with Sublime Text, it’s also very well suited for beginners.
Notepad++ is easy to set up and to get started. It comes with some really great, helpful features. One of them is the built-in FTP plugin that allows you to open and edit your files directly on your web server.
Atom is a text editor for Windows, Mac, and Linux. It’s developed by GitHub and it’s still quite a newbie in the realm of text editors for coding. What makes Atom interesting are the possibilities for customization, using the various open-source packages available for its users. Much like with WordPress themes, Atom users can create themes for the code editor.
The different customizations help you to improve the usability of Atom, adapting it’s features and interface to better suit your needs. Of course, the different themes also allow you to simply make Atom look nicer.
Graphic & Photo Editors
Adobe Photoshop is often the most praised and used tool available for managing your images and designs. Whatever it is you wish to do with your graphics, Photoshop will offer you the tools you need. The software used to be a standalone product, but nowaways it is available as a subscription-based service at Adobe’s Creative Cloud (CC). If you’re looking for a powerful media design kit, I’d recommend going with Adobe Photoshop and Adobe Illustrator.
Price: from $20.99/month (Single app / Annual plan)
GIMP (GNU Image Manipulation Program) is an awesome alternative to Photoshop. It is a free, open-source software for all sorts of graphics editing and most importantly: it is easy to use. To get started with GIMP, check out the wide selection of tutorials on how to use the program on Youtube, for instance. I’ve been using GIMP for quite a while now and I can fully recommend it to everyone.
Affinity Photo has all the tools and functionalities you will need for managing and editing your images and graphics. It is a professional photo editor that is designed much like Adobe Photoshop. Affinity Photo comes with a single one-time payment, so it’s a more economical solution than a Creative Cloud subscription at Adobe, too. You can purchase Affinity Photo directly at their website or if you’re a Mac user, directly in App Store.
Prototyping & Wireframing Tools
Adobe XD is an easy-to-use and powerful user experience (UX) design software. It lets you create wireframes and interactive prototypes for your websites and applications. You basically design and construct the individual pages or screens that your web project or app should have and link them together. After that, you can test your prototype as an interactive, clickable first version. Adobe XD has been my go-to prototyping tool for a while now – and I haven’t looked back.
Price: from $9.99/month (Single app / Montly plan)
InVision is a free, web-based tool for quickly creating mockups and prototypes for web projects and applications. You can create your designs and manage the entire project by yourself or with your entire team easily and intuitively with InVision. Simply sketch, draw, and build a design, send it over to your team or your client to get feedback and quickly implement the necessary changes afterwards. Since InVision is a web-based application, it is really easy to exchange throughts and ideas on projects with your team and your clients.
Content Management Systems (CMS)
WordPress is the world’s most popular Content Management System (CMS) – and my #1 recommended tool for setting up a blog or a website of pretty much any kind. I use WordPress for 99% of my website projects, both personal and professional ones.
Email Marketing Tools
ConverKit is an all-in-one solution for email marketing and optin forms for your web projects. Especially if you’re starting a blog, you should be building your list of subscribers from day 1.
But whether you’re running a blog, a portfolio website, or an online shop, ConvertKit allows you to build and manage your mailing lists quickly and easily. What sets them apart from alternatives in a similar price range are their advanced features for automation: tags, triggers, segments etc.
Price: from $29/month
MailChimp is my second go-to solution for email marketing automation at the moment. What’s great for beginners is that MailChimp offers a free plan for up to 2,000 subscribers when you’re just starting out. You can easily segment your lists and customize your outgoing emails to your heart’s content!
Price: FREE (for up to 2,000 subscribers)