DEV Community: CodeCast

Elixir As Your First Functional Language

CodeCast — Tue, 21 Jun 2022 18:49:18 +0000

This post was originally published on CodeCast by Tam Kbeili.

I strongly believe that Elixir is the best programming language to get started with the functional programming paradigm for many reasons. Here are a few of them:

Elixir is Simple & Elegant

Elixir leverages the Erlang Virtual Machines(VM). If you haven’t heard of Erlang, it’s a programming language introduced way back in 1986 to help telcos and many of them still use it to operate their equipment. Erlang has been built to be distributed, fault-tolerant, and performant. There is one small program with Erlang: Syntax can be very ugly. Check this page for an example.

Functional programming languages have their roots in math so they can be abstract with many complex algebraic data types. Elixir is dynamically typed and heavily inspired by the Ruby language which is probably the most simple and most elegant programming language out there. I have taught and used many programming languages in the past and always noticed that students accelerate their programming learning faster with Ruby than with other languages. It almost feels like Ruby as a language fades out and leaves students to focus on understanding and applying programming principles. Elixir is not far off from Ruby syntax-wise.

I do have to say that, generally speaking, object-oriented programming (OOP) is easier to get started with than functional programming. It’s much easier for the human brain to visualize objects that store states and interact with each other than many functions that call each other and pass data around. That said, functional programming has many benefits over OOP (I will get into this in another article). Elixir, I believe, is the best gateway language to functional programming and is very practical.‍

Elixir is Very Performant

Historically, one of the tradeoffs when choosing a programming language has been elegance/simplicity vs performance. Ruby is very elegant but not performant, and C++ is very performant but complex. Elixir managed to find an amazing middle ground with beautiful syntax and high performance. Leveraging the Erlang VM, you get a good base level of performance. In addition, Elixir makes it very simple to run code in parallel, a task that usually takes understanding many hard concepts and writing not-so-easy code.

Running code in parallel is becoming more and more important as chip companies such as Intel are not able to cram more transistors into microprocessors, so we’re getting processors that have more cores instead. Parallelizing your program enables it to take advantage of the multiple cores. With Elixir, the task is significantly easier than using traditional languages that support multi-threading like Java.

For instance, some claim that Phoenix, the most Elixir popular web framework is 7X+ more performant than Rails, the most popular Ruby web framework. You can read more about that here.

Of course, you can write something more performant in say Java, Scala or C++. That said, I believe the potency of Elixir comes from the right amount of the key ingredients: performance, elegance, and simplicity.

Elixir has a Growing Ecosystem

Simplicity and performance are completely useless if you don’t have a vibrant community. Luckily Elixir has a growing and supportive community. Here are a few key indicators:

There are key frameworks that are very mature in Elixirs such as Phoenix for web applications and Nerves for hardware
There are libraries for most of the key operations you are likely to do Elixir
Elixir conferences have become more frequent with growing attendance
You are likely to find answers to most questions you face by Googling with yield results from StackOverFlow or ElixirForum

In conclusion, I highly recommend trying a sip of the purple and delicious Elixir to get transported into the functional programming wonderland. You will certainly like it!‍

If this blog made you curious about Elixir, you should definitely hop on to a live event I am doing on June 25, 2022. I will be discussing the basic building blocks of Elixir and will integrate with https://swapi.dev/ which is a fun open API that returns Star Wars characters and movie data. I will also be answering any questions you have and guide you.

Register for the event here.

Looking forward to seeing you there!

Codewars, Python Challenges & Web Security: Top 3 Tutorials of the Week 💻

CodeCast — Fri, 27 May 2022 20:21:01 +0000

Happy Friday 😌

Every week we go through the new tutorials made by our community and find three videos we think you would love. As always, our creators have been busy creating incredible content, and this week we're featuring videos on Python & JavaScript.

Codewars: You're A Square (JavaScript)

Codewars is a coding challenge site designed to get users to "achieve mastery through challenge".

