Build A TodoList with Phoenix, Elixir and Vue

Learn to build a Full Stack Phoenix, Elixir, and Vue Application in No Time

Web Development
1.5 hours
Oct 2021
last update
regular price

What you will learn

The student will learn the basics of RESTful API development with Phoenix

How to create a Full Stack Todo List Application

Learn how to use the Ecto ORM

Learn to consume JSON with Vue


If you're tired of long courses and just want to learn basic web development this course is for you. This course was built with the goal of teaching the students how to use Phoenix and Elixir. It focuses heavily on designing a backend RESTful Web Service with CRUD functionality that sends data to a Vue Front End Application.  This is an entry-level course that focuses on building and reinforcing some of the techniques used by developers to build a full-stack application.

In this course, we start by learning what tools you need to create a full-stack Before taking this course, it is recommended that you have an understanding of skills such as Javascript, Elixir, Basic SQL, or ORM development. If not we'll touch on some of those topics early in the course but it is still recommended to have a better understanding.

When going through this course you may come across subjects that you are familiar with as well as those that are completely new to you.

Some of the topics touched upon include

  • Vue

  • Child Components

  • HTTP Requests with Fetch

  • CRUD Methods

  • Elixir Programming Language

  • Phoenix Framework

  • Database Migrations

  • ORMs

When taking this course, please know that you can take your time because you will get access to support along the way. By the time you finish this course, you should feel comfortable creating a full-stack web application with Phoenix, Elixir, and Vue


Build A TodoList with Phoenix, Elixir and VueBuild A TodoList with Phoenix, Elixir and VueBuild A TodoList with Phoenix, Elixir and VueBuild A TodoList with Phoenix, Elixir and Vue


Create Phoenix Project
Install Elixir
Install Hex
Generate Phoenix Project
Generate Phoenix Migrations
Create Initial Project Files
Create Changeset View
Create Todo View
Create FallbackController
Create TodoController
Get Requests Phoenix
Post Requests Phoenix
Put Requests Phoenix
Delete Requests Phoenix
View API Requests
Create a Vue Todo List
Add Vue CLI
Add Vue Dependencies
Create Initial Vue Components
Create a Todo Form Components
Vue Events
Finish Todo Form
Display Todos
Building CRUD Functions
Finish Vue Table UI


10/13/2021100% OFF
udemy ID
course created date
course indexed date
course submited by