Quadblock

Learn Liveview and Elixir. Your purchase supports our mentoring programs.

Buy now!

Description

Skills

Code Organization

Reducers

Protocols

Liveview Lifecycle

Liveview Render

Liveview Events



What You Get

7 free videos, 14 paid videos.

for $10.00

Description

Quadblock is loosely based on Tetris, one of the most iconic video games of all time. In this video tutorial with seven free videos and fourteen paid videos you’ll learn to build it. Along the way, we’ll learn a little Elixir, some Phoenix, and also LiveView.


Elixir is the language reshaping the way resilient, high performance apps are made, without losing productivity. LiveView is a hot new framework exploring building web applications without the need for custom JavaScript. Together, we’ll understand how they work together.


Videos

Public & Private

1: Basics

Start project, and create a new random brick.

2: Reducers

In part 2, we establish reducers to move and spin basic brick.

3: Model the Shapes

In part 3, we create the model for the geomitry of each tetromino using a flat functional data structure.

4: Shape geometry

In part 4, we create another set of reducers to work on the points of a teromino to manipulate geometry.

5: Testing Reducers with Pipes

In part 5, we build a test helper to make it easier to test our tetromino.

6: Render as String

In part 6, we translate the brick to a string in preparation for using the inspect protocol.

7: Inspect a Brick

In part 7, we make a brick work in IEx by making inspect render a two dimensional shape.

Video

8: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

9: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

10: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

11: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

12: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

13: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

14: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

15: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

16: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

17: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

18: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

19: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

20: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

21: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Video

22: LiveView QuadBlock series

Support mentoring, learn more Elixir and LiveView
Purchase Set

Community Resources

Cool quick trips for Quadblock

Learn It

These resources will get you on the path to learning with background information, tooling and exercises.

Do It

You decide how deep to go. These resources are exercises and projects to cement your learning.

Grok It

These resources will help you put your new knowledge into context so you'll be better at your everyday job.