In this video, Amy Oulton tackles the "You're A Square" challenge in JavaScript. This isn't the first Kata (what they call their challenges) that she has tackled in JavaScript! She has also created tutorials on the Vowel Count, Grasshopper, and Simple Pig Latin challenges!

Amy has created over 80 tutorials on CodeCast on topics like JavaScript, CSS, Elixir & Figma so be sure to follow her and check out her content.

Web Security with Python: Dictionary Attack

Jesus Villa is a security engineer with a passion for what he does. He creates tutorials showing how simple it is for someone to exploit weaknesses in a website, and then shows you how to secure it!

In this tutorial, he focuses on something called a dictionary attack, which is essentially where people hack your password by entering systematically trying every word in a dictionary.

Jesus has an entire series on Web Security with Python for free on CodeCast, so it's definitely worth checking out if this is something you're interested in!

Python Challenges: Get The Middle Character

Maria Villa loves Python and regularly creates tutorials on coding challenges!

In this tutorial, she tackles the simple problem of returning the middle character of a given string.

Coding challenges are a fantastic way to increase your skills and practice what you're learned!

CodeCast has tons of different tutorials on popular topics like JavaScript, Python, Elixir, React, and more! Plus, you get the code AND the video in a single player! 😌 Be sure to sign up for an account (completely free) to get the most out of our tutorials!

Web3 Basics Cheat Sheet

CodeCast — Wed, 13 Apr 2022 20:42:54 +0000

The world of Web3 has become a massive topic in the last year, but it's not a new concept. It was coined by Gavin Wood (the co-founder of Ethereum) in 2014. However, it massively increased in popularity in 2021. It seems like my entire Twitter feed has become full of devs discussing Web3 development and promoting their NFTs.

When you know nothing about Web3 at all, it can feel massively overwhelming. Every piece of context refers to a different piece, and before you know it, you’re down a rabbit hole of misunderstanding.

I, myself, am new to this world. A couple of colleagues and I started learning Web3 by building out Codewranglrz, which is an exploratory NFT project!

With that said, everything I am sharing in this post is my personal understanding of definitions and terms from everything I have learned myself over the previous few months. If you feel I've gotten something wrong or confusingly explained something, please let me know!

The goal of this post aims to give you clear, concise definitions and explanations of some of the common concepts and terms. I will also provide links to external resources where possible so you can dive more into specific topics!

So, before we get into some of the more specific definitions…

What exactly is “Web3”

In the simplest terms, Web3 refers to applications that are decentralized and run on a blockchain. There are other aspects to it but even that is…clear as mud right?

While we’ll get more into what a blockchain is, the core concept behind web3 as a whole is that everything is distributed over an open peer-to-peer network, as opposed to our current system where everything is stored on private servers.

The concept allows for both a much more open and public network, as well as creating something that is incredibly permanent. One could collapse current applications and data by taking out a server where the information is stored. While good practices would prevent this from wiping something out entirely, things have the potential to be lost.

We’ll discuss more about what the blockchain is in this article, but the concept behind it is that the information exists everywhere there is a node, so there are endless copies of the information. It’s also public so at any point someone can choose to host a node, creating a new copy of the information. Again, this is in very simple terms, but I want to focus on creating a broader concept as opposed to nitpicking the specific details.

So with all this said, let’s dive into some of the common terms and provide some short definitions that will hopefully help you in your journey and serve as somewhat of a “cheat sheet”.

I want to mention that while we define things, it’s likely to bring up new terms. But don’t worry, we’ll be defining them later on in this post. I also provide videos where possible so you can get even more information about the topic beyond what I explain. The videos I will be sharing are by Simply Explained. I am not affiliated with them in any way, but I think the way they explain the topics is incredibly helpful for beginners!

Definitions

NFT: NFT stands for non-fungible token. Fungible means that something is replaceable. The easiest way to imagine this is to think of normal currency - one five-dollar bill is equal to another five-dollar bill.

Therefore, non-fungible means the opposite; every single token is unique and cannot be replaced or exchanged with another token. NFTs live on the blockchain as a contract and store all data related to the NFT, including transaction records, ownership, and all contract details.

