Lab Assignments

Lab 1

This first lab wants us to create an own page which including some navigation links using HTML and CSS.

The page needs to create 4 links that can bring visiter to go to other pages which including:

Home page , About Me , Lab Assignments , and My portfolio link. So the visiter can understand more about

the page owner informations.


I do not have much experience related to HTML and CSS. It seems new to me, so I need to work so hard

for this assignment. It seems too easy for some students I guess.

The advance CSS techniques that i used in this webpage is

I use some div method

I also use some header and footer to set some navogation and tittle.

I feel so confused and lost at first. There are many stuffs need to study for this webpage because as i said

I do not have much experiences with this. Turtoring also not help that also makes feel give up.

But i try my best to do it. I love it too, make lots of effort for this.

Lab 2

This is theLab2

The goal of this assignment is to give you some experience working with HTML, CSS, and building a Responsive Web Design

that allows the site to be displayed properly on multiple screens and devices. This assignment will involve

implementing a “single-page design” where the page contains several “virtual pages” inside a single physical page.

We need to make three vitual pages in the main page in this lab. The main page also has the navigation that allow

visitor to choose many options page. These include Home page, Information pgae , Alubum page and lab1 page.

For lab1 page navigation visitor can go back to the lab1 home page.

Lab 3

This is theLab3

The goal of this assignment is to giving us some experience working with javaScript to make a web page interactive.

This assignment will involve creating an interactive online dating application that displays informaiton about the user

seeking other companions.

I have leanrt alot through this assignment such as java script with some div inside parent and grandchild. I also can do some

search button such as drop down list and submit button.

It makes hard for that assignment becasue it is long and require many materials. My code is not completled work, my site stuck

in java script ,and my submit button also not working.

Lab4

This is theLab4

The goal of this assignment is to give you more experience working with JavaScript for form validation

and dynamic displays. In this assignment, i also learn how to modify the online dating application you created in

the previous lab and add more functionality to it. There are also some error funcitons in js that i have made.

It is also hard for me to chekc my code in js with Jquery, but there is stil wokring in some fileds.

Tutorial Page

This is theTutorial

The goal of this assignment is to give you some experience doing some research, learn about new emerging technologies

in the field of client-side Web application development, and teach others about what you learned. You will build a Web

application that demonstrates technology topic and a step-by-step tutorial to teach others aspects of the new technology.

The tutorial should include code samples and explanations of terms and concepts.

This project teach me alot not only for project itself, butalso my gorup partner. I need to work so hard

to coporate with him because we have different time schedule. He miss some appoinemnts that can make our project stay late

and so on. But I try our best to catch up and make the thing goes well even it is not perfect.

Our group build University Applicaiton use backbone framework, I need to study the backbone framework by YouTube.And it teaches me alot

Lab5

This is theLab5

The goal of this assignment is to give you some experience working with JQuery, AJAX, and a Web API.

You will create a RESTful Web API in ASP.NET Core that will be used by a client-side Web application written in JQuery.

I have leant alot through this lab because there are many data i need to study such as making a table in the server

and some data connection. I also got some problem related to connect my server when i am at home becasue there is some internet

connection. I have to create some tables which list some improtant data , and I need to make sure it is connected to my server.