Build A TodoList with Elixir, Phoenix and Ionic Vue

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

Language: english

Note: 0/5 (0 notes) 340 students

Instructor(s): CodeBrains.IO Tech Training

Last update: None

What you’ll 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

Requirements

Understand Basic Elixir
Be familiar with Phoenix
Be familiar with Vue

Description

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

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

Who this course is for

This course is for entry level web developers that have an understanding of web applications

Course content

Introduction
- Introduction
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
Build Ionic Vue FrontEnd
- Ionic Vue Project Setup
- Ionic HTTP Service Creation Part 1
- Ionic HTTP Service Creation Part 2
- Ionic Vue Homepage Setup
- Create Ionic Todo Item Component
- Ionic Vue UI and Styling
- Ionic Vue Bug Fix
- Ionic Vue Todo Form