A lot of people think of NFTs as digital art, because typically the tokens contain an image!

I know there were a lot of new terms there and we will be getting to them! If you’d like a bit more of a definition, I’d recommend this video!

Blockchain: A blockchain can be thought of as a type of digital ledger that is immutable, meaning it can’t be altered. It’s made up of “blocks". Each block serves as a sort of “receipt”, containing all the information that was recorded when the block was created (a record of a transaction made).

Each block has a unique hash (id) as well as the hash of the previous block in the chain, which is the principal method of security. The main attraction of a blockchain is that it is decentralized - meaning they are widely distributed and anyone can obtain a copy of the blockchain.

If you’d like to learn even more about blockchains without being totally overwhelmed, I recommend this video.

Smart Contracts: Unlike the previous definitions, the name of this one explains a lot of what it actually means. The “smart” part of the definition refers to code that is self-executed when any specific conditions listed are met or triggered. The contract aspect is exactly what one would expect - people make predetermined agreements which are then "smartly" executed at the appropriate time (via the code). These contracts are what make NFTs possible, as all the actions of minting, selling, and more are a part of the contract.

This video goes into even more details about smart contracts!

Cryptocurrency: A cryptocurrency is a form of digital currency. Its goal is to be a more secure currency, as it is secured with cryptography (hence where it gets its name). A common type of cryptography that you may be familiar with already is encryption! People often are confused about how blockchains and cryptocurrency relate to each other. Cryptocurrency is the asset that the blockchain uses, most commonly referred to as tokens.

Token: The easiest way to think of a token is to think of it as a digital coin; a token represents a unit of cryptocurrency.

IPFS: IPFS stands for "Interplanetary File System" which makes it sounds incredibly futuristic, but that's because it kind of is. It uses blockchain technology to store information and data, but it's actually a distributed file system. If you're familiar with the concept of torrenting, you'll have a solid understanding of how this system works. In its simplest terms, it's an open-source peer-to-peer storage system.

You can dive more into IPFS here!

Let's return to the NFT concept overall. The idea of a token representing a unit of crypto could be confusing, but that's where the ‘non-fungible’ part comes in. NFTs are all tokens themselves, all holding a value, but unlike a token of something like Bitcoin, no two are alike, meaning they can’t be traded or exchanged! I hope that clarifies it a little bit!

I intend to release more of these posts, next time discussing things like IPFS, chains, and sidechains, as well as specific contract types!

Stay tuned and if you're interested in even more education NFT material check out the project we've been working on!

Dev Education NFT Utility

Codewranglrz ・ Apr 5 ・ 1 min read

#web3 #beginners #blockchain #webdev

Tips To Create The Best Coding Tutorials 📹

CodeCast — Mon, 04 Apr 2022 22:33:35 +0000

At CodeCast, we’re excited every time someone makes a Cast. We love seeing others love our software as much as we do. As we’ve watched this community grow, we’ve compiled a list of tips to help our creators on their Casting journey.

Casting not only allows you to create content to help others, but it helps you brand yourself, build your portfolio, and create a network. To ensure you’re having the success you hope for, here are some of the best practices to follow when creating your own Casts.

Our first tip is obviously...use CodeCast! You can add multiple coding directories so your code shares in real-time as you write it, accessible by anyone watching through our Player. It's like a YouTube tutorial and a live code-sharing feature wrapped into a single pretty screen.

So now let's get into exactly what you can do when creating your Casts to make sure they stand out.

Add Media to Every Cast

Often we see Casts where people share large codebases but no media. With no media, there is no connection to the viewer, and since there is no audio or video showcasing what the Caster is doing, it’s often a little confusing to what exactly we’re supposed to be watching.

Ensure you add media to every Cast and do your best to talk through what you’re doing. You don’t have to be a professional teacher by any means. Just share your thought process and explain as you go. Or if you’re me, ramble a lot!

Add a Directory to Every Cast

