Gain insights into metaprogramming in Elixir. Delve into macros and discover how to elevate your coding skills, creating powerful libraries with concise, efficient code.

_Metaprogramming Elixir by The Pragmatic Programmer_468 x 60 copy.png

elixir.tar.gz

elixir

elixir-testing

elixir-copy

Get introduced to the concept of metaprogramming. Learn how to level up your programming skills by discovering the full potential of the macro system in Elixir. Understand the ins and outs of metaprogramming at a fundamental level and write incredible libraries by doing more with less code.

Metaprogramming in Elixir


Take the `Html` module that we built in this chapter as a reference module provided in the file `html.exs`. The `tags.txt` file has a list of tags to be parsed into macro definitions. Now, create a `SignUp` macro that renders HTML macros that print a "Sign Up" page. Create the macro in the `html_render.exs` file provided below:




### Requirements
The `SignUp` macro should completely fulfill the following requirements:
#### The main `div`
Create a `div` that belongs to class `main_div`, with two nested `div` segments inside it.
#### The first `div`
The first nested `div` should have a complete "Sign Up" form with the following five input fields:
 1. __First Name__:
- `type`: `"text"`
- `class`: `"name_class"` 
- `name`: `"fname"` 
- `placeholder`: `"Ronald"`

 2. __Last Name__
- `type`: `"text"`
- `class`: `"name_class"` 
- `name`: `"name"` 
-  `placeholder`: `"Weasley"`
 3. __Age__
 - `type`: `"number"`
- `class`: `"age_class"`
- `name`: `"age"`
-  `placeholder`: `"18"`
4. __Email__
- `type`: `"email"`
-  `class`: `"email_class"`
- `name`: `"email_id"`
- `placeholder`: `"harry@email.com"`
 5. __Password__
- `type`: `"password"`
- `class`: `"password_class"` 
- `name`: `"password"`
- `placeholder`: `"pass1234"`

#### The second `div` 
The second nested `div` should have a submit button for the form that says `Register` and has the following attributes:
- `type` : `"submit"`
- `class` : `"button_class"` 



## Solution





## Requirements
The `SignUp` macro should completely fulfill the following requirements:
### The main `div`
Create a `div` that belongs to class `main_div`, with two nested `div` segments inside it.
### The first `div`
The first nested `div` should have a complete "Sign Up" form with the following five input fields:
 1. __First Name__:
- `type`: `"text"`
- `class`: `"name_class"` 
- `name`: `"fname"` 
- `placeholder`: `"Ronald"`

 2. __Last Name__
- `type`: `"text"`
- `class`: `"name_class"` 
- `name`: `"name"` 
-  `placeholder`: `"Weasley"`
 3. __Age__
 - `type`: `"number"`
- `class`: `"age_class"`
- `name`: `"age"`
-  `placeholder`: `"18"`
4. __Email__
- `type`: `"email"`
-  `class`: `"email_class"`
- `name`: `"email_id"`
- `placeholder`: `"harry@email.com"`
 5. __Password__
- `type`: `"password"`
- `class`: `"password_class"` 
- `name`: `"password"`
- `placeholder`: `"pass1234"`

### The second `div` 
The second nested `div` should have a submit button for the form that says `Register` and has the following attributes:
- `type` : `"submit"`
- `class` : `"button_class"` 



# Solution


See the solution to the coding exercise we tried in the previous lesson.

Introduction

The Language of Macros

Extending Elixir with Metaprogramming

Advanced Compile-Time Code Generation

Code Generation from Git API

How to Test Macros

Create an HTML Domain-Specific Language

With Great Power Comes Great Responsibility (and Fun!)

Try It Out: Solution

Create a `SignUp` page in `Html`

Requirements

The main `div`

Code Generation from Git API

Try It Out: Solution

Create a SignUp page in Html

Requirements

The main div

Create a `SignUp` page in `Html`

The main `div`