Secure Web Programming

Slides:

Advertisements

Similar presentations

IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.

Advertisements

Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.

Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.

Web Programming Language Dr. Ken Cosh Week 1 (Introduction)

It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:

WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.

 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.

Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.

With your friendly Web Developer, Chris.. Terminology  HTML - > Hypertext Markup Language  CSS -> Cascading Style Sheet  open tag  close tag  HTTP->Hypertext.

Introduction to Internet Programming (Web Based Application)

Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.

JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.

NASRULLAH KHAN.  Lecturer : Nasrullah   Website :

Client side web programming Introduction Jaana Holvikivi, DSc. School of ICT.

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

Session I Chapter 1 - Introduction to Web Development

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

INTRODUCTION TO WEB APPLICATION Chapter 1. In this chapter, you will learn about:  The evolution of the Internet  The beginning of the World Wide Web,

Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I

NASRULLAH KHAN.  Lecturer : Nasrullah   Website :

 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.

HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.

Overview Web Technologies Computing Science Thompson Rivers University.

1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.

The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.

CSCI 3100 Tutorial 2 Web Development Tools 1 HTML 5 & CSS 3 1.

I NTRO TO W EB TECHNOLOGY Basic terms. C LIENT – S ERVER M ODEL a distributed communication between service requestors and service providers.

Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.

Getting Started with HTML

Dive into web development

Introduction and HTML overview

Web Programming Language

Web Systems & Technologies

Web Basics: HTML/CSS/JavaScript What are they?

Introduction to HTML:.

Web Technologies Computing Science Thompson Rivers University

Objective % Select and utilize tools to design and develop websites.

Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.

HTML & teh internets.

W3C Web standards and Recommendations

Asynchronous Java script And XML Technology

Objective % Select and utilize tools to design and develop websites.

Web App vs Mobile App.

Web Development Training

APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.

Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta

Introduction to Internet Programming

Essentials of Web Pages

HTML A brief introduction HTML.

IS 360 Course Introduction

Web Design and Development

HTML5 Level I Session I Chapter 1 - Introduction to Web Development

Introduction to Web Application Design

Document Structure & HTML

Introduction to World Wide Web

CIS 133 mashup Javascript, jQuery and XML

Web Development 101 Workshop

HyperText Markup Language

BOF #1 – Fundamentals of the Web

Web Technologies Computing Science Thompson Rivers University

Client-Server Model: Requesting a Web Page

WJEC GCSE Computer Science

Web Programming and Design

HTTP and HTML HTML HTTP HTTP – Standardize the packaging

Web Application Development Using PHP

© 2017, Mike Murach & Associates, Inc.

CGS 3066: Web Programming and Design Fall 2019

Presentation transcript:

Secure Web Programming Vahid K.Akram

Course Contents HTTP HTML 5 & CSS 3 AJAX JavaScript & JSON & jQuery WebSocket & Socket.IO Node.js AngularJS Entity Framework & MVC Security HTML 5 & CSS 3 JavaScript & JSON & jQuery Bootstrap and Web Templates Document Object Model (DOM) Introduction to SQL and Databases ASP.NET & C# (Web From) Web Services

FRONT END vs BACK END

FRONT END vs BACK END Back End Front End Codes run on Client (Your) machine (Computer, Tablet, Mobile Phone,…) All browsers (Firefox, Chrome,…) execute Front Ends Codes Have many security restrictions (Fortunately) Usually deal with page design, graphics, user interaction and client side programs HTML, CSS, JavaScript, AngularJS, jQuery, FLASH, Back End Codes run on server machine Dynamically generate contents of web pages Deal with databases, files, … C#, ASP.NET, PHP, JSP, Web Services, Node.js, SQL, JAVA, PYTHON

FRONT END vs BACK END Bridge Between Front End and Back End JSON XML MVC Web Forms AJAX

Response: Webpage files Accessing a Website Request: GET www.google.com Response: Webpage files HTTP (hyper text transfer protocol) Client (You) Server (Google)

Accessing a Website Webpage files HTML CSS JavaScript Assets (image, sound, …)

HTML Hypertext Markup Language The language web browser uses to describe the content and structure on web pages

HTML HTML = Nested Boxes

HTML HTML = Nested Boxes

HTML HTML = Nested Boxes

HTML HTML = Nested Boxes

HTML HTML = Nested Boxes

HTML HTML = Nested Boxes

HTML

HTML

HTML

HTML

HTML

HTML

Basic HTML Elements <html> <head> <body> <h1>, <h2>, <h3>, … <p> <div> <a> <img>

HTML Attributes <a href="link here"> (Opening tag) Content goes here </a> (Closing tag) <a href="home.html">Link to home!</a>

HTML Attributes Some elements have no closing tags <img src="pusheen.gif"></img> app/ hello.html images/ pusheen.gif <img src="images/pusheen.gif">

HTML Lists <ol> Ordered List (1, 2, 3…) <ul> Unordered List (bullets) <li> List Item

HTML DIV <div> Block Section in Document

HTML A way to learn HTML, CSS and JavaScript: W3Schools.Com