The ability to share code interactively as you write it is what makes CodeCast special. Add the directory you’re going to write your code in, and each time you save, the code will automatically update inside of the player! This leads us to our next point…

Save

Save, save, save! The design of the Studio means the code gets updated live every time there is a saved change in the directory you’ve added. So if you spend five minutes writing code without saving it, none of that code will be updated! Save as often as you can and at natural breakpoints so the code is updating for the viewer!

Increase Font Size

When we’re sharing our screen, we’re often sharing a view of us working in our code editor. While the font looks good to us locally, the size of the font in the media doesn’t translate the same, especially if you’re Casting off of a very large screen!

We suggest looking at how your media looks in your Casts and being aware that in most cases, increasing the font size in your local editor will help people be able to better see what you’re doing. In Visual Studio Code, increasing the font size is as easy as just hitting Command and + or - !

Change Screen as Needed

Our Studio is flexible, which means that while you’re streaming, you can switch which screen you’re sharing in the Studio without ending the Cast! This is helpful if you need to switch off of a screen while inputting sensitive information, or perhaps you just want to change views!

Change Directories as Needed

Similarly, the directories are just as flexible, if not more so. You have the option to add directories in at any point during the streaming process, regardless of whether you initially included one! Some things you can do include:

Adding multiple directories
Removing a directory at any point during the Cast
Adding a directory (including any you may have created during the Cast) at any point during the Cast
Add new files within a directory

Add info

There are several reasons why providing detailed Casting information is important. Firstly, it helps any potential viewer know exactly what they’ll be watching, increasing their likelihood of clicking on your content! Another is that our homepage is filtered to includes Casts that include all of the following:

media
a description
topics
a cover photo

After finishing your Cast, navigate to the Cast on your homepage and hit “Edit”. You can fill in all the information there!

Clarify Audience

Clarify the intended audience in the description, or verbally in the Cast. It can be something as simple as “for JavaScript beginners” or “for intermediate Elixir devs”, or it can be as specific as you want. But it will help people quickly understand if they are the suited audience, or if the Cast is perhaps out of their current abilities!

Open the Player

Once you hit “Start Streaming”, you’re provided with a URL and the ability to open the Player in a new window. From here, you can see what you’re doing come to life! It’s a great way to grasp how what you’re doing is translating to the viewer, but is also very important to have open if you’re going to share live Casts!

If you Cast publicly, you can share the URL anywhere you like and anyone can view your live Cast in real-time! The player has a built-in chat function that allows anyone viewing the Cast to chat with you, so try to keep that open to the side to best communicate with your audience!

There are tons of ways you can use the Studio, and everyone will have their own preference! We also have a detailed guide on using both our Studio and our Player to assist you! So take our tips to help guide you as you create your own content. Happy Casting!

Want to see all these tips in action? Check out the first video in the "Intro to Elixir" series by Tam, the founder of CodeCast!

To learn more about CodeCast, check out this video!

Top 3 Casts of the Week #4

CodeCast — Fri, 01 Apr 2022 20:38:48 +0000

It's that time of the week again where we give our love to our top 3 Casts of the week on CodeCast! This week, we have some great videos in store for you, so let's get right into it.

Building A Recipe App by @kauress

Using the Spooonacular API, Jannat builds out a recipe app! In this Cast, she works with the fetch API to grab data from Spoonacular. It's a great way to practice fetch requests and working with APIs.

Path Traversal in Python by @jesusvilla

Jesus is passionate about cybersecurity and in this Cast, he goes over easy it is for someone to introduce a vulnerability in a simple flask application. Of course, he then shows you how to fix it! He has lots more videos on web security coming so be sure to follow him if that's a topic you'd love to know more about.

OOP TypeScript: Working With Classes by @shahzaibkamal

Shahzaib has created an entire Series on learning object-oriented programming basics with TypeScript. In this video, he goes over all the basics of working with classes in TypeScript.

Be sure to follow us here and everywhere to stay up to date with our latest features!

