Marko tool permits you to easily design webapps by giving you visual results for your inputed codes. Thus making coding fun and friendly.

#### What Will I Learn?
- You will learn How To Install Marko On Your Browser /Server
- You will learn How To Initialize It With The Appropriate Command 
- You will learn How To Upload Your Content including, writeups, pictures, audio, video etcz
- You will learn how to edit the already made Marko specs to fit with the design you need
- You will learn How To Preview The Work You Have Done So Far
- Finally, You will learn How To Make it go live! 

#### Requirements
>To watch this video and learn much you need the following
- An internet-enabled device prefarably a Laptop
- Owning a website domain
- A basic understanding of HTML, CSS, & Javascript coding language
- A modern browser like Chrome, Firefox or Internet Explorer version 10+
- Owning a Project concept you will like to design

#### Difficulty
- Advanced

#### Description
- Marko is a friendly (and fast!) UI library that makes building web apps fun. With Marko, coding and designing webapps becomes interesting because you will no longer code blindly. Also the Marko codes are shorter than the conventional HTML codes, hence easy to learn and use.

- USES OF MARKO
> Design easily with marko
Visualize designs with marko
Run shorter codes
Marko supports both single-file and separate files components. 

- SEE EXAMPLES & DEMO
>[TRY MARKO ONLINE](https://markojs.com/try-online)

- HOW TO USE MARKO
   - 1- Install plugin on your browser [GO HERE](https://markojs.com/docs/installing/)
   - 2- Get Started With UI using a syntax that is like HTML
   - 3- Rendering with `require` it.
   - 4- Use the required HTML Structure shown here [HTML DOCTYPE](http://www.corelangs.com/html/introduction/doctype.html)
   - 5- Learn Mark Syntax [Here](https://markojs.com/docs/syntax/)
   - 6- Do Your [Bundler Integrations](https://markojs.com/docs/bundler-integrations-overview/)
   - 7- Do Your [Server Integrations](https://markojs.com/docs/server-integrations-overview/)
*FOR MORE DETAILS...*
Visit [Marko Website](https://markojs.com)

---
#### WATCH VIDEO TUTORIAL
https://youtu.be/5DxTqw96QnI

---
**VIDEO DETAILS:**
- **Production:** *Made with my Tecno Winpro II Tablet*
- **Narration:** *In My Voice*
- **Hosting:** *Youtube*
- **Length:** *12+mins*
 - **Language**: *English*
- **Subtitle:** *YES*

---
*Thanks for watching! Feel free to ask your questions below. Cheers!*

---
#### Curriculum
This is one of my #OpenSourceInfoSeries. You can watch other works I have done in the past below:
- [How To Use "FullPage.js" To Design A Beutiful Scrollable One-Page Website](https://utopian.io/utopian-io/@nairadaddy/video-tutorial-how-to-use-fullpage-js-to-design-a-beautiful-scrollable-one-page-website)
- [How To Use "Docsify" To AutoCreate Documentation Website For Your Projects](https://utopian.io/utopian-io/@nairadaddy/video-tutorial-how-to-use-docsify-to-autocreate-documentation-website-for-your-projects)
- [How To Use "Countly" Data Analytics For Website/App Owners](https://utopian.io/utopian-io/@nairadaddy/video-tutorial-how-to-use-countly-data-analytics-for-website-app-owners)
- [How To Use "Steem Projects" For More Visibility](https://utopian.io/utopian-io/@nairadaddy/video-tutorial-how-to-use-steemprojects-com-for-your-projects)
- [How To Check Your Steemit Rewards](https://utopian.io/utopian-io/@nairadaddy/video-tutorial-how-to-check-your-steemit-rewards)
- [How To PowerUp/Power Down On Steemit](https://utopian.io/utopian-io/@nairadaddy/video-tutorial-how-to-power-up-power-down)
- [How To Use "Steem Accounts" To Create Instant Steemit Accounts](https://utopian.io/utopian-io/@nairadaddy/video-tutorial-how-to-use-steem-account-to-create-new-steemit-accounts-quickly)


<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@nairadaddy/video-tutorial-how-to-use-marko-webapp-for-easy-web-design">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>