Top 3 Casts Of The Week #1
Tags: beginners, tutorial, webdev, programming
Published: 2022-03-17 18:36:16

Welcome to our brand new series where we feature some of the incredible Casts our community makes! Each Friday, we will release a new blog that will showcase 3 Casts. These Casts will also be updated on our homepage in the featured panel! To get a chance of being featured, create a Cast using [our Studio](http://info.codecast.io/download). Be sure to include a codebase and when you're finished, add a cover, topics and a good title and description! Not only will this increase your chances at being featured, but it will increase the likelihood of other people watching your Casts! So without further ado, here are our top 3 Casts of the week!

## Canvas API: Getting Started by [@kauress](https://www.codecast.io/users/kauress?_ga=2.39880802.1505937951.1647276804-2146326382.1646946127)

![Canvas API Cover Photo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2w8e9mgdlmx25unc0b5.png)

In the first video of her [Canvas API Series](https://www.codecast.io/series/72-canvas-api), Jannat takes you through the basics of utilizing the Canvas API. From there, she shows you how to set up the canvas in its barest form on the page. This video is followed up by many fantastic videos walking you through creating different shapes, signing documents, and taking snapshots. If you found the video as helpful as we did, be sure to give her [a follow](Jannat) so you can stay up to date with all the latest content she releases!

Find the video here: https://www.codecast.io/casts/GjPLn4j8pMBq-canvas-api-getting-started ⭐️

## Creating Our First Next.js App by [@shahzaibkamal](https://www.codecast.io/users/shahzaibkamal)

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

In the second video in his [Introduction to Next.js Series](https://www.codecast.io/series/70-introduction-to-nextjs?_ga=2.249203783.1505937951.1647276804-2146326382.1646946127), Shahzaib goes over generating your very first application with Next.js. The Series a whole takes you through all the fundamental building blocks of working with Next.js, as well as teaching you the sheer power and capability that the React framework possesses. I would recommend you watch the entire Series (of course), but for anyone wanting to get started with the very basics, this is a great video to help you get started! Be sure to follow [Shahzaib](https://www.codecast.io/users/shahzaibkamal?_ga=2.83412182.1505937951.1647276804-2146326382.1646946127) to stay up to date with his latest content!

Find the video here: https://www.codecast.io/casts/GjPLn4wwpMBq-intro-to-next-js-lesson-2-creating-our-first-next-js-app ✨

## Creating a Portfolio Website (Planning & Designing) by [@amy](https://www.codecast.io/users/amy?_ga=2.86008152.1505937951.1647276804-2146326382.1646946127)

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

Amy created an [entire Series](https://www.codecast.io/series/60-create-a-portfolio-website?_ga=2.86008152.1505937951.1647276804-2146326382.1646946127) walking newbies through creating their first portfolio website, from the designing stage all the way to the deployment stage, just using HTML & CSS. In this video, she uses Figma and goes over some of the basic tools in Figma to begin creating the initial design before you ever start writing any code! If you enjoy her content, be sure to [follow her](https://www.codecast.io/users/amy?_ga=2.11035764.1505937951.1647276804-2146326382.1646946127) because she has lots more coming!

Find the video here: 
https://www.codecast.io/casts/DnEL3NaNQOWj-creating-a-portfolio-website-part-1-planning-design 🔥

Let us know what videos you were loving this week on our socials!