Introduction to web development concepts

Slides:



Advertisements
Similar presentations
Introduction to PHP MIS 3501, Fall 2014 Jeremy Shafer
Advertisements

What is it? –Large Web sites that support commercial use cannot be written by hand What you’re going to learn –How a Web server and a database can be used.
Creating WordPress Websites. Creating a site on your computer Local server Local WordPress installation Setting Up Dreamweaver.
Multiple Tiers in Action
E-Commerce The technical side. LAMP Linux Linux Apache Apache MySQL MySQL PHP PHP All Open Source and free packages. Can be installed and run on most.
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
1 CS428 Web Engineering Lecture 18 Introduction (PHP - I)
SYST Web Technologies SYST Web Technologies Installing a Web Server (XAMPP)
Web Page A page displayed by the browser. Website Collection of multiple web pages Web Browser: A software that displays web pages on client computer.
PHP and MySQL Week#1  Course Plan.  Introduction to Dynamic Web Content.  Setting Up Development Server Eng. Mohamed Ahmed Black 1.
BY Zoher & Mahmoud. What is WAMP?  - Acronym for Windows/Apache/MySQL/PHP, Python, (and/or) PERL  - WAMP refers to a set of free open source applications,
October 10, 2014 Coding For UX : Part 1 localhost 45 Main St #220 BKLN / / hugeinc.com.
WordPress Web. WordPress Blogging system with full content management Personal publishing system Built on PHP scripting language and MySQL relational.
INFM 603: Information Technology and Organizational Context Jimmy Lin The iSchool University of Maryland Thursday, October 18, 2012 Session 7: PHP.
Class02 Introduction to web development with PHP MIS 3501, Fall 2015 Brad N Greenwood Department of MIS Fox School of Business Temple University 8/27/2015.
1Computer Sciences Department Princess Nourah bint Abdulrahman University.
Case Study Dynamic Website - Three Tier Architecture
By Bearzx Dive Into Web Introduction To WEB
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
Unit 1 – Web Concepts Instructor: Brent Presley.
Server Side Scripting. Common Gateway Interface (CGI) The web is a client-server system.
8 th Semester, Batch 2009 Department Of Computer Science SSUET.
Class03 Introduction to Web Development (Hierarchy and the IDE) MIS 3501, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University.
 Before you continue you should have a basic understanding of the following:  HTML  CSS  JavaScript.
Web Page Designing With Dreamweaver MX\Session 1\1 of 9 Session 1 Introduction to PHP Hypertext Preprocessor - PHP.
CSE3310: Web training A JumpStart for Project. Outline Introduction to Website development Web Development Languages How to build simple Pages in PHP.
XAMPP.
Expertsfromindia for Joomla Development. Introduction Joomla is an open source and free content management system (CMS) for publishing content on the.
Outline  XAMPP  XAMPP Install  Put php and HTML documents  Windows and Mac Version  Security.
Class02 Introduction to web development concepts MIS 3501, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 1/14/2016.
PDO Database Connections MIS 3501, Fall 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 3/8/2016.
Introduction to JavaScript MIS 3502, Fall 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 9/29/2016.
PHP Basics and Syntax Lesson 3 ITBS2203 E-Commerce for IT.
PDO Database Connections
Class03 Introduction to Web Development (Hierarchy and the IDE)
Web Systems & Technologies
Group 18: Chris Hood Brett Poche
Form Data (part 2) MIS 3502, Fall 2015 Jeremy Shafer Department of MIS
Final Year Project Agree or Dis-agree?.
Final Project Presentation
Introduction to Web Development (Part 2)
PHP: includes MIS 3501 Jeremy Shafer Department of MIS
Form Data (part 1) MIS 3502, Fall 2015 Jeremy Shafer Department of MIS
Pemrograman V (PHP) “Introduction”
Ben Dahlin LCSC Technology Development Coordinator
PDO Database Connections
PHP / MySQL Introduction
Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS
Database Driven Websites
Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS
Form Data (part 2) MIS 3501 Jeremy Shafer Department of MIS
PDO Database Connections
Information system Management
PDO Database Connections
Form Data (part 2) MIS 3501 Jeremy Shafer Department of MIS
Class07 PHP: loops MIS 3501 Jeremy Shafer Department of MIS
Information system Management
Accessing Your MySQL Database from the Web with PHP (Ch 11)
MySQL Backup, Transfer and Restore
HTML5 APIs MIS3502 Jeremy Shafer Department of MIS
Tutorial 6 PHP & MySQL Li Xu
Form Data (part 1) MIS3501 Jeremy Shafer Department of MIS
Introduction to MIS3502 MIS 3502 Jeremy Shafer Department of MIS
Introduction to MIS2402 MIS MIS2402 Jeremy Shafer Department of MIS
INFS 230 L Internet Technology
Client-Server Model: Requesting a Web Page
Hypertext Preprocessor
Web Application Development Using PHP
XAMPP.
Presentation transcript:

Introduction to web development concepts MIS 3501 Jeremy Shafer Department of MIS Fox School of Business Temple University

Web Applications By their very nature, Web Applications require multiple technologies to work together. Some collections of technologies are common, that they are collectively referred to as a stack. For example: the "LAMP Stack“ is Linux, Apache, MySQL, and PHP. In this class, you will use XAMPP – which is short for Cross (X) Platform, Apache, MySQL, PHP, and Perl.

Web Development Similarly, Web Development requires that multiple programming languages work together. Each language has its special purpose. A web application never uses just one programming language. In this class we will use: HTML and CSS (for presentation) – aesthetics – how does the site look? (This is what you are learning, on your own, outside of class, by watching the Lynda videos…. Right?) PHP (for scripting of all sorts) – functionality – what can the site do? MySQL (for database queries) – content – what are the data that the site can display?

Your Computer Sends This Out The Web Server Sends this back

The Script makes the website dynamic

How Did We Get From A  B Three Components HTML (The Body) CSS (The Style) PHP (The actions)

HTML

How Did We Get From A  B Three Components HTML (The Body) CSS (The Style) PHP (The actions)

How Did We Get From A  B Three Components HTML (The Body) CSS (The Style) PHP (The actions)

How Did We Get From A  B

Time for an exercise