5 Coding Courses with Bundled Streaming & Code-Sharing ✨
Tags: webdev, beginners, tutorial, programming
Published: 2022-03-24 20:45:21

As a company, we want to provide a streamlined experience to code newbies. Videos tutorials are a favourite amongst people learning how to code because so many of us are visual learners. But with video tutorial platforms, accessing the code being written in the tutorial forces you to use an external source, like a GitHub repo or a Codepen. 

[CodeCast](codecast.io) came to be a solution to this problem. We created [our Player](https://www.youtube.com/watch?v=AnTC2R0McOY), which wraps live tutorials into a virtual code environment - the code in the tutorial is auto-updated into the virtual environment for you to interact with.

Our next step was to allow users to create courses (which we named Series), which offer bundled tutorials around a single topic presented in our unique Player.

Today, we want to showcase 5 of our favourite [Series](https://www.codecast.io/series) on CodeCast so far. Oh, and did I mention they are all free?

## 1. [Intro to Elixir](https://www.codecast.io/series/58-intro-to-elixir)

![Intro To Elixir](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/00nrwyqkadejdkd11e7h.png)

This course is exactly the kind of thing we dreamed of when creating CodeCast. So much so that this course is actually brought to you by our founder, [Tam](https://www.codecast.io/users/tam)! It includes over 7.5 hours of interactive content and tutorials, covering all the basics in Elixir. Nearly every tutorial comes with practice exercises to hone your skills, and by the end of the course you build out your own project using a Star Wars API. 

Elixir is growing in popularity as a functional backend language, so it's the perfect time to add it to your skillset.

![Star Wars Gif](https://media.giphy.com/media/AcfTF7tyikWyroP0x7/giphy.gif)

## 2. [Build A Linktree Clone Using React](https://www.codecast.io/series/82-build-a-linktree-clone-using-react-js) 

![Linktree Clone](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a21cwmit1plb8p6keyky.png)

If you're looking for a React project to add to your portfolio, why not create this Linktree clone? Better yet, it's something you can actually use while [branding yourself](https://dev.to/amyoulton/how-to-brand-yourself-as-a-developer-397b).

In this four-part Series by [Michael Tirona](https://www.codecast.io/users/tironam), you'll go over creating the components, styling, and deploying the app!

## 3. [Create A Portfolio Website](https://www.codecast.io/series/60-create-a-portfolio-website)

![Portfolio Website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dadek79cu6spdixh5uob.png)

In this Series by [Amy Oulton](https://www.codecast.io/users/amy), you'll create an entire portfolio website from scratch using only HTML & CSS. In nearly four hours of tutorials, you'll use tools like Figma and free resources to create the initial design before diving into actually developing the website. Once the development is done, you'll deploy the website using Netifly!

## 4. [Introduction to Next.js](https://www.codecast.io/series/70-introduction-to-nextjs)

![Next.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6oqjov8wk950vmc5x9bt.png)

Next.js is a popular and powerful framework that is built on top of Node.js and React to allow for server-side rendering. It's most commonly used to create single-page apps and has established itself quite heavily in the developer community. 

This Series by [Shahzaib Kamal](https://www.codecast.io/users/shahzaibkamal) goes over all the basics of working with Next.js, from installation and setting up your environment to working with routes and even fetching data from APIs. 

## 5. [Canvas API](https://www.codecast.io/series/72-canvas-api)

![Canvas](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/byngfrn34mrgu7fb2t38.png)

The Canvas API offers a lot of functionality, and in this Seris, [Jannat](https://www.codecast.io/users/kauress) showcases how to use it to do things like drawing shapes, streaming videos and taking snapshots, and even using it to take in users' signatures!

![Coolness gif](https://media.giphy.com/media/l2YWnKQk0MIiHnXGM/giphy.gif)

Basically, we're really excited about some of these courses. 😃 The only thing you need to access these is a [CodeCast account](codecast.io/signup), which is entirely free to make. Plus, then you get to be apart of our fantastic community!

## Creating Series

If you're interested in creating a Series for CodeCast, we would be excited to have you! All you need to get started is [our Studio](info.codecast.io/download), which is available on Windows, Mac, and Linux (and in case you haven't guessed it, also free!).

If you're not sure how to get started, go ahead and watch this tutorial on using our Studio!

{% youtube dzlKc6rr0LU %}

Be sure to follow us here and [everywhere](https://linktr.ee/codecastapp) to stay up to date with our latest features!