Web description

Hi! my name is Non.   Welcome! to my portfolio web page.   As you can see, I use the space explorer theme to present about my projects in the Full-stack Engineer course of Codecademy.   So let explore to see each projects!

1st projects, name cheatsheet

My Cheat Sheet

My Cheat Sheet is a cheat sheet of table tags in HTML. It represent the meaning of each table tags and how to use them.

html web icon css web icon
2nd projects, name wireframe

Wireframe

Before we will writing some code to display our website interface, we have to create a wireframe to give more image of our website, so I did this project for the reason states ahead. I have learn about the important of creating wireframe before writing my code

html web icon css web icon
3rd projects, Tea Cafe

Tea Cafe

A tea cafe web site for learning how to use flex-box in CSS. I have learned to adapt flex-box to my CSS to reduce time for managing my web's layout. and to consider, what element should be a flex-parent or flex-child.

html web icon css web icon
4th projects, Fotomatric

Fotomatric

The sample website for learning responsive web design with HTML&CSS which the web layout from Codecademy. For CSS key components which I have learn are how to use @media queries for each devices and how to use responsive unit such as vw, vh, rem, em, %

html web icon css web icon
5th projects, Nature Life

Nature Life

My own web design for learning responsive website. The website content are about the photo of sky and wild that I had photograph. For CSS key components which I have learn are @media for each device's layout, responsive unit i.e. vw, vh, vmax, vmin, %, rem, em @font-face for managing web font

html web icon css web icon
6th projects, Hiking Club

Hiking Club

My own design website to be part of responsive design learning. Hiking is one of my favourite activity which always make me excited, so I use it to be my web theme as you can see. CSS responsive web design which I have learned are min-width & min-height, max-width & max-height, CSS flex-box, and flex-wrap

html web icon css web icon
7th projects, Number Guesser

Number Guesser

This game was made for practice my skills of Javascript function and conditional statement. The knowldge which I have learned about Javascript are function and conditional statement

html web icon css web icon javascript web icon
8th projects, Credit Card Checker

Credit Card Checker

This program will take a nested array of credit card number and validate the number by using Luhn algorithm to check the "Check digit" and return answer which related to Check digit. I have learn about Luhn algorithm and Javascript such as function, conditional statement, loop, and array method.

javascript web icon
9th projects, Mysterious Organism

Mysterious Orgaism

The topic is about writing the function in Javascript langauge to implement and control the data that is a random of the P.aequorthe, which is a new specie under the ocean and has 15 strand of DNA-base. The knowledge that I have learned are DNA-base and Javascript such as function, conditional statement, loop, array method, object.

javascript web icon
10th projects, What game should I play?

What game should I play?

The topic is about writing the function in Javascript langauge to random the message about game name for any device to the user. Therefore, I use fetch API to retrieve the game name from external resource. The knowledge of Javascript which I have learned are function factory, conditional statement, fetch API, async function with await, control Error, and node process management.

javascript web icon