Unprecedented by ShawnClake

The Unprecedented Approach

The goal of Unprecedented is to take web dev. into unexplored territory. I have 4 main goals in mind: efficient dev time, fast load time, collaboration and seamless. I hope that Unprecedented can help both novice and expert developers easily create their web pages. I take the process of creating web pages straight into the developers hands whilst maintaining compatibility with all other frameworks and pre-processors. You can use an Unprecedented approach with Laravel, Bootstrap, JQuery, Node.js, OctoberCMS and any other framework and libraries you like.

Unprecedented Language

The historic dev life cycle is to setup a framework, and code to the framework. For some, this works great and so we don't want to take that away. Unprecedented is a statically processed language which is used before any other special frameworks and libraries are used. For example, Unprecedented helps you to code and assemble views for Laravel or pages/layouts/partials/contents for OctoberCMS. Think of it like creating the logic of a website in C++ and then having that automatically convert to Javascript. Unprecedented offers you an extremely flexible and powerful language with functions to back it up. What's awesome about Unprecedented, though, is I don't lock you into the Unprecedented format! In fact, the entire point of Unprecedented is to convert your Unprecedented code files into optimized HTML, Javascript, and CSS.

Unprecedented Example

I want you to pretend for a moment you are ready to public your website to production. Your website's main .html looks a little like:

Total Character Count: 563

<div class="row" id="bob" name="bob">
  <div class="col-sm-4 thick-border" id="col1" style="backgorund:#000;color:white;">
    <p>
      Hello welcome to my website! Check out my Youtube channel here: <a class="link-unstyled" href="youtube.com"> Youtube! </a>
    </p>
  </div>
  <div class="col-sm-4 col-sm-offset-4 thick-border" id="col2" style="backgorund:#f44gg3;color:white;"
    <p>
      Hey this is a pic of me: <img src="/file/path/to/image.png" alt="I am the pic" id="profile-pic" class="img-round" style="border-style:none;" />
    </p>
  </div>
</div>

An unprecedented approach may look as simple as this:

Total Character Count: 495

<_row
#:"bob",
n:"bob";

<**/file/to/column/template.unp
$:"col1";
**>

<**/file/to/column/template.unp
$:"col2",
_:"col-sm-offset-4",
.:"backround:#f44gg3;";
**>
_>

<@col1
<p>
  Hello welcome to my website! Check out my Youtube channel here:
  <link**youtube.com
    _:"link-unstyled";
    Youtube!
  link>
</p>
@>

<@col2
<p>
  Hey this is a pic of me: 
  <image**/file/path/to/image.png
    alt:"I am the pic",
    #:profile-pic,
    _:img-round,
    .:"border-style:none;";
  image>
</p>
@>

And then in file: /file/to/column/template.unp

Total Character Count: 33

<_col-sm-4
  _:"thick-border";
_>

Unprecedented does not restrict you to page formating and tabs/spaces. In fact, you could compact this code quite a bit and still get the exact same translation!

Total Character Count: 502

<!_set a=/file/to/column/template.unp !_>
<_row #:"bob", n:"bob";
    <**<!a!> $:"col1"; **>
    <**<!a!> $:"col2", _:"col-sm-offset-4", .:"backround:#f44gg3;"; **> 
_>

<@col1
    <p>
      Hello welcome to my website! Check out my Youtube channel here:
      <link**youtube.com _:"link-unstyled"; Youtube! link>
    </p>
@>

<@col2
    <p>
      Hey this is a pic of me: 
      <image**/file/path/to/image.png alt:"I am the pic", #:profile-pic, _:img-round, .:"border-style:none;"; image>
    </p>
@>

Total Character Count: 31

<_col-sm-4 _:"thick-border"; _>

Analyis To Come

At this point I am just scratching the surface with the unprecedented approach to web dev. Throughout the above code blocks you may see some syntax that has left you wondering, amazed, or hungry for more.

I understand that Unprecedented may leave you a little confused on what the purpose is. However, Unprecedented is best experienced in person by using the software. What you have read here today barely begins to decribe the core philosphy of Unprecedented.

Hopefully one day very soon you will be able to expiernce my dream for easy web development :)

Unprecedented

An Unprecedented approach to web development