Giter Club home page Giter Club logo

csci571-web-technologies's Introduction

CSCI571-Web-Technologies

Projects developed as part of CSCI571 during Fall 2018 at University of Southern California.

This course's main focus is to present many of the core technologies that the Web is based upon. The core technologies included were:

HTML and CSS (Hypertext MarkUp Language and Cascading Style Sheets), HTTP (HyperText Transfer Protocol), Web servers, their configuration and performance properties, Client-side Programming Using JavaScript, Ajax (Asynchronous JavaScript & XML) and JSON (JavaScript Object Notation), Server-side Programming Using PHP and JavaScript

In addition the course also covered the following subsidiary topics:

Web Services (REST), Web Security, Web Technologies for Mobile Phones (Android and iOS), Responsive Website Design, Cloud Computing (Amazon Web Services and Google Cloud Platform), AngularJS and Nodes.js, Serverless Applications, AWS Lambda and Google Functions

CSCI571-Course Website: http://csci571.com/ Professor Marco Papa: http://intersectworld.net/papa/

Homework - 3

This homework required us to reproduce the provided page as closely as possible. We were not allowed to use any frameworks and required us to do it with HTML, CSS only. Some of the effects used in the webpage were parallax effects, zooming in and out of images, changing the colour of the images, etc. All these effects needed to be achieved with just CSS.

Homework - 4

This homework consisted of writing a HTML/Javascript program that takes a JSON URL as input which contains Container Shipping Information, the program then parses the JSON file and extracts the list of Container Shipping Companies, and displays them in a formatted table. All of the parsing and formatting is done with the help of Javascript that is embedded in HTML. It can be executed in any browser. It also handles the various error cases that can be present in a JSON.

Homework - 6

This homework required us to use PHP and Javascript and create a webpage that allows us to search for events information using TicketMaster APIs, and the results will be displayed in tabular format.The page also provides more details for the selected event.

Homework - 8

This homework required the use of Node.js, AngularJS, Google Cloud Platform, Twitter API, Bootstrap, JQuery, JSON, HTML5 to build a webpage that displays events information, and deatails for a selected event. It involved the usage of TicketMaster API for Autocompletion and for getting events data in JSON format. We also made use of the HTML5 local storage to store event favourites, implement auto refresh and forced refresh functions for these saved events. This homework required us to make a Responsive Web Site (Using Bootstrap) that would automatically scale with the devices (Desktop, Mobile, Tablet).

Homework - 9

This homework required us to use Android Application Development to replicate the functionality of Homework - 8 in a mobile app. We were given the choice of an Android or an iOS app. I replicated the functionality in an Android app.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.