Good day geeks and happy Sunday. Today I stumbled on a site while on twitter and I immediately liked it. From the design, to the sleekness to how quick the site loads. So buttery. Everything was superb. I'm curious, how can I build websites like this?

Any ideas on the programming language used in building the site

Here's the site
https://akiddie.com

HTML5
Css3
bootstrap

Are you sure you posted the correct link ?

QuantumR:
Are you sure you posted the correct link ?

Yup. it doesn't look good to you?

I noticed something. The site kinda loads without internet. You can try this to confirm. When you click on the site, switch off your internet. Now click on any of the links like join now or subscribe. Notice that it takes you to a page without internet connection. This is mesmerising

The site is done with nuxtjs a vuejs framework.

This is what we call single page application.

It only manually refresh once unless you do hard refresh.

You can build it using any component based Javascript framework of your choice, you can even build your own framework so far its component based.

Register each components on a router and call them dynamically. With Vue you'd use Vue Router, if you have a large app you might look into inertia js.

It relies heavy on AJAX.

SPAs are always very sweet to navigate.

BlueBanana:
I noticed something. The site kinda loads without internet. You can try this to confirm. When you click on the site, switch off your internet. Now click on any of the links like join now or subscribe. Notice that it takes you to a page without internet connection. This is mesmerising

At first load all necessary js components are loaded, so no need for extra data to load what's already loaded.

If you need to maybe submit a form, you'd get stuck unless you provide internet.

The person wey build that site dey craze.
He con add animation spoil everything. Very mesmerizing experience.

BlueBanana:
Good day geeks and happy Sunday. Today I stumbled on a site while on twitter and I immediately liked it. From the design, to the sleekness to how quick the site loads. So buttery. Everything was superb. I'm curious, how can I build websites like this?

Any ideas on the programming language used in building the site

Here's the site
https://akiddie.com

That looks like a Single Page Application to me. You'll need something like Angular and the likes to build one.

BlueBanana:


Wait, you mean I can create this without JavaScript?

I will like to recreate this as my final project when I'm done with CSS

You will certainly use JavaScript on the frontend

Karleb:




At first load all necessary js components are loaded, so no need for extra data to load what's already loaded.

If you need to maybe submit a form, you'd get stuck unless you provide internet.

The person wey build that site dey craze.
He con add animation spoil everything. Very mesmerizing experience.

Lol. I agree the animation wasn't good at all. But it's still a very good site. And it loads fast and cost little data despite loading all the JS components. Impressive

Anyway, as a beginner, the thing burst my head sha, and u been think say e go easy to make as the site no too big.

spartan117:
You will certainly use JavaScript on the frontend

Okay boss. What framework do you think was used here

BlueBanana:

Yup. it doesn't look good to you?

Not responsive on my screen... #mobileFirst

BlueBanana:



Lol. I agree the animation wasn't good at all. But it's still a very good site. And it loads fast and cost little data despite loading all the JS components. Impressive

Anyway, as a beginner, the thing burst my head sha, and u been think say e go easy to make as the site no too big.

I was actually indirectly saying the animation is good.

SPA are as easy/hard as Multiple Page Applications.

MPA are the normal site that loads on every page request.

If you noticed, Facebook and Twitter mobile app are SPA. SPAs are generally known for their very good user experience but it is bad for SEO.

There was a time I was building one with Laravel and Vue the other day. I actually found it interesting.

I never hosted though I would have pasted the link here so you know it's not rocket science.
Abi I fit send you the github link may you view life code?

QuantumR:
Not responsive on my screen... #mobileFirst

I'm on mobile and it's very responsive here.

BlueBanana:

Okay boss. What framework do you think was used here

This is a bootstrap website