Why We Chose Polygon Over Ethereum

CodeCast — Wed, 30 Mar 2022 21:16:14 +0000

We recently announced Codewrangrlz, an exploratory project in the web3 world. When we announced the project, we published a blog post detailing the project and what our goals were. However, one of the things that have been very clear to us since we began entering this space is that there are a lot of controversies surrounding blockchains, NFTs, and DeFi. In this post, we want to outline some more aspects of the project, including the reasons behind choosing to work on the Polygon chain.

Above all else, we love to learn, and all of us here at CodeCast love to learn by doing. While trying to absorb as much information as we could, we realized very quickly that building out an NFT project from scratch was going to be our best bet at understanding it. Our end goal is not only to be able to communicate effectively with members of our community who are learning web3 but to be able to create some teaching materials ourselves.

Despite the controversies, the web3 space is constantly growing. It’s hard to go on Twitter without seeing anything about it. It’s establishing its place in the developer community and appears to only be growing with time. So with all that being said, we want to discuss one of the major points of concern with the community as a whole.

Proof-of-work vs. Proof-of-stake

There has been a lot of conversation surrounding energy usage in the blockchain space. The concerns have reached far outside the community, highlighting the validity of the concern. Energy usage is a very important and real topic in our current world. Tech companies play an important role in changing the way we consume and spend energy, and this has rightfully become a very large topic.

Whether you’re familiar with blockchain technology or not, you have likely heard the phrase “mining”. Mining is how transactions are confirmed and added to the blockchain. This process is actually the ‘proof-of-work’ mechanism. "Miners" work to solve a mathematical problem as fast as possible, as the first one to solve the problem gets to update the blockchain, in return receiving an amount of crypto in return.

Since everyone on the chain can compete, this has led to large mining farms, which are using a ton of energy. Currently, the Ethereum blockchain (Ethereum 1.0) is proof-of-work. The goal is to transition to the proof-of-stake mechanism for Ethereum 2.0, which is hoped to be released by the end of the year.

Proof-of-stake operates differently. Instead of every node competing to solve a problem at once, nodes are “randomly” selected to validate a block. The randomness isn’t truly random though, as a "validator" (instead of a "miner") has to add a “stake” (think of it as a security deposit). The larger the stake, the better chance you have of being chosen to validate the block. If you validate the block, you receive crypto in return.

There are of course a lot of other aspects that separate the proof-of-work and proof-of-stake mechanisms, and I highly recommend the video below if you want to learn a bit more without getting completely overwhelmed with information.

Polygon

So, this is where Polygon comes in. Polygon is a side-chain on the Ethereum chain. It’s what’s called a Layer 2 Scaling Solution. I know, it sounds incredibly confusing, and if you want to learn more about it I recommend this video. In short form, all you need to understand is that the Polygon network runs parallel to the Ethereum network, and it has its own cryptocurrency called Matic.

Our decision to use Polygon instead of Ethereum was based on two main factors - mechanism and cost. Polygon use proof-of-stake, which is significantly better for the environment. When Ethereum switches to proof-of-stake and releases 2.0, they are stating they will be able to reduce their energy impact by 99%. That’s a mind-blowing decrease and really showcases how much less energy the proof-of-stake mechanism uses. Given that we are concerned about our own environmental impact, proof-of-stake felt like the only real choice.

Polygon has the proof-of-stake mechanism that we wanted, but it also has a significantly lower cost than Ethereum, which makes it a much more accessible chain for everyone in the community. It’s a great place for people to get started in the NFT world, and since we wanted to create a project that added some exciting utilities for our users, it needed to be accessible to the average user.

As a whole, the space is constantly evolving and we were looking to find somewhere for ourselves and our community in it. We’ll be announcing some of our NFT utilities soon, so if you’re as excited about this space as we are, definitely follow Codewranglrz to stay updated with everything we’re doing!

Top 3 Casts of the Week #3

CodeCast — Fri, 25 Mar 2022 19:36:56 +0000

