Hello there, welcome to another tutorial/tryout by yours truly.

Before I continue I just want to say this: One Piece is the G.O.A.T of Anime!

So I was browsing through dribble and I saw a very nice app UI and I was like: I like this, I’ll want to create this, that lead me to start looking for possibilities to do this. I came across an awesome package called Zoom drawer. I decided to check it out and it was a wonderful XP I could feel my chakra building up.

Photo by Tim Mossholder on Unsplash

Already I believe you know how to create a Flutter…

Hello there, this is actually the continuation or PT 2 of: This, where I showed you how to display your HTML in Webview on Flutter. Today I woke up and decided why not also show them how to add Javascript and also get data from Javascript to Flutter, I mean that’s important right?

Well, I’ll not be teaching you Javascript but I am just going to show you around town but before we start… I need some coffee

var hotCoffee = getTheJobDone()
Photo by Clay Banks on Unsplash

Now I feel the coffee in my veins…

Okay let’s start, open Webview.dart

import 'dart:async';
import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

class Webview extends StatefulWidget {…

Photo by Ahmad Odeh on Unsplash

I thought you’d be dancing too after viewing the image above ’cause I am right now! Haha…

Okay back to the business of the day… I’m not going to go through all that “create a flutter app, blah blah blah”. I believe you can or have already created a Flutter app already, I believe in You!

Now I have dart file named: Webview.dart.

import 'package:flutter/material.dart';

class Webview extends StatefulWidget {
_WebviewState createState() => _WebviewState();

class _WebviewState extends State<Webview> {
Widget build(BuildContext context) {
return Container();

So this is what we have, we need to add…

Here’s part one
Here’s part two

The difference between websites and webapps is that the app displays dynamic data, while a simple site can present some static values. Although in this example we’ve started working with database and generating dynamic contents, so it’s now a web application. Congratulations to you, you have done it and have saved the web masters but we’re all hiding from a monster(cyber-attack) with the doors closed not locked. Anybody can edit what’s on the site if the find the site, so super-man what do we do?

I am Batman with the idea. Let’s add a…

You can check out part one

Before we continue I’d like us to edit the UI a bit.
So here’s how the index.html file will look like:

<!-- header -->
<header class="cover w-100 vh-25 vh-50-m vh-75-l bg-left bg-center-l bg-darken-50 bg-darken-25-l" style="background-image: url(https://desiredpersona.com/assets/images/macbook.jpg)">
<div class="w-100">
<div class="dib w-50 w-30-ns">
<a href="/" class="f4 f3-ns fw6 fw8-l white dim pointer link">CB<i>jobs</i></a>
</div><div class="main-nav dib w-70-ns tr-ns">…

Building a web page from scratch could be something complicated and time-consuming. It can, unless we are able to split our work into smaller steps by extending the functionality with every progress. Let’s look at Go Buffalo framework and build a simple Job positions website with newbie steps.

If you don’t know about Buffalo or want to know; well then, today is your lucky day cos i think I have their link somewhere…
Gimme a minute.
Ah! found it GoBuffalo That should get you up to speed.

We will start by creating a small website with three pages: home, positions…

Hey! welcome again. Hope the first post didn’t make you finish all the coffees in Walmart?

This is part 2, it involves using cookies and sessions with a small not too middleware-kind of user-auth.

One minute… Taking the last coffee in walmart. Okay where were we…

Now the part two will basically have what we got in part one.

Added features:

  1. cookies.
  2. sessions.
  3. user authentication.

What are cookies? “a small sweet cake, typically round, flat, and crisp.”. Oh no! not that ‘cookie’.

  • - a small amount of data that we can associate with a user
  • - every time the user comes back to our site
  • - that cookie is persistent (if the user didn’t delete it).

In this… don’t want to call it a tutorial, let me just say a heads-up-ish, we’ll build a simple webapp using golang and MySql and a new-gaining grounds CSS framework known as Tachyons. To learn how to use some of the basic css visit Their docs. This small project is without any Golang microframework. I name the app CRUD not Grodd in flash! It’ll have the following features:

  1. Create users
  2. Read users
  3. Update users
  4. Delete users
  5. Just a lil design no javascript for now
  6. coffee

Are you ready? Oh damn! you’re to excited you making your computer nervous. Be calm.

Connel Asikong

Programmer, Designer, Promoter, music lover, God fearer. thrilled about technology. wish I could help and do more.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store