Full-Stack Phoenix Course Club!

1. Intro:

In the introductory video, you’ll get an overview of how you’ll create these two apps by following videos and guided exercises. Additionally, this exercise provides a link to the code bundle, instructions to install Elixir and other required tools, and guidance to set up your code editor (VSCode) with extensions and snippets.

2. Create the App

In the second lesson’s video they generate the app, create the database, and add images and CSS to the app from prepared files. In the exercise they let the students do the same.

Note: In the settings file included in the code bundle, they let you exclude the priv/static directory as following,

  "files.exclude": {
    ...,
    "**/priv/static": true,
    ...
  },

If you’ve added that setting to your code editor, you’ll need to unhide the directory to add images, or copy the images through your file manager (Finder / Nautilus / File Explorer).

3. Routes, Plugs, and Pipelines

This lesson explains how a request is handled by Phoenix. It covers what the %Conn{} (connection) struct is, how it looks, and its passage through the plugs in the endpoint module, and ultimately, its transfer to the Phoenix Router module which is the last plug in the endpoint module. It also covers how the router then passes the %Conn{} struct through pipelines of plugs, allowing it to be read or modified. The lesson also adds a plug to a pipeline to show how each plug operates on the %Conn{} struct, one plug at a time.

I’ve been progressing through the course but haven’t been able to maintain regular lesson-by-lesson updates due to time constraints. However, I do plan to share one valuable insight: my experience with Phoenix Components.
This topic was initially challenging for me, but once it clicked, I realized how simple and easy it actually is. I’ll create a focused mini-app tutorial specifically demonstrating components.