It's that time of the week again where we give our love to our top 3 Casts of the week on CodeCast! This week, we have some great videos in store for you, so let's get right into it.

Tailwind Essentials: Typography by @shahzaibkamal

This is one of the videos in his Tailwind Essentials Series, dealing with spacing, sizing and typography. While the entire series is absolutely worth the watch, this one is a great one to watch alone if you're looking for some specific information on working with typography in Tailwind CSS.

Introduction to Fetch API by @kauress

This video goes over the first part of working with the fetch API, and is a prefect prerequisite to prepare yourself for Jannat's upcoming content on working with different API's!

JavaScript's every() Method by @kauress

This video goes into using the built in .every() method in JavaScript. Jannat has a series of videos on different built in methods in JavaScript, and they are all well worth checking out.

Be sure to follow us here and everywhere to stay up to date with our latest features!

5 Coding Courses with Bundled Streaming & Code-Sharing ✨

CodeCast — Thu, 24 Mar 2022 20:45:21 +0000

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 came to be a solution to this problem. We created our Player, 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 on CodeCast so far. Oh, and did I mention they are all free?

1. Intro to Elixir

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! 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.

2. Build A Linktree Clone Using React

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.

In this four-part Series by Michael Tirona, you'll go over creating the components, styling, and deploying the app!

3. Create A Portfolio Website

In this Series by Amy Oulton, 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

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 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

The Canvas API offers a lot of functionality, and in this Seris, Jannat 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!

Basically, we're really excited about some of these courses. 😃 The only thing you need to access these is a CodeCast account, 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, 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!

Be sure to follow us here and everywhere to stay up to date with our latest features!

DEV Community: CodeCast

Elixir As Your First Functional Language

Elixir is Simple & Elegant

Elixir is Very Performant

Elixir has a Growing Ecosystem

Register for the event here.

Codewars, Python Challenges & Web Security: Top 3 Tutorials of the Week 💻

Codewars: You're A Square (JavaScript)

Web Security with Python: Dictionary Attack

Python Challenges: Get The Middle Character

Top 3 Coding Tutorials of the Week

Elixir: The |> Operator by @amy

Server Side Request Forgery by @jesusvilla

Procrasti..nator: Chrome Extension: Introduction by @kauress

Top 3 Coding Tutorials of the Week

Intro to Phoenix: Ecto - Migrations and Schemas Basics by @tam

Stored XSS using SVG by @jesusvilla

Spread Operator in JavaScript by @kauress

Top 3 JavaScript Tutorials of the Week

Chatty Chat App: Setting Up The Server by @kauress

JavaScript Coding Challenge: Ternary Operators by @kuangdia

Destructuring Arrays in JavaScript by @kauress

Web3 Basics Cheat Sheet

What exactly is “Web3”

Definitions

Dev Education NFT Utility

Codewranglrz ・ Apr 5 ・ 1 min read

Top 3 Tutorials of the Week #5

OOP with TypeScript: Constructor Functions by @shahzaibkamal

CSS Injection by @jesusvilla

Recipe App: Click Event by ‍@kauresss

Tips To Create The Best Coding Tutorials 📹

Add Media to Every Cast

Add a Directory to Every Cast

Save

Increase Font Size

Change Screen as Needed

Change Directories as Needed

Add info

Clarify Audience

Open the Player

Top 3 Casts of the Week #4

Building A Recipe App by @kauress

Path Traversal in Python by @jesusvilla

OOP TypeScript: Working With Classes by @shahzaibkamal

Why We Chose Polygon Over Ethereum

Proof-of-work vs. Proof-of-stake

Polygon

Top 3 Casts of the Week #3

Tailwind Essentials: Typography by @shahzaibkamal

Introduction to Fetch API by @kauress

JavaScript's every() Method by @kauress

5 Coding Courses with Bundled Streaming & Code-Sharing ✨

1. Intro to Elixir

2. Build A Linktree Clone Using React

3. Create A Portfolio Website

4. Introduction to Next.js

5. Canvas API

Creating Series