The House of Terrian

Web Development • Graphic Design • Motion Graphics 

Github Instagram Facebook Twitter Linkedin
hoft infinity image
hoft infinity image 2
hoft infinity image 3
hoft infinity image 4
hoft infinity image 5
hoft infinity image 6
hoft infinity image 7
hoft infinity image 8
hoft infinity image 9
hoft infinity image 10
hoft infinity image 11
hoft infinity image 12
hoft infinity image 13
hoft infinity image 14
hoft infinity image 15
hoft infinity image 16

Welcome to the House

The mission and the goal at the House of Terrian is to create something thats timeless. From a thought, an idea, a dream, I believe that anything is possible as long as you can think it. thoughts turn into feelings and feelings turn into reality. Through working with many different clients, I’ve been able to hone in on the keys to crafting something unique and beautiful for each and every person. With the blend of my technical skills and your dreams, this combination will be the catalyst that will bring the whole thing to reality. May you enjoy this experience from start to finish and remember, This IS THE HOUSE OF TERRIAN!

Fundamentals of web development

HTML

This is the foundation of every website.

  • Defines what things are (headings, buttons, forms, etc.).
  • Uses semantic tags (<header>, <main>, <section>)
  • Creates the DOM (Document Object Model)

CSS

CSS controls how everything looks and is laid out.

  • Box model (margin, padding, border)
  • Layout systems (Flexbox, Grid)
  • Responsive design (media queries)

JavaScript

This makes your site interactive.

  • DOM manipulation
  • Events (clicks, scrolls, inputs)
  • Async behavior (APIs, fetch, promises)

The Browser

Most people ignore this, which is a mistake.

  • How the browser renders HTML/CSS
  • The rendering pipeline (parse → layout → paint)
  • DevTools (debugging, performance)

HTTP & Networking

This is the communication layer.

  • Requests & responses
  • Methods (GET, POST, etc.)
  • APIs (REST, JSON) performance)
  • Status codes (200, 404, 500)

Version Control

If you’re not using this, you’re working blind.

  • Git basics (commit, branch, merge)
  • Platforms like GitHub

Backend Basics

Even if you’re frontend-focused, you need to understand this.

  • Servers (Node.js, PHP, etc.)
  • Databases (SQL / NoSQL)
  • Authentication (logins, sessions)

Problem Solving

This is what separates beginners from developers.

  • Breaking problems into steps
  • Debugging effectively
  • Reading errors instead of guessing

Optimization

Fast sites win. Always.

  • Minimize assets
  • Lazy loading
  • Reduce re-renders (in JS frameworks)
  • 3> sec load time

Security Basics

You don’t need to be a hacker, but you need awareness.

  • Input validation
  • XSS (Cross-Site Scripting)
  • HTTPS

Frameworks & Tools

These are not fundamentals, but you’ll use them.

  • Frontend: React, Vue
  • Backend: Express, Django
  • Build tools: Vite, Webpack

SEO Foundations

If Google can’t understand your site, neither will users.

  • Proper heading structure (H1, H2, etc.)
  • Meta titles/descriptions
  • Clean URLs
  • Internal linking

Languages

HTML

CSS

JavaScript

PHP

Software

WordPress

Reacts

Github

Adobe

Shopify

Shopify

HubSpot

Zoho

Zoho

MySQL

MySQL

Projects

Nova

nova-webpage-snippet

(Solo Project)

(Currently Managing)

westcoast-webpage-snippet

Westcoast Exotics

(Solo Project)

(Currently Managing)

wagyu-webpage-snippet

Wagyu

(Solo Project)

(Currently Managing)

mochi-webpage-snippet

Mochi

(Collaboration Project)

(Currently Managing)

istar-webpage-snippet

iStar

(Solo Project)

(Currently Managing)

deep-webpage-snippet

Deep

(Solo Project)

(Currently Managing)

Websites Specialities

Ecommerce

Landing Page

Informational

Blog

Message Me