Homepage / Web Design / Learn How to Code With These 10 Free Courses and Tutorials
Web Design

Learn How to Code With These 10 Free Courses and Tutorials

Learn how to code with these free programming tutorials and courses.

Posted 29 Dec 2021

In the future, we’ll probably all learn how to code at school, the same way we now learn how to write. But for now, you need to teach yourself, and these ten free code courses and tutorials are the ideal way to do it.

Learn the essentials of popular programming languages like PHP and JavaScript. Or discover how to get started writing your very own mobile apps. Here’s a quick rundown of what you can learn.

1. Learn Laravel 8

Laravel is the most popular framework for writing PHP applications, and the latest version offers even more great features. So whether you’re new to Laravel or just want to find out what’s new in Laravel 8, this free code course is a great place to start.

2. Change the Date Format in JavaScript

Sometimes, you just need to do one simple thing, but it can be tough to find the answers you need. Envato Tuts+ offers loads of coding tutorials aimed at answering one simple question with a free, easy-to-follow tutorial. Here’s an example: how to change the date format in JavaScript.

3. Use AJAX in PHP and jQuery

AJAX is a great way of creating pages that update without needing to be refreshed. Watch this free video to learn how to create an AJAX form with PHP and JavaScript, step by step.

4. Master the Fundamentals of React

We’ve covered Laravel already, so here’s a course on another hugely popular framework: React. It’s a great way to build user interfaces, and in this comprehensive course you’ll learn how to start building React applications by discovering how to write components, work with events, handle user input, and more.

5. Use Map, Filter, and Reduce in JavaScript

The three list functions in JavaScript—map, filter, and reduce—all do slightly different things. Learn the difference between them and how to use them in your JavaScript programming in this free YouTube video.

6. Understand PHP Type Casting

PHP is different from some other programming languages in that it’s very flexible in declaring variables. But if you do need to explicitly declare a variable type instead of letting PHP do it automatically, there are several ways to do that. Learn them all in this complete guide to PHP type casting.

7. Discover Tailwind CSS

Tailwind CSS is a useful CSS framework that gives you all the building blocks you need to create great designs quickly and easily. In this free code course, you’ll learn how to set up a Tailwind project, create a navbar, work with typography, use variants and layout classes, and more.

8. Submit a Form Without Page Refresh Using jQuery

Earlier, we saw how you can use AJAX to update pages without needing to refresh. But jQuery has some powerful features too, and in this free YouTube video, you’ll see how to use jQuery to validate and submit a contact form without page refresh.

9. Add and Remove Elements From Arrays in JavaScript

JavaScript offers several different methods for adding or removing elements from an array. Do you know the difference between pop, shift, push, unshift, and splice? If not, read this JavaScript tutorial to get all the answers you need.

10. Use PHP Lambda Functions

Functional programming is based on dividing tasks into separate functions. Follow this tutorial to learn how to use functional programming in PHP using anonymous functions, also known as “lambda functions”.

In this post, we’ve covered ten of the best free code tutorials and courses published recently, but that’s just scratching the surface of what you can find in the full Envato Tuts+ library of more than 1,300 courses and 29,000 tutorials. Here are some of the best code tutorials and courses from previous months.

How to Become a Web Developer

Try this massive free course covering all the essentials of becoming a web developer. If you’re starting from scratch and want to launch a new career in web development, this is the course for you. It’ll take you through everything from the basics of HTML, CSS, and JavaScript right through to more complex topics like fetching JSON data and using CSS transitions. And you’ll finish by creating a functional blog in PHP!

Build a Simple REST API in PHP

REST APIs are used all over the web, and if you want to be a web developer, you need to know how to build them. This free code tutorial teaches you how to build a simple demo application that allows you to fetch a list of users from a MySQL database via a REST endpoint.

Master Flexbox Alignment

Flexbox offers some powerful features for aligning different elements on a webpage, but it’s not easy to understand them. This video walks you through flexbox alignment in detail. There are also companion videos on Flexbox sizing and Flexbox ordering.

Start Using JavaScript Event Listeners

Using JavaScript event listeners is a great way of making your websites more interactive. This beginner-friendly video explains some key concepts and gives practical information to help you use event listeners in your next web design or front-end development project.

Build a CMS With Laravel

Or why not learn to build your very own content management system? This is a comprehensive course that includes 24 video lessons with a total viewing time of over four hours. It’s recently been updated with brand new lessons to take advantage of the latest features in Laravel 5, so why not take this comprehensive course and learn pretty much everything there is to know about creating a CMS with Laravel.

Create a WooCommerce Store

WooCommerce is the world’s most popular eCommerce platform for a good reason. It’s free, reliable, full of features, and easy to use. OK, that’s a few good reasons… In this free video course, you can learn all the steps involved in setting up your own WooCommerce store. It’s easy to follow along!

Make a Simple Android Business Card App

Giving out physical business cards is so 20th century. With Covid-19 forcing so many events to go virtual, why not make a digital business card that you can easily share as an app? This tutorial takes you through every step, teaching you some important Android app development techniques along the way. Follow the steps here.

digital business card app

Build a Music App With an Android App Template

How long do you think it would take you to develop a professional-looking music app like the one below? In fact, you can get it done much faster than you think by starting with a well-designed Android app template. It gives you a well-designed app to start from, and then you can just focus on making it your own! See how it’s done in this free code tutorial.

Music Android app

PHP Fundamentals

