Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 2
|
|
- Mae Blake
- 6 years ago
- Views:
Transcription
1 Table of Contents 6) Overview: web applications Emmanuel Benoist Spring Term 2018 Presentation Server Side Programming Client Side Frameworks JQuery AngularJS Google Web Toolkit - GWT JSON Conclusion Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 1 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 2 What is a web application? Presentation For the user: it is displayed on a Web browser 1 Firefox (40%), Google Chrome (37%), Safari (12%), Microsoft Edge (3%), Mozilla (2%), Opera (2%),... Hosted on an HTTP server 2 Apache (httpd) (37%) Microsoft IIS (Internet Information Server) (10%) nginx (26%) Uses mainly HTTP HyperText Transfer Protocol and a secure version https (using a TLS tuneling) Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 3 1 Source: statistics of the web site March Source: Market share of the top million busiest sites february-2018-web-server-survey.html February 2018 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 4
2 Basic Web Architecture Client / Server architecture Firefox Google Chrome Safari Edge Client HTTP / HTTPS Internet Server Apache nginx IIS Client User s computer Runs a browser Evaluate HTML files Generates the Document Object Model (DOM) Client executes JavaScript Scripts are downloaded from the server(s) They are executed inside the browser They manipulate the DOM They can communicate with one or many other servers Server execute server side programming Can server files Can generate files with data from DataBase or data from backend architecture. Files generated or served: HTML pages (DOM), JavaScript programs, images, style sheets (CSS) Technologies used server side PHP, Java,.NET, JavaSript server side (NodeJS)... Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 5 Web Application Architecture Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 6 JavaScript Manipulates DOM DataBase Server Side Programming HTTP / HTTPS HTML / CSS / JavaScript / JSON PHP / Java / C# / Ruby / Python to generate documents Client Server File Server Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 7 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 8
3 Server Side Programming Programs are executed inside the server Access to resources on the server (files) Access to other servers (Databases, file-servers, storages,... ) Programs generate files to be sent Generate HTML (Document Object Model - DOM), send CSS (Cascading Style Sheet), send JavaScript programs, generate JavaScript programs based on databases (data for JS). Server Side Frameworks Frameworks to generate pages Tasks are very repetitive, every web site contains the same features Layout = template engine A template engine must be used to generate pages with the same layout Define a HTML layout, insert menus, insert data in a page, display forms and results Connection to the data base Define a system for accessing persistant objects stored inside the DB. Easy implementation of daily business tasks Login, CRUD (Create, Read, Update, Delete) items in the DataBase. Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 9 Server Side Frameworks Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 10 Laravel Laravel PHP based frameworks Django Based on Python Ruby on Rails (RoR) Using Ruby Express For NodeJS servers Straight forward to create a default application Code for sending forms For validation of inputs For testing the types of inputs For executing a function Model View Controler Design Pattern The application handels the form and selects the page to be displayed accordingly Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 11 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 12
4 Laravel example of page 3 Django <body> <div class="flex center position ref full (Route::has( login )) <div class="top right <a href="{{ url( /home ) <a href="{{ route( login ) }}">Login</a> <a href="{{ route( register ) <div class="content"> <div class="title m b md"> Laravel </div> <div ($links as $link) <a href="{{ $link >url }}">{{ $link >title </div> </div> </div> </body> Framework based on Python Offers support For handling URL s (and navigation) For supporting the database For activating Models of the database Help publishing Management of the site is done easily 3 Source: Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 13 Django template 4 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 14 Django View {% if latest_question_list %} <ul> {% for question in latest_question_list %} <li><a href="/polls/{{ question.id }}/">{{ question. question_text }}</a></li> {% endfor %} </ul> {% else %} <p>no polls are available.</p> {% endif %} from django.http import HttpResponse from django.template import loader from.models import Question def index(request): latest_question_list = Question.objects.order_by( pub_date )[:5] template = loader.get_template( polls/index.html ) context = { latest_question_list : latest_question_list, } return HttpResponse(template.render(context, request)) 4 Source: Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 15 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 16
5 Client Side Frameworks Client Side Frameworks Written in JavaScript Framework is a JavaScript program It is included inside the page The page contains instructions for the framework One page applications The application is contained in one page The client runs the JavaScript program No direct access to resources of the server Database File system Communication with the server using API API = Application Programming Interface Offers data in JSON format Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 17 Client Side Frameworks Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 18 JQuery Not really a framework Just a library Makes Javascript easy to write Accessing to objects in the DOM is made easy Angular JS Framework for developing client side applications The application is contained in one page React.js A Framework with similar functionalities. Google Web Toolkit Program client side written in Java, compiled in a.class, translated into a JavaScript program. JQuery Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 19 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 20
6 JQuery Uses Selectors to select elements in the DOM (same syntax as for CSS) $("p").hide() Demonstrates the jquery hide() method, hiding all <p> elements. $("#test").hide() Demonstrates the jquery hide() method, hiding the element with id="test". $(".test").hide() Demonstrates the jquery hide() method, hiding all elements with class="test". $(this).hide() Demonstrates the jquery hide() method, hiding the current HTML element. Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 21 Modify the DOM Add elements in the DOM Append a child to a node $("p").append("some appended to each paragraph."); Add a child as first child $("p").prepend("some prepended text."); Add text before and after -after() or before() var txt1 = "<b>i </b>"; // Create element with HTML $("img").after(txt1); Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 23 Add an Event handler You can define an event for any selector (all elements of one tag, one id, one class,... ) Add the function for each <p> element that hides the element when clicked. $("p").click(function(){ $(this).hide(); }); Add an alert on mouse over the element with id p1: $("p").click(function(){ $(this).hide(); }); Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 22 Other Functions in JQuery Ajax Connect to the same server $("button").click(function(){ $.get("demo_test.asp", function(data, status){ alert("data: " + data + "\nstatus: " + status); }); }); or $("button").click(function(){ $.post("demo_test_post.asp", { name: "Donald Duck", city: "Duckburg" }, function(data, status){ alert("data: " + data + "\nstatus: " + status); }); }); Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 24
7 Angular JS AngularJS Complete framework for developing web application From Templating (insert value in a HTML page) To Model View Controler design pattern Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 25 Template Engine Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 26 Model View Controler Write a loop in the list of phones <html ng app="phonecatapp"> <head>... <script src="bower_components/angular/angular.js"></script> <script src="js/controllers.js"></script> </head> <body ng controller="phonelistctrl"> <ul> <li ng repeat="phone in phones"> <span>{{phone.name}}</span> <p>{{phone.snippet}}</p> </li> </ul> </body> </html> Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 27 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 28
8 Google Web Toolkit Google Web Toolkit - GWT What is GWT? A development environment in pure Java for rich web applications Provides Java for programming both client and server sides Advantages of GWT Homogenous environment Testing of a web application (using JUnit) Not integrated in JSF Concurent system developed by google Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 29 Principle Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 30 Hello World Application Write Java code Use Java on Server Side But also on a Client Side Communication is handeled conveniently Tests in a JVM Testing is done using JUnit Plugin in the browser Tests are conducted inside one JVM (based on Java Code) Compile into Javascript Creates different versions for different browsers Each browser receives only the right version Can be deployed on Java Servers Or any other server (if the server part is not Java) Download the GWT From Google Code Web site Create an application Execute./webAppCreator -out /home/bie1/test/ ch.bfh.awt.hello A default application is created Includes ant and Eclipse project files Test the Application Go to the directory execute ant devmode Install the plugin in your browser Test the application Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 31 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 32
9 Directories created Source files: /src/ Package for client side application : /src/ch/bfh/awt/client Server side classes : /src/ch/bfh/awt/server The file /src/ch/bfh/awt/hello.gwt.xml contains the configurations for the GWT application Web Application: /war/ Contains html, css, javascript, gifs, and the like Contains the WEB-INF/ directory (where the server classes are automatically compiled The directory /war/ will receive the JavaScript files compiled from the client application At the end the content of this directory is copied to the server Hello World Hello.html: contains a real HTML Containing layout, References to images, JavaScript, CSS Reference to the script loading the files <script type="text/javascript" language="javascript" src=" hello/hello.nocache.js"></script> And it contains place-holders that will be manipulated from Java. <div id="namefieldcontainer"></div> <div id="sendbuttoncontainer"></div> <div style="color:blue;" id="responsecontainer" ></div> Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 33 HTML FIle <!doctype html> <html> <head> <meta http equiv="content type" content="text/html; charset=utf 8"> <link type="text/css" rel="stylesheet" href="hello.css"> <title>web Application Starter Project</title> <script type="text/javascript" language="javascript" src="hello/hello. nocache.js"></script> </head> <body>... <h1>web Application Starter Project</h1> Please enter your name: <div id="namefieldcontainer"></div> <div id="sendbuttoncontainer"></div> <div style="color:blue;" id="responsecontainer"></div> </body> </html> Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 35 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 34 Java File Contains the definition of the user interface Definition of the Widgets used, Panels, Text fields, buttons Extends the EntryPoint class Defines the onmoduleload() function. Defines the Event Handling Defines functions to be executed when an Event is fired. Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 36
10 Hello.java package ch.bfh.awt.client; import... / Entry point classes define <code>onmoduleload()</code>. / public class Hello implements EntryPoint { public void onmoduleload() { final Button sendbutton = new Button("Send"); final TextBox namefield = new TextBox(); final Label responselabel = new Label(); RootPanel.get("nameFieldContainer").add(nameField); RootPanel.get("sendButtonContainer").add(sendButton); RootPanel.get("responseContainer").add(responseLabel); namefield.setfocus(true);... // Event Handling } } Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 37 Example: StockWatcher 5 An interface to watch stock values Presentation (when deployed on localhost) localhost:8080/stockwatchergwt User Interface: One page One page A list containing the stocks A field to type the stock into A button to add a new stock Back-office No back-office today Communications with the servers are seen in the next course Communication available: Remote Procedure Call (RPC) in Java Call to JSON data on the same server (PHP for instance) Call to JSON data on another server (against the same origin policy). 5 Source:http: //code.google.com/intl/fr-fr/webtoolkit/doc/latest/tutorial/ Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 39 Widgets List of default widgets Buttons: Button, PushButton, RadioButton,CheckBox,,, Calendar: DatePicker Lists : ListBox, CellList, Trees: MenuBar, Tree with CellTree, Panels: PopoupPanel, StackPanel, HorizontalPanel, VerticalPanel, latest/refwidgetgallery.html Possibility to write your own widgets: latest/devguideuicustomwidgets.html Composite components (composition of existing components) or from scratch in Java code Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 38 JSON Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 40
11 JSON interface server side Extern programs need to access data on the server Data from the database Data in files Data in storages (nosql,... ) External programs are JavaScript programs executed inside a browser, another server needed an API, application for a smart phone. Solution: send data in a standard format Format : JSON (JavaScript Object Notation) JSON Arrays are written with [] Example ["Emmanuel", "Reto", "Eric", "Olivier"] Objects are written with {} Objects are collections of key/values pairs. A key is a string, the value can be anything (incl. an array or an object) {"MRN" : " ", "name" : "Benoist", "firstname" : "Emmanuel", "age" : "35" } Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 41 Example of JSON Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 42 More complex example { } "location" : "my office", "keywords" : ["AJAX", "PHP", "JSP", "Servlets"], "books" : [ { "title" : "Ajax in Action", "authors" : [ { "name" : "Dave Crane", age= 45 }, { "name" : "Eric Pascarello", age="41" } ] }, {... } CDC Data (USA) Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 43 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 44
12 Conclusion Conclusion Web Application Formerly: Pages displayed one after the other Now integrated applications, one page changes Technolgies used client side HTML to define the Document Object Model CSS to define the layout JavaScript for interacting with the user and the server Languages used server side Anything you want We started with PHP to show the principles Principles: Forms, sessions, DOM,... Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 45 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 46 Bibliography / Sources february-2018-web-server-survey.html https: //docs.djangoproject.com/en/2.0/intro/tutorial03/ latest/tutorial/ Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 47
Advanced Web Technology 5) Google Web Toolkits - GWT, Client Side
Advanced Web Technology 5) Google Web Toolkits - GWT, Client Side Emmanuel Benoist Spring Term 2018 Berner Fachhochschule Haute école spécialisée bernoise Berne University of Applied Sciences 1 Table of
More informationJQUERY. jquery is a very popular JavaScript Library. jquery greatly simplifies JavaScript programming. jquery is easy to learn.
JQUERY jquery is a very popular JavaScript Library. jquery greatly simplifies JavaScript programming. jquery is easy to learn. JQuery 1/18 USING JQUERY Google CDN:
More informationwidgets, events, layout loosely similar to Swing test browser, or plugin for testing with real browser on local system
Web [Application] Frameworks conventional approach to building a web service write ad hoc client code in HTML, CSS, Javascript,... by hand write ad hoc server code in [whatever] by hand write ad hoc access
More informationIntroduction to. Maurizio Tesconi May 13, 2015
Introduction to Maurizio Tesconi May 13, 2015 What is? Most popular, cross- browser JavaScript library Focusing on making client- side scripcng of HTML simpler Open- source, first released in 2006 Current
More informationwelcome to BOILERCAMP HOW TO WEB DEV
welcome to BOILERCAMP HOW TO WEB DEV Introduction / Project Overview The Plan Personal Website/Blog Schedule Introduction / Project Overview HTML / CSS Client-side JavaScript Lunch Node.js / Express.js
More informationgenerates scaffolding/framework for models, views
Django by Adrian Holovaty and Jacob Kaplan-Moss (released July 2005) a collection of Python scripts to create a new project / site generates Python scripts for settings, etc. configuration info stored
More informationFront End Programming
Front End Programming Mendel Rosenblum Brief history of Web Applications Initially: static HTML files only. Common Gateway Interface (CGI) Certain URLs map to executable programs that generate web page
More informationDeveloping Ajax Web Apps with GWT. Session I
Developing Ajax Web Apps with GWT Session I Contents Introduction Traditional Web RIAs Emergence of Ajax Ajax ( GWT ) Google Web Toolkit Installing and Setting up GWT in Eclipse The Project Structure Running
More informationGoogle Web Toolkit Creating/using external JAR files
Google Web Toolkit Creating/using external JAR files If you develop some code that can be reused in more than one project, one way to create a module is to create an external JAR file. This JAR file can
More informationAjax and Web 2.0 Related Frameworks and Toolkits. Dennis Chen Director of Product Engineering / Potix Corporation
Ajax and Web 2.0 Related Frameworks and Toolkits Dennis Chen Director of Product Engineering / Potix Corporation dennischen@zkoss.org 1 Agenda Ajax Introduction Access Server Side (Java) API/Data/Service
More informationUser Interaction: jquery
User Interaction: jquery Assoc. Professor Donald J. Patterson INF 133 Fall 2012 1 jquery A JavaScript Library Cross-browser Free (beer & speech) It supports manipulating HTML elements (DOM) animations
More informationWeb Site Design and Development. CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM
Web Site Design and Development CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM By the end of this course you will be able to Design a static website from scratch Use HTML5 and CSS3 to build the site you
More informationIBM JZOS Meets Web 2.0
IBM JZOS Meets Web 2.0 Tuesday, August 3 rd 2010 Session 7637 Steve Goetze Kirk Wolf http://dovetail.com info@dovetail.com Copyright 2010, Dovetailed Technologies Abstract The development and deployment
More informationStatic Webpage Development
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction
More informationDjango: Views, Templates, and Sessions
Django: Views, Templates, and Sessions CS 370 SE Practicum, Cengiz Günay (Some slides courtesy of Eugene Agichtein and the Internets) CS 370, Günay (Emory) Django Views/Templates Spring 2014 1 / 7 Agenda
More informationThe course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.
Web Development WEB101: Web Development Fundamentals using HTML, CSS and JavaScript $2,495.00 5 Days Replay Class Recordings included with this course Upcoming Dates Course Description This 5-day instructor-led
More informationP a g e 1. Danish Technological Institute. Scripting and Web Languages Online Course k Scripting and Web Languages
P a g e 1 Online Course k72853 Scripting and Web Languages P a g e 2 Title Estimated Duration (hrs) JsRender Fundamentals 2 Advanced JsRender Features 3 JavaScript SPA: Getting Started with SPA in Visual
More informationUI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML
UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective
More informationSay goodbye to the pains of Ajax. Yibo
Say goodbye to the pains of Ajax Yibo DOM JavaScript XML CSS Standard Browsers: browser-specific dependencies. d Differences Complexity Exprerience: Minesweeper Google Web Toolkit make Ajax development
More informationQiufeng Zhu Advanced User Interface Spring 2017
Qiufeng Zhu Advanced User Interface Spring 2017 Brief history of the Web Topics: HTML 5 JavaScript Libraries and frameworks 3D Web Application: WebGL Brief History Phase 1 Pages, formstructured documents
More informationManual Html A Href Onclick Submit Form
Manual Html A Href Onclick Submit Form JS HTML DOM. DOM Intro DOM Methods HTML form validation can be done by a JavaScript. If a form field _input type="submit" value="submit" /form_. As shown in a previous
More informationAngularJS AN INTRODUCTION. Introduction to the AngularJS framework
AngularJS AN INTRODUCTION Introduction to the AngularJS framework AngularJS Javascript framework for writing frontend web apps DOM manipulation, input validation, server communication, URL management,
More informationTizen Web UI Technologies (Tizen Ver. 2.3)
Tizen Web UI Technologies (Tizen Ver. 2.3) Spring 2015 Soo Dong Kim, Ph.D. Professor, Department of Computer Science Software Engineering Laboratory Soongsil University Office 02-820-0909 Mobile 010-7392-2220
More informationCS7026. Introduction to jquery
CS7026 Introduction to jquery What is jquery? jquery is a cross-browser JavaScript Library. A JavaScript library is a library of pre-written JavaScript which allows for easier development of JavaScript-based
More informationCreating GWT Applications in Eclipse
Creating GWT Applications in Eclipse By Patrick Canny Abstract This paper describes how to create a Google Web Toolkit ( GWT ) application in Eclipse v. 3.5, a.k.a. Galileo, which implements Runnable User
More informationBEFORE CLASS. If you haven t already installed the Firebug extension for Firefox, download it now from
BEFORE CLASS If you haven t already installed the Firebug extension for Firefox, download it now from http://getfirebug.com. If you don t already have the Firebug extension for Firefox, Safari, or Google
More informationWeb Programming HTML CSS JavaScript Step by step Exercises Hans-Petter Halvorsen
https://www.halvorsen.blog Web Programming HTML CSS JavaScript Step by step Exercises Hans-Petter Halvorsen History of the Web Internet (1960s) World Wide Web - WWW (1991) First Web Browser - Netscape,
More informationWeb applications design
Web applications design Semester B, Mandatory modules, ECTS Units: 3 http://webdesign.georgepavlides.info http://georgepavlides.info/tools/html_code_tester.html George Pavlides http://georgepavlides.info
More informationJavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK
Programming for Digital Media EE1707 JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK 1 References and Sources 1. Javascript & JQuery: interactive front-end
More informationHacking Web Sites Cross Site Scripting
Hacking Web Sites Cross Site Scripting Emmanuel Benoist Spring Term 2018 Berner Fachhochschule Haute cole spcialise bernoise Berne University of Applied Sciences 1 Table of Contents Presentation Stored
More informationCodeValue. C ollege. Prerequisites: Basic knowledge of web development and especially JavaScript.
Course Syllabuses Introduction to AngularJS Length: 3 days Prerequisites: Basic knowledge of web development and especially JavaScript. Objectives: Students will learn to take advantage of AngularJS and
More informationAsema IoT Central Integration and migration. English
Asema IoT Central English Table of Contents 1. Introduction... 1 2. alternatives... 2 2.1. Simply move and run... 2 2.2. Asema IoT Central as a proxy for other systems... 5 2.2.1. Proxied HTTP requests...
More informationIN Development in Platform Ecosystems Lecture 2: HTML, CSS, JavaScript
IN5320 - Development in Platform Ecosystems Lecture 2: HTML, CSS, JavaScript 27th of August 2018 Department of Informatics, University of Oslo Magnus Li - magl@ifi.uio.no 1 Today s lecture 1. 2. 3. 4.
More informationJavascript Validator Xml Schema Eclipse Plugin
Javascript Validator Xml Schema Eclipse Plugin Summary: XML Schema validation fails when importing external schema Jesper, yes we contribute these xml's via plugins but the issue fails even without it.
More informationComprehensive AngularJS Programming (5 Days)
www.peaklearningllc.com S103 Comprehensive AngularJS Programming (5 Days) The AngularJS framework augments applications with the "model-view-controller" pattern which makes applications easier to develop
More informationThis course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery.
HTML5/CSS3/JavaScript Programming Course Summary Description This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5, Cascading Style Sheets
More informationMobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue
Mobile Web Applications Gary Dubuque IT Research Architect Department of Revenue Summary Times are approximate 10:15am 10:25am 10:35am 10:45am Evolution of Web Applications How they got replaced by native
More informationJQuery. UNIVERSITY OF MASSACHUSETTS AMHERST CMPSCI 120 Fall 2010
Lecture 23 JQuery Announcements HW#8 posted, due 12/3 HW#9 posted, due 12/10 HW#10 will be a survey due 12/14 Yariv will give Thursday lecture on privacy, security Yes, it will be on the exam! 1 Project
More informationMASTERS COURSE IN FULL STACK WEB APPLICATION DEVELOPMENT W W W. W E B S T A C K A C A D E M Y. C O M
MASTERS COURSE IN FULL STACK WEB APPLICATION DEVELOPMENT W W W. W E B S T A C K A C A D E M Y. C O M COURSE OBJECTIVES Enable participants to develop a complete web application from the scratch that includes
More informationJquery Ajax Json Php Mysql Data Entry Example
Jquery Ajax Json Php Mysql Data Entry Example Then add required assets in head which are jquery library, datatable js library and css By ajax api we can fetch json the data from employee-grid-data.php.
More informationThingLink User Guide. Andy Chen Eric Ouyang Giovanni Tenorio Ashton Yon
ThingLink User Guide Yon Corp Andy Chen Eric Ouyang Giovanni Tenorio Ashton Yon Index Preface.. 2 Overview... 3 Installation. 4 Functionality. 5 Troubleshooting... 6 FAQ... 7 Contact Information. 8 Appendix...
More informationWeb development using PHP & MySQL with HTML5, CSS, JavaScript
Web development using PHP & MySQL with HTML5, CSS, JavaScript Static Webpage Development Introduction to web Browser Website Webpage Content of webpage Static vs dynamic webpage Technologies to create
More informationa Very Short Introduction to AngularJS
a Very Short Introduction to AngularJS Lecture 11 CGS 3066 Fall 2016 November 8, 2016 Frameworks Advanced JavaScript programming (especially the complex handling of browser differences), can often be very
More informationModern and Responsive Mobile-enabled Web Applications
Available online at www.sciencedirect.com ScienceDirect Procedia Computer Science 110 (2017) 410 415 The 12th International Conference on Future Networks and Communications (FNC-2017) Modern and Responsive
More informationGWT: The Technical Advantage. Presenter: Anirudh Dewani Company Name: Google
GWT: The Technical Advantage Presenter: Anirudh Dewani Company Name: Google What is GWT? 2 How it works Google Web Toolkit Weekly Report 09/01/2008-09/08/200 Code against Java UI libraries 3 How it works
More informationPHP / MYSQL DURATION: 2 MONTHS
PHP / MYSQL HTML Introduction of Web Technology History of HTML HTML Editors HTML Doctypes HTML Heads and Basics HTML Comments HTML Formatting HTML Fonts, styles HTML links and images HTML Blocks and Layout
More informationGoogle Web Toolkit (GWT)
Google Web Toolkit (GWT) What is GWT? GWT is a development toolkit for building and optimizing complex browser-based applications You can develop all code, both client and server in Java (or with a different
More informationIntroduction to AngularJS
CHAPTER 1 Introduction to AngularJS Google s AngularJS is an all-inclusive JavaScript model-view-controller (MVC) framework that makes it very easy to quickly build applications that run well on any desktop
More informationLecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes
Course Title Course Code WEB DESIGNING TECHNOLOGIES DCE311 Lecture : 3 Course Credit Practical : Tutorial : 0 Total : 5 Course Learning Outcomes At end of the course, students will be able to: Understand
More informationPGT T3CHNOLOGY SCOUTING. Google Webtoolkit. JSF done right?
Google Webtoolkit JSF done right? Session topics Web 2.0, Ajax GWT What is it? Java EE and the Web GWT and Java EE JSF done right? Time for a demo? 2 2008 Dipl.-Wing. P. G. Taboada Web 2.0 Hard to define
More informationNetworking & The Web. HCID 520 User Interface Software & Technology
Networking & The Web HCID 520 User Interface Software & Technology Uniform Resource Locator (URL) http://info.cern.ch:80/ 1991 HTTP v0.9 Uniform Resource Locator (URL) http://info.cern.ch:80/ Scheme/Protocol
More informationPresenter: Richard Merrill, Autograff Inc.
Presenter: Richard Merrill, Autograff Inc. File and Folder Naming Meta tags controlled and standardized Semantically-rich spider searchable menus Moving pages while preserving menus Common folder and page
More informationWeb Frameworks MMIS 2 VU SS Denis Helic. March 10, KMI, TU Graz. Denis Helic (KMI, TU Graz) Web Frameworks March 10, / 18
Web Frameworks MMIS 2 VU SS 2011-707.025 Denis Helic KMI, TU Graz March 10, 2011 Denis Helic (KMI, TU Graz) Web Frameworks March 10, 2011 1 / 18 Web Application Frameworks MVC Frameworks for Web applications
More informationDjango Part II SPARCS 11 undead. Greatly Inspired by SPARCS 10 hodduc
Django Part II 2015-05-27 SPARCS 11 undead Greatly Inspired by SPARCS 10 hodduc Previously on Django Seminar Structure of Web Environment HTTP Requests and HTTP Responses Structure of a Django Project
More informationBasics of Web. First published on 3 July 2012 This is the 7 h Revised edition
First published on 3 July 2012 This is the 7 h Revised edition Updated on: 03 August 2015 DISCLAIMER The data in the tutorials is supposed to be one for reference. We have made sure that maximum errors
More informationStandard 1 The student will author web pages using the HyperText Markup Language (HTML)
I. Course Title Web Application Development II. Course Description Students develop software solutions by building web apps. Technologies may include a back-end SQL database, web programming in PHP and/or
More informationWeb and Apps 1) HTML - CSS
Web and Apps 1) HTML - CSS Emmanuel Benoist Spring Term 2017 Berner Fachhochschule Haute cole spcialise bernoise Berne University of Applied Sciences 1 HyperText Markup Language and Cascading Style Sheets
More information,
Weekdays:- 1½ hrs / 3 days Fastrack:- 1½hrs / Day [Class Room and Online] ISO 9001:2015 CERTIFIED ADMEC Multimedia Institute www.admecindia.co.in 9911782350, 9811818122 Welcome to one of the highly professional
More informationPHP WITH ANGULAR CURRICULUM. What you will Be Able to Achieve During This Course
PHP WITH ANGULAR CURRICULUM What you will Be Able to Achieve During This Course This course will enable you to build real-world, dynamic web sites. If you've built websites using plain HTML, you realize
More informationSections and Articles
Advanced PHP Framework Codeigniter Modules HTML Topics Introduction to HTML5 Laying out a Page with HTML5 Page Structure- New HTML5 Structural Tags- Page Simplification HTML5 - How We Got Here 1.The Problems
More informationIndex. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148
Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,
More informationGoogle Web Toolkit. David Geary. code.google.com/webtoolkit. corewebdeveloper.com
Google Web Toolkit code.google.com/webtoolkit David Geary corewebdeveloper.com clarity.training@gmail.com Copyright Clarity Training, Inc. 2009 Code http://coolandusefulgwt.com 2 Copyright Clarity Training,
More informationDATABASE SYSTEMS. Introduction to web programming. Database Systems Course, 2016
DATABASE SYSTEMS Introduction to web programming Database Systems Course, 2016 AGENDA FOR TODAY Client side programming HTML CSS Javascript Server side programming: PHP Installing a local web-server Basic
More informations642 web security computer security adam everspaugh
s642 computer security web security adam everspaugh ace@cs.wisc.edu review memory protections / data execution prevention / address space layout randomization / stack protector Sandboxing / Limit damage
More informationMIT AITI Python Software Development Lab DJ1:
MIT AITI Python Software Development Lab DJ1: This lab will help you get Django installed and write your first application. 1 Each person in your group must complete this lab and have it checked off. Make
More informationWeb Development for Dinosaurs An Introduction to Modern Web Development
Web Development for Dinosaurs An Introduction to Modern Web Development 1 / 53 Who Am I? John Cleaver Development Team Lead at Factivity, Inc. An Introduction to Modern Web Development - PUG Challenge
More informationIntroduction Haim Michael. All Rights Reserved.
Architecture Introduction Applications developed using Vaadin include a web application servlet based part, user interface components, themes that dictate the look & feel and a data model that enables
More informationGWT - CREATE APPLICATION
GWT - CREATE APPLICATION http://www.tutorialspoint.com/gwt/gwt_create_application.htm Copyright tutorialspoint.com As power of GWT lies in Write in Java, Run in JavaScript, we'll be using Java IDE Eclipse
More informationjmaki Overview Sang Shin Java Technology Architect Sun Microsystems, Inc.
jmaki Overview Sang Shin Java Technology Architect Sun Microsystems, Inc. sang.shin@sun.com www.javapassion.com Agenda What is and Why jmaki? jmaki widgets Using jmaki widget - List widget What makes up
More informationIn-ADS User Guide. Estonian Land Board Versioon 1.9.1
01.06.2018 Versioon 1.9.1 Estonian Land Board Table of contents 1. Introduction... 3 2. Requirements... 3 3. Embed code generation... 4 3.1... Main modes of operation... 4 3.2... Object types and priorities...
More informationAlpha College of Engineering and Technology. Question Bank
Alpha College of Engineering and Technology Department of Information Technology and Computer Engineering Chapter 1 WEB Technology (2160708) Question Bank 1. Give the full name of the following acronyms.
More informationDreamweaver CS4. Introduction. References :
Dreamweaver CS4 Introduction References : http://help.adobe.com 1 What s new in Dreamweaver CS4 Live view Dreamweaver CS4 lets you design your web pages under realworld browser conditions with new Live
More informationIntroduction to Web Development
Introduction to Web Development Lecture 1 CGS 3066 Fall 2016 September 8, 2016 Why learn Web Development? Why learn Web Development? Reach Today, we have around 12.5 billion web enabled devices. Visual
More informationBasics of Web Development
Supplementary Lecture 1 Outline 1. Big Picture 2. Client Side 3. Server Side 2 Big Picture Client Network Server Request (HTTP) Response (HTTP) 3 Client Any software capable of issuing HTTP requests (and
More informationReview. Fundamentals of Website Development. Web Extensions Server side & Where is your JOB? The Department of Computer Science 11/30/2015
Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science Review Web Extensions Server side & Where is your JOB? 1 In this chapter Dynamic pages programming Database Others
More informationA Model-Controller Interface for Struts-Based Web Applications
A Model-Controller Interface for Struts-Based Web Applications A Writing Project Presented to The Faculty of the Department of Computer Science San José State University In Partial Fulfillment of the Requirements
More informationBerner Fachhochschule Haute cole spcialise bernoise Berne University of Applied Sciences 2
Table of Contents Advanced Web Technology 13) Google Web Toolkits 2 - GWT, Communication Emmanuel Benoist Fall Term 2016-17 Internationalization Static String i18n Remote Procedure Code JSON Berner Fachhochschule
More informationTooling for Ajax-Based Development. Craig R. McClanahan Senior Staff Engineer Sun Microsystems, Inc.
Tooling for Ajax-Based Development Craig R. McClanahan Senior Staff Engineer Sun Microsystems, Inc. 1 Agenda In The Beginning Frameworks Tooling Architectural Approaches Resources 2 In The Beginning 3
More informationWorld Wide Web PROGRAMMING THE PEARSON EIGHTH EDITION. University of Colorado at Colorado Springs
PROGRAMMING THE World Wide Web EIGHTH EDITION ROBERT W. SEBESTA University of Colorado at Colorado Springs PEARSON Boston Columbus Indianapolis New York San Francisco Upper Saddle River Amsterdam Cape
More informationRIA Security - Broken By Design. Joonas Lehtinen IT Mill - CEO
RIA Security - Broken By Design Joonas Lehtinen IT Mill - CEO a system is secure if it is designed to be secure and there are no bugs no system should be designed to be insecure not all bugs are security
More informationThe Structure of the Web. Jim and Matthew
The Structure of the Web Jim and Matthew Workshop Structure 1. 2. 3. 4. 5. 6. 7. What is a browser? HTML CSS Javascript LUNCH Clients and Servers (creating a live website) Build your Own Website Workshop
More informationHTML5 and CSS3 for Web Designers & Developers
HTML5 and CSS3 for Web Designers & Developers Course ISI-1372B - Five Days - Instructor-led - Hands on Introduction This 5 day instructor-led course is a full web development course that integrates HTML5
More informationGRITS AJAX & GWT. Trey Roby. GRITS 5/14/09 Roby - 1
AJAX & GWT Trey Roby GRITS 5/14/09 Roby - 1 1 Change The Web is Changing Things we never imagined Central to people s lives Great Opportunity GRITS 5/14/09 Roby - 2 2 A Very Brief History of Computing
More informationEtanova Enterprise Solutions
Etanova Enterprise Solutions Front End Development» 2018-09-23 http://www.etanova.com/technologies/front-end-development Contents HTML 5... 6 Rich Internet Applications... 6 Web Browser Hardware Acceleration...
More informationClient Side JavaScript and AJAX
Client Side JavaScript and AJAX Client side javascript is JavaScript that runs in the browsers of people using your site. So far all the JavaScript code we've written runs on our node.js server. This is
More informationDesign Document V2 ThingLink Startup
Design Document V2 ThingLink Startup Yon Corp Andy Chen Ashton Yon Eric Ouyang Giovanni Tenorio Table of Contents 1. Technology Background.. 2 2. Design Goal...3 3. Architectural Choices and Corresponding
More informationStamp Builder. Documentation. v1.0.0
Stamp Email Builder Documentation http://getemailbuilder.com v1.0.0 THANK YOU FOR PURCHASING OUR EMAIL EDITOR! This documentation covers all main features of the STAMP Self-hosted email editor. If you
More informationOverview of Web Application Development
Overview of Web Application Development Web Technologies I. Zsolt Tóth University of Miskolc 2018 Zsolt Tóth (University of Miskolc) Web Apps 2018 1 / 34 Table of Contents Overview Architecture 1 Overview
More informationBuilding modern enterprise applications from scratch: lessons learned DOAG 2014 Dr. Clemens Wrzodek
Building modern enterprise applications from scratch: lessons learned DOAG 2014 Dr. Clemens Wrzodek @wrzodek Roche Group Penzberg Founded 1896 in Basel, Switzerland Employing > 82,000 people Clear focus
More informationHTML5 MOCK TEST HTML5 MOCK TEST I
http://www.tutorialspoint.com HTML5 MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to HTML5 Framework. You can download these sample mock tests at your
More informationHelpline No WhatsApp No.:
TRAINING BASKET QUALIFY FOR TOMORROW Helpline No. 9015887887 WhatsApp No.: 9899080002 Regd. Off. Plot No. A-40, Unit 301/302, Tower A, 3rd Floor I-Thum Tower Near Corenthum Tower, Sector-62, Noida - 201309
More informationScripting. Web Architecture and Information Management [./] Spring 2009 INFO (CCN 42509) Contents
Contents Scripting Contents Web Architecture and Information Management [./] Spring 2009 INFO 190-02 (CCN 42509) Erik Wilde, UC Berkeley School of Information [http://creativecommons.org/licenses/by/3.0/]
More informationGWT and jmaki: Expanding the GWT Universe. Carla Mott, Staff Engineer, Sun Microsystems Greg Murray, Ajax Architect, Sun Microsystems
GWT and jmaki: Expanding the GWT Universe Carla Mott, Staff Engineer, Sun Microsystems Greg Murray, Ajax Architect, Sun Microsystems Learn how to enhance Google Web Toolkit (GWT) to include many Ajax enabled
More informationAIM. 10 September
AIM These two courses are aimed at introducing you to the World of Web Programming. These courses does NOT make you Master all the skills of a Web Programmer. You must learn and work MORE in this area
More informationSession 16. JavaScript Part 1. Reading
Session 16 JavaScript Part 1 1 Reading Reading Wikipedia en.wikipedia.org/wiki/javascript / p W3C www.w3.org/tr/rec-html40/interact/scripts.html Web Developers Notes www.webdevelopersnotes.com/tutorials/javascript/
More informationModern Web Application Development. Sam Hogarth
Modern Web Application Development Sam Hogarth Some History Early Web Applications Server-side scripting only e.g. PHP/ASP Basic client-side scripts JavaScript/JScript/VBScript Major differences in browser
More informationOpen Source Library Developer & IT Pro
Open Source Library Developer & IT Pro Databases LEV 5 00:00:00 NoSQL/MongoDB: Buildout to Going Live INT 5 02:15:11 NoSQL/MongoDB: Implementation of AngularJS INT 2 00:59:55 NoSQL: What is NoSQL INT 4
More informationBasics of Web Technologies
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Introduction to Web Technologies
More informationTHE NEW ERA OF WEB DEVELOPMENT. qooxdoo. Andreas Ecker, Derrell Lipman
THE NEW ERA OF WEB DEVELOPMENT qooxdoo Andreas Ecker, Derrell Lipman The Ajax Experience, 25-27 July 2007 1 Introduction Client-side JavaScript framework Professional application development Comprehensive
More informationBut before understanding the Selenium WebDriver concept, we need to know about the Selenium first.
As per the today s scenario, companies not only desire to test software adequately, but they also want to get the work done as quickly and thoroughly as possible. To accomplish this goal, organizations
More information