Presentation 2 Web Design.

Slides:

Advertisements

Similar presentations

ANGULAR JS ROBERTO GUTIERREZ. WHAT IS IT? Toolset for building the framework for application development Angular models are plain old javascript Developed.

Advertisements

D4.3 Additional Applications iPad Application – Facebook Integration George Chrysochoidis i-sieve technologies ltd. PATHS Project Review, 12th March 2014,

Mobile App Development Using: Presented by Tyler Richey Images from

UNIT4 BUSINESS ANALYTICS. page WHAT IS THE PRODUCT? 2 A business intelligence tool kit, specializing in Coporate Performance Management An application.

Lloyd-Jamie Bennett – P Stylianos Michael – P

Web Apps vs. Native Apps vs. Hybrid Apps vs. iBook Author Mobile Publishing:

Kathy E. Responsive Design and Twitter Bootstrap.

DEVELOPING FOR MOBILE Jackie Calapristi. AGENDA  Why you should go mobile  Mobile Design Options  Responsive Design  Tips & Tools to Help You Build.

WordPress Web. WordPress Blogging system with full content management Personal publishing system Built on PHP scripting language and MySQL relational.

(1) User Interface Frameworks: Twitter Bootstrap 3.0 Philip Johnson Collaborative Software Development Laboratory Information and Computer Sciences University.

Session I - Introduction

BUILDING WINDOWS STORE APP WITH HTML5 AND JAVASCRIPT Arnold Chuenffo MSP University of Buea. ICT Days.

Introduction CIS 136 Building Mobile Apps 1. What is a mobile app? 2  Computer program  Designed for small devices  Smartphones  Tablets  Other handhelds.

Introducing NativeScript [Pavel Kolev Software Telerik: a Progress company]

Developer TECH REFRESH 15 Junho 2015 #pttechrefres h Web Going Foward.

Course created by Sarah Phillips BBCD Melbourne BAPDCOM Version 1 – April 2013.

Wijmo Troy Taylor. What is Wijmo? -Wijmo is a kit of over 40 UI widgets, optimized for client-side web development. -HTML5 -jQuery -CSS3 -SVG.

Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,

Crazy New CSS Tools MIS 424 MIS 424 Professor Sandvig Professor Sandvig.

Trunica Inc. 500 East Kennedy Blvd #300 Tampa, FL Cross Platform Mobile Apps With Cordova and Visual Studio 2015 © Copyright 2015.

The way of hybrid mobile development Hybrid Mobile Applications Telerik Software Academy

Adxstudio Portals Training

Clothing Catalogue New season New models: Jacket (807/1222) Trousers H7IX Available only for few bunch ! Technical issue: no current solution to subset.

learn. do. dream. Bootstrapping with Twitter Bootstrap Responsive Layouts CSS Components JavaScript Font Awesome Select2 Themes.

Chapter 1 Ionic Framework (overview) Front-end framework for developing hybrid mobile apps with HTML5 Yeunyong Kantanet School of Information and Communication.

TypeScript for Alfresco and CMIS Steve Reiner CTO Integrated Semantics.

NativeScript – Open source platform to build Native iOS/Android Apps.

Google Web Toolkit for Mobile Applications Development INGENUITY AT ITS BEST……………….

ANGULAR JS 2.0 Revolutionizes UI/UX Development. A CONTEMPORARY FRAMEWORK  Open Source Web Application Framework  Renowned, Established & Stable Frontend.

Best Web Technologies for

10 Mobile Application Framework Must Know to Launch New App.

Using React, Drupal and Google Chrome to build an interactive kiosk + + =

跨平台 Hybrid App 開發簡介 - 使用 Visual Studio Tool for Apache Cordova + HTML/JavaScript 陳葵懋（Ian）

A Crash Course By TraversyMedia.com

Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.

Angular 4 + TypeScript Getting Started

Development of Internet Applications jQuery, TypeScript, LESS

Responsive Design and Twitter Bootstrap

EOS WEBPAGE Collaborative work with: Ewa Lopienska (logo),

Apache Cordova Overview

Introduction to Bootstrap Bootstrap සදහා හැදින්වීම

Angular JS Training | Angular JS online Training at GoLogica

Bootstrap A popular HTLM, CSS, and JS framework for developing responsive, mobile first projects on the web.

User Interface / User Experience Demo

The Cliff Notes Version

Branding SharePoint Using Application Customizers

Course Review HTML5 Level II Course Review

Front End Application Development We at Kushub Media have a group brimming with website specialists who comprehend the functional side of things and have.

UI Developer Overview  SV Trainings UI Developer Training is online course developed by industry experts to understand the concepts of HTML5, CSS3, Bootstrap,

M4: Animations, Custom Controls, and Globalization

Course Review HTML5 Level II Course Review

AngularJS and SharePoint Chris Douglas Senior SharePoint Developer InfoReliance Web: Twitter:

Selenium vs Protractor

Web scraping tools, an introduction

Introduction to JavaScript

IND8115 – LTTng Web View December, 12th 2016 Yonni Chen.

Course Review ITI HTML5 Level II Course Review

Unit 6 part 3 Test Javascript Test.

Input CS 422: UI Design and Programming

MADE IN USA KEY QUOTE TOOL.

Course Review HTML5 Level II Course Review

Course Review HTML5 Level II Course Review

CS3220 Web and Internet Programming Introduction to Bootstrap

ხელმძღვანელი: დიმიტრი ქარაული

Introduce to Angular 6 Present by: Võ Văn Hào

Bootstrap Direct quote from source: bootstrap/

creating websites and web applications responsive.

Illinois State’s Design System

Christopher Harrison Jeremy Foster

Presentation transcript:

Presentation 2 Web Design

Mockups We used Balsamiq as an easy solution for mockups generation The mockups represent only the general idea of the page and the final version is likely to be different

Add task window Professor task view

Project Structure View

Angular 2 and TypeScript Angular 2 is a Typescript framework available today for creating web applications. Angular 2 and Typescript are bringing true object oriented web development to the mainstream, in a syntax that is strikingly close to Java 8. Many external modules available like Kendo-UI, bootstrap for Angular 2(ng-2 bootstrap), PrimeFaces(PrimeNG) etc.

Bootstrap Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. We used only the CSS libraries, and created the components that required JavaScript from TypeScript. We used a custom theme which we got for free from Bootswatch.

Actual website Still under development. Live preview available anytime at http://193.226.37.183:4200/

Print Screens

Print Screens cont.

Print Screens cont.

Print Screens cont.

Print Screens cont.