Web Development

Course Presentation

Introduction

Óscar Belmonte Fernández

Universitat Jaume I

Content

Who am I?
What is this course about?
How is it related with other courses?
Methodology.
Assesment.
Resources.

Who am I?

Óscar Belmonte Fernández.

Languages and Systems Department. New Imaging Technologies Institute.

Office: TI-1202.

e-mail: oscar.belmonte@uji.es

Web page: www3.uji.es/~belfern

Office phone: 964 728 315.

Office hours:

Monday (15:00 - 16:30).
Thursday (12:00 - 13:30).

What this course is about?

You are going to know how to develop Rich Web Applications.

I shall present you a whole stack to develop Web Applications:

Client side.
Server side.

We are going to use the same programming language for both sides javascript.

How is it related with other courses?

Software Engineering.

Programming.

Visualization.

Databases.

Geographic Information Systems.

Methodology

3 ECTS credits = 75 h. (30 class + 45 exercises, project, study).

Syllabus:

Developing the client side:

Developing the server side:

I shall present you lots of code, and you will it try immediately.

<div class="starter-template">
    <h1>This is my first web page</h1>
    <p>Hello {{myController.you}}. Today is {{myController.date()}}</p>
    <table class="table table-hover">
        <thead>
        <tr><td><strong>Name</strong></td><td><strong>Surname</strong></td></tr>
        </thead>
        <tbody>
        <tr ng-repeat="contact in myController.data">
            <td>{{contact.name}}</td>
            <td>{{contact.surname}}</td>
        </tr>
        </tbody>
    </table>
</div>

Your are going to use lots of development tools...

Even more development tools...

Assessment

Two assessment possibilities:

To extend the GeoTODO example project.
To propose your on project.

In any case, you are going to develop your project in two groups.

You will present your project in the last session.

The final mark will consist of three parts:

Part	Percentage
My review of the code	80%
Presentation, my assessment	10%
Presentation, your classmates assessments	10%

The final mark will be the same for all members of the group.

Resources

Books for the basic bibliography:

Web development with Node & Express. Ethan Brown. O'Reilly - 2014.
Write modern web apps with the MEAN stack : Mongo, Express, AngularJS, and Node.js. Jeff Dickey. Peach Pit - 2014

Web sites:

Code School free courses.
Egghead free videos.
Obviously, the web pages of all tools we are going to use.

You can find all examples of the codes at my github

Also, you can find the source code for my presentations here.

Fell free to clone both!!!