Most of the websites you visit on a day-to-day basis were built using PHP. PHP is the foundation of WordPress and other popular frameworks, and you can also use it to write all sorts of powerful web applications. So if you want to learn how to code for the web, PHP is the place to start, and this comprehensive seven-hour course teaches you everything you need to know to get up to speed.

Learn PHP

Modern JavaScript Fundamentals

Another essential language for web development is JavaScript. And here’s another seven-hour monster of a course to help you learn it from the ground up. It’s split into 65 separate video lessons, so you don’t have to do the whole thing if you don’t have time—you can pick and mix, learning arrays one day and iterators the next. Whichever way you choose to learn, you’ll come out knowing a lot about JavaScript! Start the course now.

Learn JavaScript

Make Mobile Apps With the Android SDK

Every year, the statistics show the same trend: people spending more time using mobile apps instead of desktop computers. So why not learn how to make your own mobile apps by mastering the Android SDK? If you don’t even know what the Android SDK is, let alone what you can do with it, then this short tutorial is a great place to start.

Android studio

How to Monetize an App

Once you’ve learned how to create mobile apps, you’ll probably want to know how to monetize them. Although you can make good money as a mobile app developer, it’s not always as easy as just sticking a price tag on your app in the app store. You’ll need to get creative and look at a few different monetization strategies. This tutorial explains how to monetize a mobile app and then shows you some app templates to help you do it painlessly.

Android Webview app template

Learn Node.js From Scratch

What do you mean, you don’t know Node.js? It’s a massively popular open-source, cross-platform JavaScript runtime environment that will take your JavaScript development to the next level. If you’re a Node.js beginner (or a more experienced developer who needs a refresher), this two-hour introductory course is perfect for you. It’ll take you through Node.js concepts from the ground up, while introducing you to some great tools for Node.js developers. Take the course here.

Node.js course

Make Your First Android App

If you dream of being an app developer but don’t know where to start, this tutorial is for you. It takes you through the whole process of building a simple Android app from start to finish. It’s aimed at complete beginners, so you don’t need any special skills or knowhow for this. Just follow the steps, and you’ll have your own Android app in no time. See how it’s done.

Making an Android app

Use Swift Design Patterns

In the world of coding, design patterns are incredibly useful ways of solving common problems that arise in development. But they can be abstract and hard to grasp for beginners, and you can end up struggling to tell your factory from your facade. This comprehensive, 24-video, 3.5-hour course will set it all straight, with detailed explanations and examples of how each pattern can be used in the Swift programming language. Take the course here.

Make Faster Web Apps With the Svelte Framework

Web developers, take note! Svelte is a whole new approach to building user interfaces. Traditional frameworks like React and Vue do the bulk of their work in the browser, but Svelte shifts that work to build-time and drastically improves the performance of your applications. Take this course to learn Svelte from top to bottom.

Learn Advanced Vue.js Concepts

Component-oriented frameworks, such as Vue.js, have changed the way we think about and write web applications. In this course, instructor Jeremy McPeak will teach you some advanced Vue.js component concepts. Take this advanced course now.

Create a Modern Web App With Node, Express, and Vue.js

Follow along with Jeremy McPeak as he walks you through the steps of writing a modern, JavaScript-powered web app using Vue.js with Node, Express, and MongoDB. Take the course here.

Build Your Own Music Player

Well, this is just cool. I don’t know much about Vue.js, let alone Vuetify.js, but I love the idea of building my own music player. If you do too, and if you know a little bit more about progressive JavaScript frameworks than I do, you’ll love this tutorial. What are you waiting for? Get started already.

Building a music player in Vue.js

Code an Image Gallery Android App With Picasso

If you’re creating a mobile app, you’ll probably need to load images at some point. This tutorial teaches you how to do it quickly and easily with Picasso, a popular open-source Android library for loading both local and remote images. It gives you an introduction to what Picasso is and why you should use it, and then it takes you step by step through the process of using it to create an image gallery app. Get the full instructions and source code here.

Android image gallery with Picasso

Create an Android Instant App Feature

If you’re not up to speed with Android’s new Instant Apps feature yet, this tutorial is ideal for you. Instant Apps let people load entire sections of your app on demand, just by tapping a URL and without having to download the full app. This gives you a great opportunity to get your app in front of as many new users as possible. Learn how to create an Android instant app feature here.

Create an AI-Powered Chatbot

Artificial intelligence is here—and I’m not talking about those dumb social media algorithms that collect masses of data on you and yet still can’t arrange your feed in the right order. I’m talking about chatbots that can hold increasingly realistic conversations with us. In this tutorial, you’ll learn how to create a simple conversational chatbot using the IBM Watson Conversation service. The best part, for me, is the way it serves up inspirational quotes. Get the step-by-step instructions here.

AI chatbot example

Learn React Through 5 Practical Examples

React is one of the most popular web frameworks, and if you want to learn to use it, what better way than through some practical examples? In this course, you’ll build a digital clock, an Ajax-powered navbar and more, and in the process you’ll learn all the basics of coding React components from JSX and managing state right through to higher-order components and lifecycle methods. Sign up for the course.

And There’s More…

This post has highlighted the best free code tutorials and courses that Tuts+ has published recently, but you’ll find a lot more in the full archives—not just code tutorials, but also photography, video, graphic design, web design, and more. So if you’re still eager to learn, search the full Tuts+ library to find exactly what you need.

Do you find this article useful?
Related Posts